diff --git a/.editorconfig b/.editorconfig
index ee55bb502..319299684 100644
--- a/.editorconfig
+++ b/.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
diff --git a/.eslintignore b/.eslintignore
index bf7fdf065..129fb3332 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -1,7 +1,17 @@
-.idea/
-.vscode/
-build/
+# 忽略目录
+node_modules
+test-cases
+test
+output
+build
+dist
+demo
+es
+lib
 .*
 ~*
-node_modules
 
+# 忽略文件
+**/*.min.js
+**/*-min.js
+**/*.bundle.js
diff --git a/.eslintrc b/.eslintrc
deleted file mode 100644
index 847ef2c13..000000000
--- a/.eslintrc
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "extends": "./node_modules/@ali/lowcode-config/.eslintrc"
-}
diff --git a/.eslintrc.js b/.eslintrc.js
new file mode 100644
index 000000000..dab7837f3
--- /dev/null
+++ b/.eslintrc.js
@@ -0,0 +1,3 @@
+module.exports = {
+  extends: 'eslint-config-ali/typescript/react',
+};
diff --git a/.prettierignore b/.prettierignore
deleted file mode 100644
index 28af681fc..000000000
--- a/.prettierignore
+++ /dev/null
@@ -1,4 +0,0 @@
-**/test/**/*.ts
-**/test/**/*.js
-**/template/**/*.template
-**/template/**/*.tpl
diff --git a/.prettierrc b/.prettierrc
deleted file mode 100644
index ba026f068..000000000
--- a/.prettierrc
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-  "trailingComma": "all",
-  "tabWidth": 2,
-  "semi": true,
-  "singleQuote": true,
-  "printWidth": 120,
-  "arrowParens": "always"
-}
diff --git a/.prettierrc.js b/.prettierrc.js
new file mode 100644
index 000000000..24c5859e6
--- /dev/null
+++ b/.prettierrc.js
@@ -0,0 +1,7 @@
+module.exports = {
+  printWidth: 100,
+  tabWidth: 2,
+  semi: true,
+  singleQuote: true,
+  trailingComma: 'all',
+};
diff --git a/.stylelintignore b/.stylelintignore
new file mode 100644
index 000000000..bec25cf29
--- /dev/null
+++ b/.stylelintignore
@@ -0,0 +1,9 @@
+# 忽略目录
+node_modules/
+build/
+dist/
+
+# 忽略文件
+**/*.min.css
+**/*-min.css
+**/*.bundle.css
diff --git a/.stylelintrc.js b/.stylelintrc.js
new file mode 100644
index 000000000..74a5a54e3
--- /dev/null
+++ b/.stylelintrc.js
@@ -0,0 +1,3 @@
+module.exports = {
+  extends: 'stylelint-config-ali',
+};
diff --git a/.vscode/launch.json b/.vscode/launch.json
index f242fc1f3..98523af22 100644
--- a/.vscode/launch.json
+++ b/.vscode/launch.json
@@ -9,7 +9,7 @@
       "type": "node",
       "request": "launch",
       "runtimeExecutable": "${workspaceFolder}/packages/material-parser/node_modules/.bin/ava",
-      "runtimeArgs": ["debug", "--break", "${file}"]
+      "runtimeArgs": ["debug", "--break", "${workspaceFolder}/packages/material-parser/test/antd.ts"]
     }
   ]
 }
diff --git a/README.md b/README.md
index 34ff152c5..6cfc5a252 100644
--- a/README.md
+++ b/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` 下
diff --git a/commitlint.config.js b/commitlint.config.js
new file mode 100644
index 000000000..52f3b754b
--- /dev/null
+++ b/commitlint.config.js
@@ -0,0 +1,3 @@
+module.exports = {
+  extends: ['ali'],
+};
diff --git a/package.json b/package.json
index ac1ca5168..a8f50276a 100644
--- a/package.json
+++ b/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": {
-    "*.{tsx,ts}": [
-      "eslint --quiet",
-      "git add"
-    ]
-  },
-  "config": {
-    "commitizen": {
-      "path": "node_modules/cz-conventional-changelog"
+  "husky": {
+    "hooks": {
+      "commit-msg": "xima exec commitlint -E HUSKY_GIT_PARAMS",
+      "pre-commit": "xima exec lint-staged"
     }
   },
+  "lint-staged": {
+    "**/*.{js,jsx,ts,tsx}": "xima exec eslint",
+    "**/*.{css,scss,less}": "xima exec stylelint"
+  },
   "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"
@@ -54,4 +48,4 @@
     "mode": "yarn",
     "lockfile": "enable"
   }
-}
+}
\ No newline at end of file
diff --git a/packages/code-generator/demo/demo.js b/packages/code-generator/demo/demo.js
index a3ca9ca46..1c760446d 100644
--- a/packages/code-generator/demo/demo.js
+++ b/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;
   });
 }
@@ -160,7 +160,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;
   });
 }
diff --git a/packages/code-generator/src/@types/ali__my-prettier/index.d.ts b/packages/code-generator/src/@types/ali__my-prettier/index.d.ts
index d21a2b18a..1751a79ff 100644
--- a/packages/code-generator/src/@types/ali__my-prettier/index.d.ts
+++ b/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;
diff --git a/packages/code-generator/src/const/generator.ts b/packages/code-generator/src/const/generator.ts
index 9028b9226..3d3950420 100644
--- a/packages/code-generator/src/const/generator.ts
+++ b/packages/code-generator/src/const/generator.ts
@@ -109,6 +109,6 @@ export const DEFAULT_LINK_AFTER = {
   [COMMON_CHUNK_NAME.StyleDepsImport]: [],
   [COMMON_CHUNK_NAME.StyleCssContent]: [COMMON_CHUNK_NAME.StyleDepsImport],
   [COMMON_CHUNK_NAME.HtmlContent]: [],
-}
+};
 
 export const COMMON_SUB_MODULE_NAME = 'index';
diff --git a/packages/code-generator/src/const/index.ts b/packages/code-generator/src/const/index.ts
index d637ad03c..790fa23e0 100644
--- a/packages/code-generator/src/const/index.ts
+++ b/packages/code-generator/src/const/index.ts
@@ -1,4 +1,4 @@
-export const NATIVE_ELE_PKG: string = 'native';
+export const NATIVE_ELE_PKG = 'native';
 
 export const CONTAINER_TYPE = {
   COMPONENT: 'Component',
diff --git a/packages/code-generator/src/generator/CodeBuilder.ts b/packages/code-generator/src/generator/CodeBuilder.ts
index ad7f33622..96fbb5710 100644
--- a/packages/code-generator/src/generator/CodeBuilder.ts
+++ b/packages/code-generator/src/generator/CodeBuilder.ts
@@ -12,7 +12,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[] = []) {
@@ -58,14 +58,15 @@ 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)),
+          // eslint-disable-next-line no-param-reassign
+          ch => { ch.linkAfter = ch.linkAfter.filter(after => after !== name); },
         );
       }
     }
@@ -95,8 +96,6 @@ export default class Builder implements ICodeBuilder {
   // remove invalid chunks (which did not end up being created) from the linkAfter fields
   // one use-case is when you want to remove the import plugin
   private cleanupInvalidChunks(linkAfter: string[], chunks: ICodeChunk[]) {
-    return linkAfter.filter(chunkName =>
-      chunks.some(chunk => chunk.name === chunkName),
-    );
+    return linkAfter.filter(chunkName => chunks.some(chunk => chunk.name === chunkName));
   }
 }
diff --git a/packages/code-generator/src/generator/ModuleBuilder.ts b/packages/code-generator/src/generator/ModuleBuilder.ts
index 063434cb4..f70abc669 100644
--- a/packages/code-generator/src/generator/ModuleBuilder.ts
+++ b/packages/code-generator/src/generator/ModuleBuilder.ts
@@ -51,7 +51,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);
diff --git a/packages/code-generator/src/generator/ProjectBuilder.ts b/packages/code-generator/src/generator/ProjectBuilder.ts
index 34211d0e5..a10ad67e8 100644
--- a/packages/code-generator/src/generator/ProjectBuilder.ts
+++ b/packages/code-generator/src/generator/ProjectBuilder.ts
@@ -40,7 +40,9 @@ function getDirFromRoot(root: IResultDir, path: string[]): IResultDir {
 
 export class ProjectBuilder implements IProjectBuilder {
   private template: IProjectTemplate;
+
   private plugins: IProjectPlugins;
+
   private postProcessors: PostProcessor[];
 
   constructor({
diff --git a/packages/code-generator/src/model/ResultDir.ts b/packages/code-generator/src/model/ResultDir.ts
index 3888859c1..c456a9459 100644
--- a/packages/code-generator/src/model/ResultDir.ts
+++ b/packages/code-generator/src/model/ResultDir.ts
@@ -2,7 +2,9 @@ import { CodeGeneratorError, IResultDir, IResultFile } from '../types';
 
 export default class ResultDir implements IResultDir {
   public name: string;
+
   public dirs: IResultDir[];
+
   public files: IResultFile[];
 
   constructor(name: string) {
diff --git a/packages/code-generator/src/model/ResultFile.ts b/packages/code-generator/src/model/ResultFile.ts
index 08b3032b8..b8064bfab 100644
--- a/packages/code-generator/src/model/ResultFile.ts
+++ b/packages/code-generator/src/model/ResultFile.ts
@@ -2,10 +2,12 @@ import { IResultFile } from '../types';
 
 export default class ResultFile implements IResultFile {
   public name: string;
+
   public ext: string;
+
   public content: string;
 
-  constructor(name: string, ext: string = 'jsx', content: string = '') {
+  constructor(name: string, ext = 'jsx', content = '') {
     this.name = name;
     this.ext = ext;
     this.content = content;
diff --git a/packages/code-generator/src/parser/SchemaParser.ts b/packages/code-generator/src/parser/SchemaParser.ts
index ddb9e4c1c..1c3ef0eb0 100644
--- a/packages/code-generator/src/parser/SchemaParser.ts
+++ b/packages/code-generator/src/parser/SchemaParser.ts
@@ -20,7 +20,6 @@ import {
   IExternalDependency,
   IInternalDependency,
   InternalDependencyType,
-  IPageMeta,
   IParseResult,
   IProjectSchema,
   ISchemaParser,
@@ -95,7 +94,7 @@ class SchemaParser implements ISchemaParser {
         });
       }
     } else {
-      throw new CodeGeneratorError(`Can't find anything to generate.`);
+      throw new CodeGeneratorError('Can\'t find anything to generate.');
     }
 
     // 建立所有容器的内部依赖索引
@@ -160,7 +159,7 @@ class SchemaParser implements ISchemaParser {
     const routes = containers
       .filter((container) => container.containerType === 'Page')
       .map((page) => {
-        const meta = page.meta as IPageMeta;
+        const { meta } = page;
         if (meta) {
           return {
             path: meta.router,
@@ -190,7 +189,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);
       npms.push(...((p as unknown) as INpmPackage[]));
     });
diff --git a/packages/code-generator/src/plugins/common/esmodule.ts b/packages/code-generator/src/plugins/common/esmodule.ts
index 2fbff2fed..e270988de 100644
--- a/packages/code-generator/src/plugins/common/esmodule.ts
+++ b/packages/code-generator/src/plugins/common/esmodule.ts
@@ -88,7 +88,9 @@ function buildPackageImport(pkg: string, deps: IDependency[], targetFileType: st
     }
   });
 
-  const items = Object.keys(imports).map((src) => (src === imports[src] ? src : `${src} as ${imports[src]}`));
+  const items = Object.keys(imports).map((src) => {
+    return src === imports[src] ? src : `${src} as ${imports[src]}`;
+  });
 
   const statementL = ['import'];
   if (defaultImport) {
diff --git a/packages/code-generator/src/plugins/common/requireUtils.ts b/packages/code-generator/src/plugins/common/requireUtils.ts
index 9da850a4c..6d2fcfe92 100644
--- a/packages/code-generator/src/plugins/common/requireUtils.ts
+++ b/packages/code-generator/src/plugins/common/requireUtils.ts
@@ -19,7 +19,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: [],
     });
 
diff --git a/packages/code-generator/src/plugins/component/rax/containerInitState.ts b/packages/code-generator/src/plugins/component/rax/containerInitState.ts
new file mode 100644
index 000000000..0d635963c
--- /dev/null
+++ b/packages/code-generator/src/plugins/component/rax/containerInitState.ts
@@ -0,0 +1,68 @@
+import { CLASS_DEFINE_CHUNK_NAME, DEFAULT_LINK_AFTER } from '../../../const/generator';
+
+import { generateCompositeType } from '../../../utils/compositeType';
+import Scope from '../../../utils/Scope';
+
+import {
+  BuilderComponentPlugin,
+  BuilderComponentPluginFactory,
+  ChunkType,
+  FileType,
+  ICodeStruct,
+  IContainerInfo,
+} from '../../../types';
+
+type PluginConfig = {
+  fileType: string;
+  implementType: 'inConstructor' | 'insMember' | 'hooks';
+};
+
+const pluginFactory: BuilderComponentPluginFactory<PluginConfig> = (config?) => {
+  const cfg: PluginConfig = {
+    fileType: FileType.JSX,
+    implementType: 'insMember',
+    ...config,
+  };
+
+  const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
+    const next: ICodeStruct = {
+      ...pre,
+    };
+
+    const ir = next.ir as IContainerInfo;
+    const scope = Scope.createRootScope();
+
+    if (ir.state) {
+      const { state } = ir;
+      const fields = Object.keys(state).map<string>((stateName) => {
+        // TODO: 这里用什么 handlers?
+        const value = generateCompositeType(state[stateName], scope);
+        return `${stateName}: ${value}`;
+      });
+
+      if (cfg.implementType === 'inConstructor') {
+        next.chunks.push({
+          type: ChunkType.STRING,
+          fileType: cfg.fileType,
+          name: CLASS_DEFINE_CHUNK_NAME.ConstructorContent,
+          content: `this.state = { ${fields.join(',')} };`,
+          linkAfter: [...DEFAULT_LINK_AFTER[CLASS_DEFINE_CHUNK_NAME.ConstructorContent]],
+        });
+      } else if (cfg.implementType === 'insMember') {
+        next.chunks.push({
+          type: ChunkType.STRING,
+          fileType: cfg.fileType,
+          name: CLASS_DEFINE_CHUNK_NAME.InsVar,
+          content: `state = { ${fields.join(',')} };`,
+          linkAfter: [...DEFAULT_LINK_AFTER[CLASS_DEFINE_CHUNK_NAME.InsVar]],
+        });
+      }
+      // TODO: hooks state??
+    }
+
+    return next;
+  };
+  return plugin;
+};
+
+export default pluginFactory;
diff --git a/packages/code-generator/src/plugins/component/rax/containerInjectDataSourceEngine.ts b/packages/code-generator/src/plugins/component/rax/containerInjectDataSourceEngine.ts
new file mode 100644
index 000000000..6115730b0
--- /dev/null
+++ b/packages/code-generator/src/plugins/component/rax/containerInjectDataSourceEngine.ts
@@ -0,0 +1,157 @@
+/* eslint-disable @typescript-eslint/indent */
+
+import { CompositeValue, JSExpression, DataSourceConfig, isJSExpression, isJSFunction } from '@ali/lowcode-types';
+import changeCase from 'change-case';
+
+import { CLASS_DEFINE_CHUNK_NAME, COMMON_CHUNK_NAME } from '../../../const/generator';
+import Scope from '../../../utils/Scope';
+
+import {
+  BuilderComponentPlugin,
+  BuilderComponentPluginFactory,
+  ChunkType,
+  FileType,
+  ICodeStruct,
+  IScope,
+} from '../../../types';
+
+import { generateCompositeType } from '../../../utils/compositeType';
+import { parseExpressionConvertThis2Context } from '../../../utils/expressionParser';
+import { isContainerSchema } from '../../../utils/schema';
+import { RAX_CHUNK_NAME } from './const';
+
+type PluginConfig = {
+  fileType: string;
+};
+
+const pluginFactory: BuilderComponentPluginFactory<PluginConfig> = (config?) => {
+  const cfg: PluginConfig = {
+    fileType: FileType.JSX,
+    ...config,
+  };
+
+  const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
+    const next: ICodeStruct = {
+      ...pre,
+    };
+
+    const scope = Scope.createRootScope();
+    const dataSourceConfig = isContainerSchema(pre.ir) ? pre.ir.dataSource : null;
+    const dataSourceItems: DataSourceConfig[] = (dataSourceConfig && dataSourceConfig.list) || [];
+    const dataSourceEngineOptions = { runtimeConfig: true };
+    if (dataSourceItems.length > 0) {
+      const requestHandlersMap = {} as Record<string, JSExpression>;
+
+      dataSourceItems.forEach((ds) => {
+        const dsType = ds.type || 'fetch';
+        if (!(dsType in requestHandlersMap) && dsType !== 'custom') {
+          const handlerFactoryName = `__$$create${ changeCase.pascal(dsType) }RequestHandler`;
+
+          requestHandlersMap[dsType] = {
+            type: 'JSExpression',
+            value: handlerFactoryName + (dsType === 'urlParams' ? '(this.props.location.search)' : '()'),
+          };
+
+          const handlerFactoryExportName = `create${changeCase.pascal(dsType)}Handler`;
+          const handlerPkgName = `@ali/lowcode-datasource-${changeCase.kebab(dsType)}-handler`;
+
+          next.chunks.push({
+            type: ChunkType.STRING,
+            fileType: FileType.JSX,
+            name: COMMON_CHUNK_NAME.ExternalDepsImport,
+            content: `
+              import { ${handlerFactoryExportName} as ${handlerFactoryName} } from '${handlerPkgName}';
+            `,
+            linkAfter: [],
+          });
+        }
+      });
+
+      Object.assign(dataSourceEngineOptions, { requestHandlersMap });
+    }
+
+    next.chunks.push({
+      type: ChunkType.STRING,
+      fileType: FileType.JSX,
+      name: COMMON_CHUNK_NAME.ExternalDepsImport,
+      content: `
+        import { create as __$$createDataSourceEngine } from '@ali/lowcode-datasource-engine/runtime';
+      `,
+      linkAfter: [],
+    });
+
+    next.chunks.push({
+      type: ChunkType.STRING,
+      fileType: cfg.fileType,
+      name: CLASS_DEFINE_CHUNK_NAME.InsVar,
+      content: `
+        _dataSourceConfig = this._defineDataSourceConfig();
+        _dataSourceEngine = __$$createDataSourceEngine(
+          this._dataSourceConfig,
+          this._context,
+          ${generateCompositeType(dataSourceEngineOptions, scope)}
+        );`,
+      linkAfter: [CLASS_DEFINE_CHUNK_NAME.Start],
+    });
+
+    next.chunks.push({
+      type: ChunkType.STRING,
+      fileType: cfg.fileType,
+      name: RAX_CHUNK_NAME.ClassDidMountContent,
+      content: `
+        this._dataSourceEngine.reloadDataSource();
+      `,
+      linkAfter: [RAX_CHUNK_NAME.ClassDidMountBegin],
+    });
+
+    next.chunks.push({
+      type: ChunkType.STRING,
+      fileType: cfg.fileType,
+      name: CLASS_DEFINE_CHUNK_NAME.InsPrivateMethod,
+      content: `
+_defineDataSourceConfig() {
+  const __$$context = this._context;
+  return (${generateCompositeType(
+    {
+      ...dataSourceConfig,
+      list: [
+        ...dataSourceItems.map((item) => ({
+          ...item,
+          isInit: wrapAsFunction(item.isInit, scope),
+          options: wrapAsFunction(item.options, scope),
+        })),
+      ],
+    },
+    scope,
+    {
+      handlers: {
+        function: (jsFunc) => parseExpressionConvertThis2Context(jsFunc.value, '__$$context'),
+        expression: (jsExpr) => parseExpressionConvertThis2Context(jsExpr.value, '__$$context'),
+      },
+    },
+  )});
+}
+      `,
+      linkAfter: [RAX_CHUNK_NAME.ClassRenderEnd],
+    });
+
+    return next;
+  };
+  return plugin;
+};
+
+export default pluginFactory;
+
+function wrapAsFunction(value: CompositeValue, scope: IScope): CompositeValue {
+  if (isJSExpression(value) || isJSFunction(value)) {
+    return {
+      type: 'JSExpression',
+      value: `function(){ return ((${value.value}))}`,
+    };
+  }
+
+  return {
+    type: 'JSExpression',
+    value: `function(){return((${generateCompositeType(value, scope)}))}`,
+  };
+}
diff --git a/packages/code-generator/src/plugins/component/rax/containerLifeCycle.ts b/packages/code-generator/src/plugins/component/rax/containerLifeCycle.ts
new file mode 100644
index 000000000..28cfac83d
--- /dev/null
+++ b/packages/code-generator/src/plugins/component/rax/containerLifeCycle.ts
@@ -0,0 +1,120 @@
+import _ from 'lodash';
+
+import { CLASS_DEFINE_CHUNK_NAME } from '../../../const/generator';
+import { RAX_CHUNK_NAME } from './const';
+
+import {
+  BuilderComponentPlugin,
+  BuilderComponentPluginFactory,
+  FileType,
+  ChunkType,
+  ICodeStruct,
+  IContainerInfo,
+} from '../../../types';
+
+type PluginConfig = {
+  fileType: string;
+  exportNameMapping: Record<string, string>;
+  normalizeNameMapping: Record<string, string>;
+};
+
+const pluginFactory: BuilderComponentPluginFactory<PluginConfig> = (config?) => {
+  const cfg: PluginConfig = {
+    fileType: FileType.JSX,
+    exportNameMapping: {},
+    normalizeNameMapping: {},
+    ...config,
+  };
+
+  const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
+    const next: ICodeStruct = {
+      ...pre,
+    };
+
+    // Rax 先只支持 didMount 和 willUnmount 吧
+
+    const ir = next.ir as IContainerInfo;
+    const { lifeCycles } = ir;
+
+    if (lifeCycles && !_.isEmpty(lifeCycles)) {
+      Object.entries(lifeCycles).forEach(([lifeCycleName, lifeCycleMethodExpr]) => {
+        const normalizeName = cfg.normalizeNameMapping[lifeCycleName] || lifeCycleName;
+        const exportName = cfg.exportNameMapping[lifeCycleName] || lifeCycleName;
+
+        next.chunks.push({
+          type: ChunkType.STRING,
+          fileType: cfg.fileType,
+          name: RAX_CHUNK_NAME.LifeCyclesContent,
+          content: `${exportName}: (${lifeCycleMethodExpr.value}),`,
+          linkAfter: [RAX_CHUNK_NAME.LifeCyclesBegin],
+        });
+
+        if (normalizeName === 'didMount') {
+          next.chunks.push({
+            type: ChunkType.STRING,
+            fileType: cfg.fileType,
+            name: RAX_CHUNK_NAME.ClassDidMountContent,
+            content: `this._lifeCycles.${exportName}();`,
+            linkAfter: [RAX_CHUNK_NAME.ClassDidMountBegin],
+          });
+        } else if (normalizeName === 'willUnmount') {
+          next.chunks.push({
+            type: ChunkType.STRING,
+            fileType: cfg.fileType,
+            name: RAX_CHUNK_NAME.ClassWillUnmountContent,
+            content: `this._lifeCycles.${exportName}();`,
+            linkAfter: [RAX_CHUNK_NAME.ClassWillUnmountBegin],
+          });
+        } else {
+          // TODO: print warnings? Unknown life cycle
+        }
+      });
+
+      next.chunks.push({
+        type: ChunkType.STRING,
+        fileType: cfg.fileType,
+        name: CLASS_DEFINE_CHUNK_NAME.InsVar,
+        content: '_lifeCycles = this._defineLifeCycles();',
+        linkAfter: [CLASS_DEFINE_CHUNK_NAME.Start],
+      });
+
+      next.chunks.push({
+        type: ChunkType.STRING,
+        fileType: cfg.fileType,
+        name: RAX_CHUNK_NAME.LifeCyclesBegin,
+        content: `
+          _defineLifeCycles() {
+            const __$$lifeCycles = ({
+        `,
+        linkAfter: [RAX_CHUNK_NAME.ClassRenderEnd, CLASS_DEFINE_CHUNK_NAME.InsPrivateMethod],
+      });
+
+      next.chunks.push({
+        type: ChunkType.STRING,
+        fileType: cfg.fileType,
+        name: RAX_CHUNK_NAME.LifeCyclesEnd,
+        content: `
+            });
+
+            // 为所有的方法绑定上下文
+            Object.entries(__$$lifeCycles).forEach(([lifeCycleName, lifeCycleMethod]) => {
+              if (typeof lifeCycleMethod === 'function') {
+                __$$lifeCycles[lifeCycleName] = (...args) => {
+                  return lifeCycleMethod.apply(this._context, args);
+                }
+              }
+            });
+
+            return __$$lifeCycles;
+          }
+        `,
+        linkAfter: [RAX_CHUNK_NAME.LifeCyclesBegin, RAX_CHUNK_NAME.LifeCyclesContent],
+      });
+    }
+
+    return next;
+  };
+  return plugin;
+};
+
+export default pluginFactory;
diff --git a/packages/code-generator/src/plugins/component/react/containerClass.ts b/packages/code-generator/src/plugins/component/react/containerClass.ts
index 7ca5e685f..b84e7aa6e 100644
--- a/packages/code-generator/src/plugins/component/react/containerClass.ts
+++ b/packages/code-generator/src/plugins/component/react/containerClass.ts
@@ -35,7 +35,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],
     });
 
diff --git a/packages/code-generator/src/plugins/component/react/containerDataSource.ts b/packages/code-generator/src/plugins/component/react/containerDataSource.ts
index b60cb9539..8907dea36 100644
--- a/packages/code-generator/src/plugins/component/react/containerDataSource.ts
+++ b/packages/code-generator/src/plugins/component/react/containerDataSource.ts
@@ -29,7 +29,7 @@ const pluginFactory: BuilderComponentPluginFactory<PluginConfig> = (config?) =>
     const ir = next.ir as IContainerInfo;
 
     if (ir.state) {
-      const state = ir.state;
+      const { state } = ir;
       const fields = Object.keys(state).map<string>((stateName) => {
         const value = generateCompositeType(state[stateName]);
         return `${stateName}: ${value},`;
diff --git a/packages/code-generator/src/plugins/component/react/containerInitState.ts b/packages/code-generator/src/plugins/component/react/containerInitState.ts
index 9550244f1..3ab10463c 100644
--- a/packages/code-generator/src/plugins/component/react/containerInitState.ts
+++ b/packages/code-generator/src/plugins/component/react/containerInitState.ts
@@ -31,7 +31,7 @@ const pluginFactory: BuilderComponentPluginFactory<PluginConfig> = (config?) =>
     const ir = next.ir as IContainerInfo;
 
     if (ir.state) {
-      const state = ir.state;
+      const { state } = ir;
       const fields = Object.keys(state).map<string>((stateName) => {
         const value = generateCompositeType(state[stateName]);
         return `${stateName}: ${value},`;
diff --git a/packages/code-generator/src/plugins/component/react/containerInjectUtils.ts b/packages/code-generator/src/plugins/component/react/containerInjectUtils.ts
index 8cded167b..bf065b77d 100644
--- a/packages/code-generator/src/plugins/component/react/containerInjectUtils.ts
+++ b/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],
     });
 
diff --git a/packages/code-generator/src/plugins/component/react/containerLifeCycle.ts b/packages/code-generator/src/plugins/component/react/containerLifeCycle.ts
index 000355b7d..585cd6d7e 100644
--- a/packages/code-generator/src/plugins/component/react/containerLifeCycle.ts
+++ b/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;
diff --git a/packages/code-generator/src/plugins/component/react/containerMethod.ts b/packages/code-generator/src/plugins/component/react/containerMethod.ts
index 148f2cffd..ecc89d828 100644
--- a/packages/code-generator/src/plugins/component/react/containerMethod.ts
+++ b/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,
diff --git a/packages/code-generator/src/plugins/component/react/jsx.ts b/packages/code-generator/src/plugins/component/react/jsx.ts
index 3f2c7b0e2..78ee3f790 100644
--- a/packages/code-generator/src/plugins/component/react/jsx.ts
+++ b/packages/code-generator/src/plugins/component/react/jsx.ts
@@ -14,7 +14,7 @@ import { createReactNodeGenerator } from '../../../utils/nodeToJSX';
 type PluginConfig = {
   fileType?: string;
   nodeTypeMapping?: Record<string, string>;
-}
+};
 
 const pluginFactory: BuilderComponentPluginFactory<PluginConfig> = (config?) => {
   const cfg = {
diff --git a/packages/code-generator/src/plugins/component/react/reactCommonDeps.ts b/packages/code-generator/src/plugins/component/react/reactCommonDeps.ts
index 2e75a5b7e..2e71f8d90 100644
--- a/packages/code-generator/src/plugins/component/react/reactCommonDeps.ts
+++ b/packages/code-generator/src/plugins/component/react/reactCommonDeps.ts
@@ -6,7 +6,6 @@ import {
   ChunkType,
   FileType,
   ICodeStruct,
-  IContainerInfo,
 } from '../../../types';
 
 const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
@@ -19,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: [],
     });
 
diff --git a/packages/code-generator/src/plugins/component/recore/pageFrame.ts b/packages/code-generator/src/plugins/component/recore/pageFrame.ts
index e302a64bc..80aa08287 100644
--- a/packages/code-generator/src/plugins/component/recore/pageFrame.ts
+++ b/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]],
     });
 
diff --git a/packages/code-generator/src/plugins/component/recore/pageStyle.ts b/packages/code-generator/src/plugins/component/recore/pageStyle.ts
index fc8ca41b5..7f243487a 100644
--- a/packages/code-generator/src/plugins/component/recore/pageStyle.ts
+++ b/packages/code-generator/src/plugins/component/recore/pageStyle.ts
@@ -22,7 +22,7 @@ const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
         type: ChunkType.STRING,
         fileType: FileType.TS,
         name: CLASS_DEFINE_CHUNK_NAME.StaticVar,
-        content: `static cssText = '${ir.css.replace(/\'/g, '\\\'')}';`,
+        content: `static cssText = '${ir.css.replace(/'/g, '\\\'')}';`,
         linkAfter: [...DEFAULT_LINK_AFTER[CLASS_DEFINE_CHUNK_NAME.StaticVar]],
       });
     }
diff --git a/packages/code-generator/src/plugins/component/recore/pageVmHeader.ts b/packages/code-generator/src/plugins/component/recore/pageVmHeader.ts
index 6ef8ac44f..71ee2335c 100644
--- a/packages/code-generator/src/plugins/component/recore/pageVmHeader.ts
+++ b/packages/code-generator/src/plugins/component/recore/pageVmHeader.ts
@@ -17,7 +17,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: [],
     });
 
diff --git a/packages/code-generator/src/plugins/component/style/css.ts b/packages/code-generator/src/plugins/component/style/css.ts
index a2e8b46f0..167d9be41 100644
--- a/packages/code-generator/src/plugins/component/style/css.ts
+++ b/packages/code-generator/src/plugins/component/style/css.ts
@@ -12,7 +12,7 @@ import {
 type PluginConfig = {
   fileType: string;
   moduleFileType: string;
-}
+};
 
 const pluginFactory: BuilderComponentPluginFactory<PluginConfig> = (config?) => {
   const cfg: PluginConfig = {
diff --git a/packages/code-generator/src/plugins/project/framework/icejs/plugins/packageJSON.ts b/packages/code-generator/src/plugins/project/framework/icejs/plugins/packageJSON.ts
index f238b6af0..8d4a864c5 100644
--- a/packages/code-generator/src/plugins/project/framework/icejs/plugins/packageJSON.ts
+++ b/packages/code-generator/src/plugins/project/framework/icejs/plugins/packageJSON.ts
@@ -73,7 +73,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,
diff --git a/packages/code-generator/src/plugins/project/framework/icejs/plugins/router.ts b/packages/code-generator/src/plugins/project/framework/icejs/plugins/router.ts
index b4f2d718f..bb2d7c47f 100644
--- a/packages/code-generator/src/plugins/project/framework/icejs/plugins/router.ts
+++ b/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(
-                  route => `
+    .map(
+      route => `
                     {
                       path: '${route.path}',
                       component: ${route.componentName},
                     }
                   `,
-                )
-                .join(',')}
+    )
+    .join(',')}
             ],
           },
         ];
diff --git a/packages/code-generator/src/plugins/project/framework/rax/plugins/buildConfig.ts b/packages/code-generator/src/plugins/project/framework/rax/plugins/buildConfig.ts
new file mode 100644
index 000000000..2afb2e97d
--- /dev/null
+++ b/packages/code-generator/src/plugins/project/framework/rax/plugins/buildConfig.ts
@@ -0,0 +1,52 @@
+import { COMMON_CHUNK_NAME } from '../../../../../const/generator';
+
+import {
+  BuilderComponentPlugin,
+  BuilderComponentPluginFactory,
+  ChunkType,
+  FileType,
+  ICodeStruct,
+  IParseResult,
+} from '../../../../../types';
+
+const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
+  const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
+    const next: ICodeStruct = {
+      ...pre,
+    };
+
+    const ir = next.ir as IParseResult;
+    const miniAppBuildType = ir.project?.config.miniAppBuildType;
+
+    const buildCfg = {
+      inlineStyle: false,
+      plugins: [
+        [
+          'build-plugin-rax-app',
+          {
+            targets: ['web', 'miniapp'],
+            miniapp: miniAppBuildType
+              ? {
+                buildType: miniAppBuildType,
+              }
+              : undefined,
+          },
+        ],
+        '@ali/build-plugin-rax-app-def',
+      ],
+    };
+
+    next.chunks.push({
+      type: ChunkType.STRING,
+      fileType: FileType.JSON,
+      name: COMMON_CHUNK_NAME.CustomContent,
+      content: `${JSON.stringify(buildCfg, null, 2) }\n`,
+      linkAfter: [],
+    });
+
+    return next;
+  };
+  return plugin;
+};
+
+export default pluginFactory;
diff --git a/packages/code-generator/src/plugins/project/framework/recore/template/files/abc.json.ts b/packages/code-generator/src/plugins/project/framework/recore/template/files/abc.json.ts
index b7523b5f9..d83eeccfb 100644
--- a/packages/code-generator/src/plugins/project/framework/recore/template/files/abc.json.ts
+++ b/packages/code-generator/src/plugins/project/framework/recore/template/files/abc.json.ts
@@ -25,4 +25,3 @@ export default function getFile(): [string[], IResultFile] {
 
   return [[], file];
 }
-  
\ No newline at end of file
diff --git a/packages/code-generator/src/plugins/project/framework/recore/template/files/build.json.ts b/packages/code-generator/src/plugins/project/framework/recore/template/files/build.json.ts
index 08c1ab78a..16590134d 100644
--- a/packages/code-generator/src/plugins/project/framework/recore/template/files/build.json.ts
+++ b/packages/code-generator/src/plugins/project/framework/recore/template/files/build.json.ts
@@ -29,4 +29,3 @@ export default function getFile(): [string[], IResultFile] {
 
   return [[], file];
 }
-  
\ No newline at end of file
diff --git a/packages/code-generator/src/plugins/project/framework/recore/template/files/package.json.ts b/packages/code-generator/src/plugins/project/framework/recore/template/files/package.json.ts
index d8da2daaa..2e82c8266 100644
--- a/packages/code-generator/src/plugins/project/framework/recore/template/files/package.json.ts
+++ b/packages/code-generator/src/plugins/project/framework/recore/template/files/package.json.ts
@@ -63,4 +63,3 @@ export default function getFile(): [string[], IResultFile] {
 
   return [[], file];
 }
-  
\ No newline at end of file
diff --git a/packages/code-generator/src/plugins/project/framework/recore/template/files/public/index.html.ts b/packages/code-generator/src/plugins/project/framework/recore/template/files/public/index.html.ts
index af229a7e0..c0d09de31 100644
--- a/packages/code-generator/src/plugins/project/framework/recore/template/files/public/index.html.ts
+++ b/packages/code-generator/src/plugins/project/framework/recore/template/files/public/index.html.ts
@@ -48,4 +48,3 @@ export default function getFile(): [string[], IResultFile] {
 
   return [['public'], file];
 }
-  
\ No newline at end of file
diff --git a/packages/code-generator/src/plugins/project/framework/recore/template/files/src/config/app.ts.ts b/packages/code-generator/src/plugins/project/framework/recore/template/files/src/config/app.ts.ts
index 784662e28..b4d86e5e6 100644
--- a/packages/code-generator/src/plugins/project/framework/recore/template/files/src/config/app.ts.ts
+++ b/packages/code-generator/src/plugins/project/framework/recore/template/files/src/config/app.ts.ts
@@ -72,6 +72,5 @@ export default {
     `,
   );
 
-  return [['src','config'], file];
+  return [['src', 'config'], file];
 }
-  
\ No newline at end of file
diff --git a/packages/code-generator/src/plugins/project/framework/recore/template/files/src/config/components.ts.ts b/packages/code-generator/src/plugins/project/framework/recore/template/files/src/config/components.ts.ts
index c894e92aa..b08b4593b 100644
--- a/packages/code-generator/src/plugins/project/framework/recore/template/files/src/config/components.ts.ts
+++ b/packages/code-generator/src/plugins/project/framework/recore/template/files/src/config/components.ts.ts
@@ -38,6 +38,5 @@ export default componentsMap;
     `,
   );
 
-  return [['src','config'], file];
+  return [['src', 'config'], file];
 }
-  
\ No newline at end of file
diff --git a/packages/code-generator/src/plugins/project/framework/recore/template/files/src/config/utils.ts.ts b/packages/code-generator/src/plugins/project/framework/recore/template/files/src/config/utils.ts.ts
index 84237ae1d..241186e48 100644
--- a/packages/code-generator/src/plugins/project/framework/recore/template/files/src/config/utils.ts.ts
+++ b/packages/code-generator/src/plugins/project/framework/recore/template/files/src/config/utils.ts.ts
@@ -24,6 +24,5 @@ export default {
     `,
   );
 
-  return [['src','config'], file];
+  return [['src', 'config'], file];
 }
-  
\ No newline at end of file
diff --git a/packages/code-generator/src/plugins/project/framework/recore/template/files/src/index.ts.ts b/packages/code-generator/src/plugins/project/framework/recore/template/files/src/index.ts.ts
index 979b85a20..8c12c90bf 100644
--- a/packages/code-generator/src/plugins/project/framework/recore/template/files/src/index.ts.ts
+++ b/packages/code-generator/src/plugins/project/framework/recore/template/files/src/index.ts.ts
@@ -98,4 +98,3 @@ app.run();
 
   return [['src'], file];
 }
-  
\ No newline at end of file
diff --git a/packages/code-generator/src/plugins/project/framework/recore/template/files/tsconfig.json.ts b/packages/code-generator/src/plugins/project/framework/recore/template/files/tsconfig.json.ts
index c30c3e46b..cb75cf556 100644
--- a/packages/code-generator/src/plugins/project/framework/recore/template/files/tsconfig.json.ts
+++ b/packages/code-generator/src/plugins/project/framework/recore/template/files/tsconfig.json.ts
@@ -50,4 +50,3 @@ export default function getFile(): [string[], IResultFile] {
 
   return [[], file];
 }
-  
\ No newline at end of file
diff --git a/packages/code-generator/src/postprocessor/prettier/index.ts b/packages/code-generator/src/postprocessor/prettier/index.ts
index 85c2f9741..082a3d022 100644
--- a/packages/code-generator/src/postprocessor/prettier/index.ts
+++ b/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 = {
@@ -23,7 +23,7 @@ const factory: PostProcessorFactory<ProcessorConfig> = (config?: ProcessorConfig
       parser = 'typescript';
     } 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);
diff --git a/packages/code-generator/src/publisher/disk/index.ts b/packages/code-generator/src/publisher/disk/index.ts
index b63649ab9..bc12ed96f 100644
--- a/packages/code-generator/src/publisher/disk/index.ts
+++ b/packages/code-generator/src/publisher/disk/index.ts
@@ -19,8 +19,8 @@ export interface IDiskPublisher extends IPublisher<IDiskFactoryParams, string> {
 }
 
 export const createDiskPublisher: PublisherFactory<
-  IDiskFactoryParams,
-  IDiskPublisher
+IDiskFactoryParams,
+IDiskPublisher
 > = (params: IDiskFactoryParams = {}): IDiskPublisher => {
   let { project, outputPath = './' } = params;
 
diff --git a/packages/code-generator/src/publisher/disk/utils.ts b/packages/code-generator/src/publisher/disk/utils.ts
index 35fbbc2ad..b07cb83c9 100644
--- a/packages/code-generator/src/publisher/disk/utils.ts
+++ b/packages/code-generator/src/publisher/disk/utils.ts
@@ -61,7 +61,7 @@ const createDirectory = (pathToDir: string): Promise<void> => {
 const writeContentToFile = (
   filePath: string,
   fileContent: string,
-  encoding: string = 'utf8',
+  encoding = 'utf8',
 ): Promise<void> => {
   return new Promise((resolve, reject) => {
     writeFile(filePath, fileContent, encoding, err => {
diff --git a/packages/code-generator/src/publisher/zip/index.ts b/packages/code-generator/src/publisher/zip/index.ts
index c400c6849..9e2cbe36f 100644
--- a/packages/code-generator/src/publisher/zip/index.ts
+++ b/packages/code-generator/src/publisher/zip/index.ts
@@ -5,7 +5,7 @@ import {
   IPublisherFactoryParams,
   PublisherError,
 } from '../../types';
-import { isNodeProcess, writeZipToDisk, generateProjectZip } from './utils'
+import { isNodeProcess, writeZipToDisk, generateProjectZip } from './utils';
 
 // export type ZipBuffer = Buffer | Blob;
 export type ZipBuffer = Buffer;
@@ -30,12 +30,12 @@ export const createZipPublisher: PublisherFactory<ZipFactoryParams, ZipPublisher
   const getProject = () => project;
   const setProject = (projectToSet: IResultDir) => {
     project = projectToSet;
-  }
+  };
 
   const getOutputPath = () => outputPath;
   const setOutputPath = (path: string) => {
     outputPath = path;
-  }
+  };
 
   const publish = async (options: ZipFactoryParams = {}) => {
     const projectToPublish = options.project || project;
@@ -57,7 +57,7 @@ export const createZipPublisher: PublisherFactory<ZipFactoryParams, ZipPublisher
     } catch (error) {
       throw new PublisherError(error);
     }
-  }
+  };
 
   return {
     publish,
@@ -66,4 +66,4 @@ export const createZipPublisher: PublisherFactory<ZipFactoryParams, ZipPublisher
     getOutputPath,
     setOutputPath,
   };
-}
+};
diff --git a/packages/code-generator/src/publisher/zip/utils.ts b/packages/code-generator/src/publisher/zip/utils.ts
index b7e1100b8..54777bb4d 100644
--- a/packages/code-generator/src/publisher/zip/utils.ts
+++ b/packages/code-generator/src/publisher/zip/utils.ts
@@ -8,7 +8,7 @@ export const isNodeProcess = (): boolean => {
     typeof process.versions === 'object' &&
     typeof process.versions.node !== 'undefined'
   );
-}
+};
 
 export const writeZipToDisk = (
   zipFolderPath: string,
@@ -27,7 +27,7 @@ export const writeZipToDisk = (
   const writeStream = fs.createWriteStream(zipPath);
   writeStream.write(content);
   writeStream.end();
-}
+};
 
 export const generateProjectZip = async (project: IResultDir): Promise<ZipBuffer> => {
   let zip = new JSZip();
@@ -35,12 +35,12 @@ export const generateProjectZip = async (project: IResultDir): Promise<ZipBuffer
   // const zipType = isNodeProcess() ? 'nodebuffer' : 'blob';
   const zipType = 'nodebuffer'; // 目前先只支持 node 调用
   return zip.generateAsync({ type: zipType });
-}
+};
 
 const writeFolderToZip = (
   folder: IResultDir,
   parentFolder: JSZip,
-  ignoreFolder: boolean = false,
+  ignoreFolder = false,
 ) => {
   const zipFolder = ignoreFolder ? parentFolder : parentFolder.folder(folder.name);
   if (zipFolder !== null) {
@@ -57,4 +57,4 @@ const writeFolderToZip = (
   }
 
   return parentFolder;
-}
+};
diff --git a/packages/code-generator/src/types/error.ts b/packages/code-generator/src/types/error.ts
index 8c0393a88..7bfdfab69 100644
--- a/packages/code-generator/src/types/error.ts
+++ b/packages/code-generator/src/types/error.ts
@@ -7,21 +7,12 @@ export class CodeGeneratorError extends Error {
 
 // tslint:disable-next-line: max-classes-per-file
 export class ComponentValidationError extends CodeGeneratorError {
-  constructor(errorString: string) {
-    super(errorString);
-  }
 }
 
 // tslint:disable-next-line: max-classes-per-file
 export class CompatibilityError extends CodeGeneratorError {
-  constructor(errorString: string) {
-    super(errorString);
-  }
 }
 
 // tslint:disable-next-line: max-classes-per-file
 export class PublisherError extends CodeGeneratorError {
-  constructor(errorString: string) {
-    super(errorString);
-  }
 }
diff --git a/packages/code-generator/src/types/intermediate.ts b/packages/code-generator/src/types/intermediate.ts
index 317ef7843..5a9c2c8b1 100644
--- a/packages/code-generator/src/types/intermediate.ts
+++ b/packages/code-generator/src/types/intermediate.ts
@@ -4,7 +4,6 @@ import {
   IContainerNodeItem,
   IDependency,
   II18nMap,
-  IInternalDependency,
   INpmPackage,
   IUtilItem,
 } from './index';
diff --git a/packages/code-generator/src/types/schema.ts b/packages/code-generator/src/types/schema.ts
index e102c54cd..44d4e3476 100644
--- a/packages/code-generator/src/types/schema.ts
+++ b/packages/code-generator/src/types/schema.ts
@@ -227,7 +227,7 @@ export interface IAppConfig {
   historyMode: 'brower' | 'hash'; // 浏览器路由：brower  哈希路由：hash
   targetRootID: string; // 渲染根节点 ID
   layout: IComponentNodeItem;
-  theme: object; // 主题配置，根据接入的主题模块不同
+  theme: Record<string, unknown>; // 主题配置，根据接入的主题模块不同
 }
 
 export interface IAppMeta {
diff --git a/packages/code-generator/src/utils/OrderedSet.ts b/packages/code-generator/src/utils/OrderedSet.ts
new file mode 100644
index 000000000..cb5393b77
--- /dev/null
+++ b/packages/code-generator/src/utils/OrderedSet.ts
@@ -0,0 +1,34 @@
+export class OrderedSet<T> {
+  private _set = new Set<T>();
+
+  private _arr: T[] = [];
+
+  constructor(items?: T[]) {
+    if (items) {
+      this._set = new Set(items);
+      this._arr = items.slice(0);
+    }
+  }
+
+  add(item: T) {
+    if (!this._set.has(item)) {
+      this._set.add(item);
+      this._arr.push(item);
+    }
+  }
+
+  delete(item: T) {
+    if (this._set.has(item)) {
+      this._set.delete(item);
+      this._arr.splice(this._arr.indexOf(item), 1);
+    }
+  }
+
+  has(item: T) {
+    return this._set.has(item);
+  }
+
+  toArray() {
+    return this._arr.slice(0);
+  }
+}
diff --git a/packages/code-generator/src/utils/ScopeBindings.ts b/packages/code-generator/src/utils/ScopeBindings.ts
new file mode 100644
index 000000000..3b182ed01
--- /dev/null
+++ b/packages/code-generator/src/utils/ScopeBindings.ts
@@ -0,0 +1,56 @@
+import { OrderedSet } from './OrderedSet';
+
+export interface IScopeBindings {
+  readonly parent: IScopeBindings | null;
+
+  hasBinding(varName: string): boolean;
+  hasOwnBinding(varName: string): boolean;
+
+  addBinding(varName: string): void;
+  removeBinding(varName: string): void;
+
+  getAllBindings(): string[];
+  getAllOwnedBindings(): string[];
+}
+
+export class ScopeBindings implements IScopeBindings {
+  readonly parent: IScopeBindings | null;
+
+  private _bindings = new OrderedSet<string>();
+
+  constructor(p: IScopeBindings | null = null) {
+    this.parent = p;
+  }
+
+  hasBinding(varName: string): boolean {
+    return this._bindings.has(varName) || !!this.parent?.hasBinding(varName);
+  }
+
+  hasOwnBinding(varName: string): boolean {
+    return this._bindings.has(varName);
+  }
+
+  addBinding(varName: string): void {
+    this._bindings.add(varName);
+  }
+
+  removeBinding(varName: string): void {
+    this._bindings.delete(varName);
+  }
+
+  getAllBindings(): string[] {
+    const allBindings = new OrderedSet(this._bindings.toArray());
+
+    for (let { parent } = this; parent; parent = parent?.parent) {
+      parent.getAllOwnedBindings().forEach((varName) => {
+        allBindings.add(varName);
+      });
+    }
+
+    return allBindings.toArray();
+  }
+
+  getAllOwnedBindings(): string[] {
+    return this._bindings.toArray();
+  }
+}
diff --git a/packages/code-generator/src/utils/common.ts b/packages/code-generator/src/utils/common.ts
index 5d4619cdb..fe05ce423 100644
--- a/packages/code-generator/src/utils/common.ts
+++ b/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;
diff --git a/packages/code-generator/src/utils/expressionParser.ts b/packages/code-generator/src/utils/expressionParser.ts
new file mode 100644
index 000000000..f47e4cd0f
--- /dev/null
+++ b/packages/code-generator/src/utils/expressionParser.ts
@@ -0,0 +1,243 @@
+import * as parser from '@babel/parser';
+import generate from '@babel/generator';
+import traverse, { NodePath } from '@babel/traverse';
+import * as t from '@babel/types';
+import { isIdentifier, Node } from '@babel/types';
+
+import { OrderedSet } from './OrderedSet';
+
+export class ParseError extends Error {
+  constructor(expr: string | t.Expression) {
+    super(`Failed to parse expression "${typeof expr === 'string' ? expr : generate(expr)}"`);
+    Object.setPrototypeOf(this, new.target.prototype);
+  }
+}
+
+const MAYBE_EXPRESSIONS: {
+  [k in Node['type']]?: {
+    // fields: Array<keyof (Node & { type: k })>
+    fields: string[] | ((node: Node) => string[]);
+  };
+} = {
+  ArrayExpression: { fields: ['elements'] },
+  AssignmentExpression: { fields: ['left', 'right'] },
+  BinaryExpression: { fields: ['left', 'right'] },
+  CallExpression: { fields: ['arguments', 'callee'] },
+  ConditionalExpression: { fields: ['test', 'consequent', 'alternate'] },
+  DoWhileStatement: { fields: ['test'] },
+  ExpressionStatement: { fields: ['expression'] },
+  ForInStatement: { fields: ['right'] },
+  ForStatement: { fields: ['init', 'test', 'update'] },
+  IfStatement: { fields: ['test'] },
+  LogicalExpression: { fields: ['left', 'right'] },
+  MemberExpression: {
+    fields: (node) => { return (node.type === 'MemberExpression' && node.computed) ? ['object', 'property'] : ['object']; },
+  },
+  NewExpression: { fields: ['callee', 'arguments'] },
+  ObjectMethod: {
+    fields: (node) => { return (node.type === 'ObjectMethod' && node.computed) ? ['key'] : []; },
+  },
+  ObjectProperty: {
+    fields: (node) => { return (node.type === 'ObjectProperty' && node.computed) ? ['key', 'value'] : ['value']; },
+  },
+  ReturnStatement: { fields: ['argument'] },
+  SequenceExpression: { fields: ['expressions'] },
+  ParenthesizedExpression: { fields: ['expression'] },
+  SwitchCase: { fields: ['test'] },
+  SwitchStatement: { fields: ['discriminant'] },
+  ThrowStatement: { fields: ['argument'] },
+  UnaryExpression: { fields: ['argument'] },
+  UpdateExpression: { fields: ['argument'] },
+  VariableDeclarator: { fields: ['init'] },
+  WhileStatement: { fields: ['test'] },
+  WithStatement: { fields: ['object'] },
+  AssignmentPattern: { fields: ['right'] },
+  ArrowFunctionExpression: { fields: ['body'] },
+  ClassExpression: { fields: ['superClass'] },
+  ClassDeclaration: { fields: ['superClass'] },
+  ExportDefaultDeclaration: { fields: ['declaration'] },
+  ForOfStatement: { fields: ['right'] },
+  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) => { return (node.type === 'OptionalMemberExpression' && node.computed) ? ['object', 'property'] : ['object']; },
+  },
+  OptionalCallExpression: { fields: ['callee', 'arguments'] },
+  JSXSpreadAttribute: { fields: ['argument'] },
+  BindExpression: { fields: ['object', 'callee'] },
+  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) => { return (node.type === 'TSDeclareMethod' && node.computed) ? ['key'] : []; } },
+  TSPropertySignature: {
+    fields: (node) => { return (node.type === 'TSPropertySignature' && node.computed) ? ['key', 'initializer'] : ['initializer']; },
+  },
+
+  TSMethodSignature: {
+    fields: (node) => { return (node.type === 'TSMethodSignature' && node.computed) ? ['key'] : []; },
+  },
+  TSAsExpression: { fields: ['expression'] },
+  TSTypeAssertion: { fields: ['expression'] },
+  TSEnumDeclaration: { fields: ['initializer'] },
+  TSEnumMember: { fields: ['initializer'] },
+  TSNonNullExpression: { fields: ['expression'] },
+  TSExportAssignment: { fields: ['expression'] },
+};
+
+export type ParseExpressionGetGlobalVariablesOptions = { filter?: (varName: string) => boolean };
+
+const CROSS_THIS_SCOPE_TYPE_NODE: {
+  [k in Node['type']]?: boolean;
+} = {
+  ArrowFunctionExpression: false, // 箭头函数不跨越 this 的 scope
+  FunctionExpression: true,
+  FunctionDeclaration: true,
+  // FunctionTypeAnnotation: false, // 这是 TS 定义
+  // FunctionTypeParam: false, // 这是 TS 定义
+  ClassDeclaration: true,
+  ClassExpression: true,
+  ClassBody: true,
+  ClassImplements: true,
+  ClassMethod: true,
+  ClassPrivateMethod: true,
+  ClassProperty: true,
+  ClassPrivateProperty: true,
+  DeclareClass: true,
+};
+
+export function parseExpressionGetGlobalVariables(
+  expr: string | null | undefined,
+  { filter = () => true }: ParseExpressionGetGlobalVariablesOptions = {},
+): string[] {
+  if (!expr) {
+    return [];
+  }
+
+  try {
+    const undeclaredVars = new OrderedSet<string>();
+
+    const ast = parser.parse(`!(${expr});`);
+
+    const addUndeclaredIdentifierIfNeeded =
+      (x: Record<string, unknown> | null | undefined, path: NodePath<Node>) => {
+        if (isIdentifier(x) && !path.scope.hasBinding(x.name)) {
+          undeclaredVars.add(x.name);
+        }
+      };
+
+    traverse(ast, {
+      enter(path) {
+        const { node } = path;
+        const expressionFields = MAYBE_EXPRESSIONS[node.type]?.fields;
+        if (expressionFields) {
+          (typeof expressionFields === 'function' ? expressionFields(node) : expressionFields).forEach((fieldName) => {
+            const fieldValue = node[fieldName as keyof typeof node];
+            if (typeof fieldValue === 'object') {
+              if (Array.isArray(fieldValue)) {
+                fieldValue.forEach((item) => {
+                  addUndeclaredIdentifierIfNeeded(item, path);
+                });
+              } else {
+                addUndeclaredIdentifierIfNeeded(fieldValue, path);
+              }
+            }
+          });
+        }
+      },
+    });
+
+    return undeclaredVars.toArray().filter(filter);
+  } catch (e) {
+    throw new ParseError(expr);
+  }
+}
+
+export function parseExpressionConvertThis2Context(
+  expr: string | t.Expression,
+  contextName = '__$$context',
+  localVariables: string[] = [],
+): string {
+  if (!expr) {
+    return expr;
+  }
+
+  try {
+    const exprAst = typeof expr === 'string' ? parser.parseExpression(expr) : expr;
+    const exprWrapAst = t.expressionStatement(exprAst);
+    const fileAst = t.file(t.program([exprWrapAst]));
+
+    const localVariablesSet = new Set(localVariables);
+
+    let thisScopeLevel = CROSS_THIS_SCOPE_TYPE_NODE[exprAst.type] ? -1 : 0;
+    traverse(fileAst, {
+      enter(path) {
+        if (CROSS_THIS_SCOPE_TYPE_NODE[path.node.type]) {
+          thisScopeLevel++;
+        }
+      },
+      exit(path) {
+        if (CROSS_THIS_SCOPE_TYPE_NODE[path.node.type]) {
+          thisScopeLevel--;
+        }
+      },
+      MemberExpression(path) {
+        if (!path.isMemberExpression()) {
+          return;
+        }
+
+        const obj = path.get('object');
+        if (!obj.isThisExpression()) {
+          return;
+        }
+
+        // 处理局部变量
+        if (!path.node.computed) {
+          const prop = path.get('property');
+          if (prop.isIdentifier() && localVariablesSet.has(prop.node.name)) {
+            path.replaceWith(t.identifier(prop.node.name));
+            return;
+          }
+        }
+
+        // 替换 this (只在顶层替换)
+        if (thisScopeLevel <= 0) {
+          obj.replaceWith(t.identifier(contextName));
+        }
+      },
+      ThisExpression(path) {
+        if (!path.isThisExpression()) {
+          return;
+        }
+
+        // MemberExpression 中的 this.xxx 已经处理过了
+        if (path.parent.type === 'MemberExpression') {
+          return;
+        }
+
+        if (thisScopeLevel <= 0) {
+          path.replaceWith(t.identifier(contextName));
+        }
+      },
+    });
+
+    const { code } = generate(exprWrapAst.expression, { sourceMaps: false });
+    return code;
+  } catch (e) {
+    throw new ParseError(expr);
+  }
+}
+
+export function parseExpression(expr: string) {
+  try {
+    return parser.parseExpression(expr);
+  } catch (e) {
+    throw new ParseError(expr);
+  }
+}
diff --git a/packages/code-generator/src/utils/nodeToJSX.ts b/packages/code-generator/src/utils/nodeToJSX.ts
index 39791d7cd..a7edb8903 100644
--- a/packages/code-generator/src/utils/nodeToJSX.ts
+++ b/packages/code-generator/src/utils/nodeToJSX.ts
@@ -124,7 +124,9 @@ export function generateAttrs(ctx: INodeGeneratorContext, nodeItem: IComponentNo
   let pieces: CodePiece[] = [];
 
   Object.keys(props).forEach(
-    (propName: string) => (pieces = pieces.concat(generateAttr(ctx, propName, props[propName]))),
+    (propName: string) => {
+      pieces = pieces.concat(generateAttr(ctx, propName, props[propName]));
+    },
   );
 
   return pieces;
@@ -236,7 +238,7 @@ export 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}`;
diff --git a/packages/code-generator/src/utils/schema.ts b/packages/code-generator/src/utils/schema.ts
new file mode 100644
index 000000000..234297579
--- /dev/null
+++ b/packages/code-generator/src/utils/schema.ts
@@ -0,0 +1,87 @@
+import {
+  JSSlot,
+  JSExpression,
+  NodeData,
+  NodeSchema,
+  PropsMap,
+  isJSExpression,
+  isJSSlot,
+  isDOMText,
+  ContainerSchema,
+  NpmInfo,
+} from '@ali/lowcode-types';
+
+export function isContainerSchema(x: any): x is ContainerSchema {
+  return typeof x === 'object' && x && typeof x.componentName === 'string' && typeof x.fileName === 'string';
+}
+
+export function isNpmInfo(x: any): x is NpmInfo {
+  return typeof x === 'object' && x && typeof x.package === 'string';
+}
+
+// tslint:disable-next-line: no-empty
+const noop = () => undefined;
+
+const handleChildrenDefaultOptions = {
+  rerun: false,
+};
+
+export function handleSubNodes<T>(
+  children: unknown,
+  handlers: {
+    string?: (i: string) => T;
+    expression?: (i: JSExpression) => T;
+    node?: (i: NodeSchema) => T;
+  },
+  options?: {
+    rerun?: boolean;
+  },
+): T[] {
+  const opt = {
+    ...handleChildrenDefaultOptions,
+    ...(options || {}),
+  };
+
+  if (Array.isArray(children)) {
+    const list: NodeData[] = children as NodeData[];
+    return list.map(
+      (child) => handleSubNodes(child, handlers, opt),
+    ).reduce((p, c) => p.concat(c), []);
+  }
+
+  let result: T | undefined;
+  const childrenRes: T[] = [];
+  if (isDOMText(children)) {
+    const handler = handlers.string || noop;
+    result = handler(children as string);
+  } else if (isJSExpression(children)) {
+    const handler = handlers.expression || noop;
+    result = handler(children as JSExpression);
+  } else {
+    const handler = handlers.node || noop;
+    const child = children as NodeSchema;
+    result = handler(child);
+
+    if (opt.rerun && child.children) {
+      const childRes = handleSubNodes(child.children, handlers, opt);
+      childrenRes.push(...childRes);
+    }
+    if (child.props) {
+      // FIXME: currently only support PropsMap
+      const childProps = child.props as PropsMap;
+      Object.keys(childProps)
+        .filter((propName) => isJSSlot(childProps[propName]))
+        .forEach((propName) => {
+          const soltVals = (childProps[propName] as JSSlot).value;
+          const childRes = handleSubNodes(soltVals, handlers, opt);
+          childrenRes.push(...childRes);
+        });
+    }
+  }
+
+  if (result !== undefined) {
+    childrenRes.unshift(result);
+  }
+
+  return childrenRes;
+}
diff --git a/packages/code-generator/tools/createTemplate.js b/packages/code-generator/tools/createTemplate.js
index b7568f7a9..3b6a0799d 100644
--- a/packages/code-generator/tools/createTemplate.js
+++ b/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, '');
-//读取完毕则写入到txt文件中
+// 调用函数遍历根目录，同时传递 文件夹路径和对应的数组
+// 请使用同步读取
+fileDisplay(rootParams, '');
+// 读取完毕则写入到txt文件中
 // fs.writeFileSync('./data.txt', JSON.stringify(arr));
diff --git a/packages/datasource-engine/.eslintrc.js b/packages/datasource-engine/.eslintrc.js
new file mode 100644
index 000000000..dd5b56a53
--- /dev/null
+++ b/packages/datasource-engine/.eslintrc.js
@@ -0,0 +1,6 @@
+module.exports = {
+  extends: '../../.eslintrc.js',
+  rules: {
+    '@typescript-eslint/no-parameter-properties': 1,
+  }
+}
\ No newline at end of file
diff --git a/packages/datasource-engine/src/core/DataSourceEngine.ts b/packages/datasource-engine/src/core/DataSourceEngine.ts
new file mode 100644
index 000000000..d24ef2420
--- /dev/null
+++ b/packages/datasource-engine/src/core/DataSourceEngine.ts
@@ -0,0 +1,124 @@
+import {
+  DataSourceConfig,
+  DataSourceEngineOptions,
+  IDataSourceEngine,
+  IDataSourceEngineFactory,
+  IRuntimeContext,
+} from '../types';
+import { RuntimeDataSource } from './RuntimeDataSource';
+
+export class DataSourceEngine implements IDataSourceEngine {
+  private _dataSourceMap: Record<string, RuntimeDataSource> = {};
+
+  constructor(
+    private _dataSourceConfig: DataSourceConfig,
+    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];
+      if (!requestHandler) {
+        throw new Error(`No request handler for "${ds.type}" data source`);
+      }
+
+      this._dataSourceMap[ds.id] = new RuntimeDataSource(
+        ds.id,
+        ds.type,
+        getValue(ds.options) || {},
+        requestHandler.bind(_runtimeContext),
+        ds.dataHandler ? ds.dataHandler.bind(_runtimeContext) : undefined,
+        (data) => {
+          _runtimeContext.setState({ [ds.id]: data });
+        },
+      );
+    });
+  }
+
+  public get dataSourceMap() {
+    return this._dataSourceMap;
+  }
+
+  public async reloadDataSource() {
+    try {
+      const allDataSourceConfigList = this._dataSourceConfig.list || [];
+
+      // urlParams 类型的优先加载
+      for (const ds of allDataSourceConfigList) {
+        if (ds.type === 'urlParams' && (getValue(ds.isInit) ?? true)) {
+          await this._dataSourceMap[ds.id].load();
+        }
+      }
+
+      // 然后是所有其他的
+      const remainDataSourceConfigList = allDataSourceConfigList.filter((x) => x.type !== 'urlParams');
+
+      // 先发起异步的
+      const asyncLoadings: Array<Promise<unknown>> = [];
+      for (const ds of remainDataSourceConfigList) {
+        if (getValue(ds.isInit) ?? true) {
+          const options = getValue(ds.options);
+          if (options && !options.isSync) {
+            this._dataSourceMap[ds.id].setOptions(options);
+            asyncLoadings.push(this._dataSourceMap[ds.id].load(options?.params).catch(() => {}));
+          }
+        }
+      }
+
+      try {
+        // 再按先后顺序发起同步请求
+        for (const ds of remainDataSourceConfigList) {
+          if (getValue(ds.isInit) ?? true) {
+            const options = getValue(ds.options);
+            if (options && options.isSync) {
+              this._dataSourceMap[ds.id].setOptions(options);
+              await this._dataSourceMap[ds.id].load(options?.params);
+              await sleep(0); // TODO: 如何优雅地解决 setState 的异步问题？
+            }
+          }
+        }
+      } catch (e) {
+        // ignore error
+      }
+
+      await Promise.all(asyncLoadings);
+    } finally {
+      const allDataHandler = this._dataSourceConfig.dataHandler;
+      if (allDataHandler) {
+        await allDataHandler(this._getDataMapOfAll());
+      }
+    }
+  }
+
+  private _getDataMapOfAll(): Record<string, unknown> {
+    const dataMap: Record<string, unknown> = {};
+
+    Object.entries(this._dataSourceMap).forEach(([dsId, ds]) => {
+      dataMap[dsId] = ds.data;
+    });
+
+    return dataMap;
+  }
+}
+
+export const create: IDataSourceEngineFactory['create'] = (dataSourceConfig, runtimeContext, options) => {
+  return new DataSourceEngine(dataSourceConfig, runtimeContext, options);
+};
+
+function getValue<T>(valueOrValueGetter: T | (() => T)): T;
+function getValue<T extends boolean>(valueOrValueGetter: T | (() => T)): T | undefined {
+  if (typeof valueOrValueGetter === 'function') {
+    try {
+      return valueOrValueGetter();
+    } catch (e) {
+      return undefined;
+    }
+  } else {
+    return valueOrValueGetter;
+  }
+}
+
+function sleep(ms = 0) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
diff --git a/packages/datasource-engine/src/core/RuntimeDataSource.ts b/packages/datasource-engine/src/core/RuntimeDataSource.ts
new file mode 100644
index 000000000..89ec2d930
--- /dev/null
+++ b/packages/datasource-engine/src/core/RuntimeDataSource.ts
@@ -0,0 +1,94 @@
+import { DataSourceOptions, IRuntimeDataSource, RequestHandler, RuntimeDataSourceStatus } from '../types';
+import { DataSourceResponse } from '../types/DataSourceResponse';
+
+export class RuntimeDataSource<
+  TParams extends Record<string, unknown> = Record<string, unknown>,
+  TRequestResult = unknown,
+  TResultData = unknown
+> implements IRuntimeDataSource<TParams, TResultData> {
+  private _status: RuntimeDataSourceStatus = RuntimeDataSourceStatus.Initial;
+
+  private _data?: TResultData;
+
+  private _error?: Error;
+
+  private _latestOptions: DataSourceOptions<TParams>;
+
+  constructor(
+    private _id: string,
+    private _type: string,
+    private _initialOptions: DataSourceOptions<TParams>,
+    private _requestHandler: RequestHandler<DataSourceOptions<TParams>, DataSourceResponse<TRequestResult>>,
+    private _dataHandler:
+    | ((
+      data: DataSourceResponse<TRequestResult> | undefined,
+      error: unknown | undefined,
+    ) => TResultData | Promise<TResultData>)
+    | undefined,
+    private _onLoaded: (data: TResultData) => void,
+  ) {
+    this._latestOptions = _initialOptions;
+  }
+
+  public get status() {
+    return this._status;
+  }
+
+  public get data() {
+    return this._data;
+  }
+
+  public get error() {
+    return this._error;
+  }
+
+  public async load(params?: TParams): Promise<TResultData> {
+    try {
+      this._latestOptions = {
+        ...this._latestOptions,
+        params: {
+          ...this._latestOptions.params,
+          ...params,
+        } as TParams,
+      };
+
+      this._status = RuntimeDataSourceStatus.Loading;
+
+      const data = await this._request(this._latestOptions);
+
+      this._status = RuntimeDataSourceStatus.Loaded;
+
+      this._onLoaded(data);
+
+      this._data = data;
+      return data;
+    } catch (err) {
+      this._error = err;
+      this._status = RuntimeDataSourceStatus.Error;
+      throw err;
+    }
+  }
+
+  public setOptions(options: DataSourceOptions<TParams>) {
+    this._latestOptions = options;
+  }
+
+  private async _request(options: DataSourceOptions<TParams>) {
+    try {
+      const response = await this._requestHandler(options);
+
+      const data = this._dataHandler
+        ? await this._dataHandler(response, undefined)
+        : ((response.data as unknown) as TResultData);
+
+      return data;
+    } catch (err) {
+      if (this._dataHandler) {
+        const data = await this._dataHandler(undefined, err);
+        return data;
+      }
+
+      throw err;
+    }
+  }
+}
diff --git a/packages/datasource-engine/src/types/IRuntimeContext.ts b/packages/datasource-engine/src/types/IRuntimeContext.ts
new file mode 100644
index 000000000..a0cc022c9
--- /dev/null
+++ b/packages/datasource-engine/src/types/IRuntimeContext.ts
@@ -0,0 +1,24 @@
+import { IRuntimeDataSource } from './IRuntimeDataSource';
+
+/** 运行时上下文 */
+export interface IRuntimeContext<
+  TState = Record<string, unknown>
+> {
+  /** 当前容器的状态 */
+  readonly state: TState;
+
+  /** 设置状态(浅合并) */
+  setState(state: Partial<TState>): void;
+
+  /** 数据源, key 是数据源的 ID */
+  dataSourceMap: Record<string, IRuntimeDataSource>;
+
+  /** 重新加载所有的数据源 */
+  reloadDataSource(): Promise<void>;
+
+  /** 页面容器 */
+  readonly page: IRuntimeContext & { props: Record<string, unknown> };
+
+  /** 低代码业务组件容器 */
+  readonly component: IRuntimeContext & { props: Record<string, unknown> };
+}
diff --git a/packages/datasource-engine/src/types/index.ts b/packages/datasource-engine/src/types/index.ts
new file mode 100644
index 000000000..ad237a0a0
--- /dev/null
+++ b/packages/datasource-engine/src/types/index.ts
@@ -0,0 +1 @@
+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';
diff --git a/packages/demo-server/.eslintrc.js b/packages/demo-server/.eslintrc.js
deleted file mode 100644
index 0ae17cac2..000000000
--- a/packages/demo-server/.eslintrc.js
+++ /dev/null
@@ -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',
-  },
-};
diff --git a/packages/demo-server/.prettierrc b/packages/demo-server/.prettierrc
deleted file mode 100644
index dcb72794f..000000000
--- a/packages/demo-server/.prettierrc
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-  "singleQuote": true,
-  "trailingComma": "all"
-}
\ No newline at end of file
diff --git a/packages/demo-server/package.json b/packages/demo-server/package.json
index 4a61251f7..5fc5e52da 100644
--- a/packages/demo-server/package.json
+++ b/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",
diff --git a/packages/demo-server/src/api/api.controller.ts b/packages/demo-server/src/api/api.controller.ts
index c7a23ec5c..a09b9b162 100644
--- a/packages/demo-server/src/api/api.controller.ts
+++ b/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() {
diff --git a/packages/demo-server/src/app.controller.ts b/packages/demo-server/src/app.controller.ts
index cce879ee6..0d1d6c9d5 100644
--- a/packages/demo-server/src/app.controller.ts
+++ b/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 {
diff --git a/packages/demo-server/src/publisher/index.ts b/packages/demo-server/src/publisher/index.ts
index 3bd62d4eb..828d7dc01 100644
--- a/packages/demo-server/src/publisher/index.ts
+++ b/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,
-  }
-}
+  };
+};
diff --git a/packages/demo-server/src/publisher/utils.ts b/packages/demo-server/src/publisher/utils.ts
index 0b7b205ff..3e6bbfb5f 100644
--- a/packages/demo-server/src/publisher/utils.ts
+++ b/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 path = require('path')
+  const fs = require('fs');
+  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)
-  writeStream.write(content)
-  writeStream.end()
-}
+  const writeStream = fs.createWriteStream(zipPath);
+  writeStream.write(content);
+  writeStream.end();
+};
 
 export const generateProjectZip = async (project: IResultDir): Promise<Buffer | Blob> => {
-  let zip = new JSZip()
-  zip = writeFolderToZip(project, zip, true)
-  const zipType = isNodeProcess() ? 'nodebuffer' : 'blob'
-  return zip.generateAsync({ type: zipType })
-}
+  let zip = new JSZip();
+  zip = writeFolderToZip(project, zip, true);
+  const zipType = isNodeProcess() ? 'nodebuffer' : 'blob';
+  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
-    zipFolder.file(fileName, file.content, options)
-  })
+    const fileName = file.ext ? `${file.name}.${file.ext}` : file.name;
+    zipFolder.file(fileName, file.content, options);
+  });
 
   folder.dirs.forEach((subFolder: IResultDir) => {
-    writeFolderToZip(subFolder, zipFolder)
-  })
+    writeFolderToZip(subFolder, zipFolder);
+  });
 
-  return parentFolder
-}
+  return parentFolder;
+};
diff --git a/packages/demo/src/app/plugins/provider.ts b/packages/demo/src/app/plugins/provider.ts
index 54bc61d23..474f7c774 100644
--- a/packages/demo/src/app/plugins/provider.ts
+++ b/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;
diff --git a/packages/demo/src/editor/components.ts b/packages/demo/src/editor/components.ts
index bf00bd149..bf5302491 100644
--- a/packages/demo/src/editor/components.ts
+++ b/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';
diff --git a/packages/demo/src/editor/config.ts b/packages/demo/src/editor/config.ts
index 6a3d83930..7223c6031 100644
--- a/packages/demo/src/editor/config.ts
+++ b/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');
diff --git a/packages/demo/src/editor/index.tsx b/packages/demo/src/editor/index.tsx
index b68f5d87a..041acd148 100644
--- a/packages/demo/src/editor/index.tsx
+++ b/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';
diff --git a/packages/demo/src/editor/plugins/codeout.tsx b/packages/demo/src/editor/plugins/codeout.tsx
index c2046bd39..0a6777cc8 100644
--- a/packages/demo/src/editor/plugins/codeout.tsx
+++ b/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)
diff --git a/packages/demo/src/editor/plugins/saveload.tsx b/packages/demo/src/editor/plugins/saveload.tsx
index 75532802f..fe9dc817b 100644
--- a/packages/demo/src/editor/plugins/saveload.tsx
+++ b/packages/demo/src/editor/plugins/saveload.tsx
@@ -22,10 +22,7 @@ interface BasicSection {
 
 const Codeout = ({ editor }: PluginProps) => {
   const handleSaveClick = () => {
-
-    debugger;
-
-    let schema = editor.get('designer').project.getSchema();
+    const schema = editor.get('designer').project.getSchema();
     console.log(schema);
 
 
diff --git a/packages/demo/src/vision/module.d.ts b/packages/demo/src/vision/module.d.ts
index be53328de..7c7645ba6 100644
--- a/packages/demo/src/vision/module.d.ts
+++ b/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 "compare-versions";
+declare module '@ali/vu-function-parser';
+declare module 'compare-versions';
diff --git a/packages/designer/.eslintrc.js b/packages/designer/.eslintrc.js
new file mode 100644
index 000000000..c6bbe2868
--- /dev/null
+++ b/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,
+  }
+}
\ No newline at end of file
diff --git a/packages/designer/src/builtin-simulator/bem-tools/border-detecting.tsx b/packages/designer/src/builtin-simulator/bem-tools/border-detecting.tsx
index f6bd20460..d757e7eb8 100644
--- a/packages/designer/src/builtin-simulator/bem-tools/border-detecting.tsx
+++ b/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 current = host.designer.detecting.current;
+    const { selection } = doc;
+    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 current = this.current;
+    const { host } = this.props;
+    const { current } = this;
     if (!current || host.viewport.scrolling || host.liveEditing.editing) {
       return null;
     }
diff --git a/packages/designer/src/builtin-simulator/bem-tools/border-resizing.tsx b/packages/designer/src/builtin-simulator/bem-tools/border-resizing.tsx
index a4947ad7d..118f0de63 100644
--- a/packages/designer/src/builtin-simulator/bem-tools/border-resizing.tsx
+++ b/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) {
diff --git a/packages/designer/src/builtin-simulator/bem-tools/border-selecting.tsx b/packages/designer/src/builtin-simulator/bem-tools/border-selecting.tsx
index 7341fc056..ae82e67b1 100644
--- a/packages/designer/src/builtin-simulator/bem-tools/border-selecting.tsx
+++ b/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;
     }
diff --git a/packages/designer/src/builtin-simulator/bem-tools/drag-resize-engine.ts b/packages/designer/src/builtin-simulator/bem-tools/drag-resize-engine.ts
index 895084878..7586bd17f 100644
--- a/packages/designer/src/builtin-simulator/bem-tools/drag-resize-engine.ts
+++ b/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();
diff --git a/packages/designer/src/builtin-simulator/bem-tools/index.tsx b/packages/designer/src/builtin-simulator/bem-tools/index.tsx
index c22951c2f..c8c3ff909 100644
--- a/packages/designer/src/builtin-simulator/bem-tools/index.tsx
+++ b/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)` }}>
diff --git a/packages/designer/src/builtin-simulator/bem-tools/insertion.tsx b/packages/designer/src/builtin-simulator/bem-tools/insertion.tsx
index 90b65ecc8..6ed6ef93d 100644
--- a/packages/designer/src/builtin-simulator/bem-tools/insertion.tsx
+++ b/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 { SimulatorContext } from '../context';
+import { observer } from '@ali/lowcode-editor-core';
 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';
 
diff --git a/packages/designer/src/builtin-simulator/create-simulator.ts b/packages/designer/src/builtin-simulator/create-simulator.ts
index ab20d4fa1..d517879b6 100644
--- a/packages/designer/src/builtin-simulator/create-simulator.ts
+++ b/packages/designer/src/builtin-simulator/create-simulator.ts
@@ -8,8 +8,8 @@ import {
   isAssetItem,
   AssetType,
   assetItem,
-} from '@ali/lowcode-utils';
-import { isCSSUrl } from '@ali/lowcode-utils';
+  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)
diff --git a/packages/designer/src/builtin-simulator/host-view.tsx b/packages/designer/src/builtin-simulator/host-view.tsx
index 4b418ead0..4c3dda73e 100644
--- a/packages/designer/src/builtin-simulator/host-view.tsx
+++ b/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,
diff --git a/packages/designer/src/builtin-simulator/host.ts b/packages/designer/src/builtin-simulator/host.ts
index 01924b4e6..4679b3338 100644
--- a/packages/designer/src/builtin-simulator/host.ts
+++ b/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 designer = documentModel.designer;
+    const { selection } = documentModel;
+    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) {
diff --git a/packages/designer/src/builtin-simulator/live-editing/live-editing.ts b/packages/designer/src/builtin-simulator/live-editing/live-editing.ts
index 2d74e5880..a5601b592 100644
--- a/packages/designer/src/builtin-simulator/live-editing/live-editing.ts
+++ b/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) {
-      // 自动纯文本编辑满足一下情况：
-      //  1. children 内容都是 Leaf 且都是文本（一期）
-      //  2. DOM 节点是单层容器，子集都是文本节点 (已满足)
-      const isAllText = node.children?.every(item => {
-        return item.isLeaf() && item.getProp('children')?.type === 'literal';
-      });
-      // TODO:
-    }
+    // if (!propTarget) {
+    //   // 自动纯文本编辑满足一下情况：
+    //   //  1. children 内容都是 Leaf 且都是文本（一期）
+    //   //  2. DOM 节点是单层容器，子集都是文本节点 (已满足)
+    //   const isAllText = node.children?.every(item => {
+    //     return item.isLeaf() && item.getProp('children')?.type === 'literal';
+    //   });
+    //   // 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();
diff --git a/packages/designer/src/builtin-simulator/node-selector/index.tsx b/packages/designer/src/builtin-simulator/node-selector/index.tsx
index 554ef78e7..af1f6cb14 100644
--- a/packages/designer/src/builtin-simulator/node-selector/index.tsx
+++ b/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 (
diff --git a/packages/designer/src/builtin-simulator/resource-consumer.ts b/packages/designer/src/builtin-simulator/resource-consumer.ts
index bf25d9068..38a1aa181 100644
--- a/packages/designer/src/builtin-simulator/resource-consumer.ts
+++ b/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> {
diff --git a/packages/designer/src/builtin-simulator/utils/parse-metadata.ts b/packages/designer/src/builtin-simulator/utils/parse-metadata.ts
index 0e0078be6..3bcf9d6d4 100644
--- a/packages/designer/src/builtin-simulator/utils/parse-metadata.ts
+++ b/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,
diff --git a/packages/designer/src/builtin-simulator/utils/path.ts b/packages/designer/src/builtin-simulator/utils/path.ts
index c9a32e353..49f0c71af 100644
--- a/packages/designer/src/builtin-simulator/utils/path.ts
+++ b/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}`;
       }
     }
   }
diff --git a/packages/designer/src/builtin-simulator/utils/throttle.ts b/packages/designer/src/builtin-simulator/utils/throttle.ts
index c426837d6..9dcf78c01 100644
--- a/packages/designer/src/builtin-simulator/utils/throttle.ts
+++ b/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;
diff --git a/packages/designer/src/builtin-simulator/viewport.ts b/packages/designer/src/builtin-simulator/viewport.ts
index 900620377..523933cc4 100644
--- a/packages/designer/src/builtin-simulator/viewport.ts
+++ b/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 scale = this.scale;
+    const { bounds } = this;
+    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;
   }
diff --git a/packages/designer/src/component-meta.ts b/packages/designer/src/component-meta.ts
index f871ba5de..c14133262 100644
--- a/packages/designer/src/component-meta.ts
+++ b/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._isModal = component.isModal ? true : false;
+      this._isContainer = !!component.isContainer;
+      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]}`],
         };
       }
-    }
-    // uri match xx.Node set selfControlled: false, parentWhiteList
-    else if ((m = /^(.+)\.Node$/.exec(componentName))) {
+    // eslint-disable-next-line no-cond-assign
+    } else if ((m = /^(.+)\.Node$/.exec(componentName))) {
+      // uri match xx.Node set selfControlled: false, parentWhiteList
       // component.selfControlled = false;
       component.nestingRule = {
         parentWhitelist: [`${m[1]}`, componentName],
       };
-    }
-    // uri match .Item .Node .Option set parentWhiteList
-    else if ((m = /^(.+)\.(Item|Node|Option)$/.exec(componentName))) {
+    // eslint-disable-next-line no-cond-assign
+    } else if ((m = /^(.+)\.(Item|Node|Option)$/.exec(componentName))) {
+      // uri match .Item .Node .Option set parentWhiteList
       component.nestingRule = {
         parentWhitelist: [`${m[1]}`],
       };
diff --git a/packages/designer/src/designer/active-tracker.ts b/packages/designer/src/designer/active-tracker.ts
index 078969b65..7b9509251 100644
--- a/packages/designer/src/designer/active-tracker.ts
+++ b/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';
 
diff --git a/packages/designer/src/designer/builtin-hotkey.ts b/packages/designer/src/designer/builtin-hotkey.ts
index 13bea87f4..bc8a698df 100644
--- a/packages/designer/src/designer/builtin-hotkey.ts
+++ b/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) {
diff --git a/packages/designer/src/designer/clipboard.ts b/packages/designer/src/designer/clipboard.ts
index 921117f09..dcaa21c0f 100644
--- a/packages/designer/src/designer/clipboard.ts
+++ b/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) {
diff --git a/packages/designer/src/designer/designer-view.tsx b/packages/designer/src/designer/designer-view.tsx
index fa601a994..6ce25f606 100644
--- a/packages/designer/src/designer/designer-view.tsx
+++ b/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();
   }
 
diff --git a/packages/designer/src/designer/designer.ts b/packages/designer/src/designer/designer.ts
index 3780fac4c..157a1ee5e 100644
--- a/packages/designer/src/designer/designer.ts
+++ b/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);
diff --git a/packages/designer/src/designer/detecting.ts b/packages/designer/src/designer/detecting.ts
index 11492f937..273bad503 100644
--- a/packages/designer/src/designer/detecting.ts
+++ b/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;
   }
diff --git a/packages/designer/src/designer/drag-ghost/index.tsx b/packages/designer/src/designer/drag-ghost/index.tsx
index d32ee526e..d54dd9bb0 100644
--- a/packages/designer/src/designer/drag-ghost/index.tsx
+++ b/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 = (
diff --git a/packages/designer/src/designer/dragon.ts b/packages/designer/src/designer/dragon.ts
index 60ecef509..e8a696138 100644
--- a/packages/designer/src/designer/dragon.ts
+++ b/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);
diff --git a/packages/designer/src/designer/index.ts b/packages/designer/src/designer/index.ts
index 8bcf028c9..79982c45b 100644
--- a/packages/designer/src/designer/index.ts
+++ b/packages/designer/src/designer/index.ts
@@ -1,4 +1,5 @@
 import './builtin-hotkey';
+
 export * from './designer';
 export * from './designer-view';
 export * from './dragon';
diff --git a/packages/designer/src/designer/location.ts b/packages/designer/src/designer/location.ts
index f26890357..eec210b35 100644
--- a/packages/designer/src/designer/location.ts
+++ b/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;
   }
diff --git a/packages/designer/src/designer/offset-observer.ts b/packages/designer/src/designer/offset-observer.ts
index 4f72691af..7b4b8bebf 100644
--- a/packages/designer/src/designer/offset-observer.ts
+++ b/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 {
-        if (!this.viewport.scrolling || !this.hasOffset) {
-          this._height = rect.height;
-          this._width = rect.width;
-          this._left = rect.left;
-          this._top = rect.top;
-          this._right = rect.right;
-          this._bottom = rect.bottom;
-          this.hasOffset = true;
-        }
+      } else if (!this.viewport.scrolling || !this.hasOffset) {
+        this._height = rect.height;
+        this._width = rect.width;
+        this._left = rect.left;
+        this._top = rect.top;
+        this._right = rect.right;
+        this._bottom = rect.bottom;
+        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() {
diff --git a/packages/designer/src/designer/scroller.ts b/packages/designer/src/designer/scroller.ts
index a7c93b91f..24070b306 100644
--- a/packages/designer/src/designer/scroller.ts
+++ b/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 top = scrollTarget.top;
+    const { left } = scrollTarget;
+    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;
     }
diff --git a/packages/designer/src/designer/setting/setting-field.ts b/packages/designer/src/designer/setting/setting-field.ts
index a70e83bb6..9ed826c06 100644
--- a/packages/designer/src/designer/setting/setting-field.ts
+++ b/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) {
diff --git a/packages/designer/src/designer/setting/setting-prop-entry.ts b/packages/designer/src/designer/setting/setting-prop-entry.ts
index 9c989411d..c219a3091 100644
--- a/packages/designer/src/designer/setting/setting-prop-entry.ts
+++ b/packages/designer/src/designer/setting/setting-prop-entry.ts
@@ -1,4 +1,4 @@
-import { obx, computed, autorun } from '@ali/lowcode-editor-core';
+import { obx, computed } from '@ali/lowcode-editor-core';
 import { IEditor, isJSExpression } from '@ali/lowcode-types';
 import { uniqueId } from '@ali/lowcode-utils';
 import { SettingEntry } from './setting-entry';
@@ -10,24 +10,36 @@ import { EventEmitter } from 'events';
 export class SettingPropEntry implements SettingEntry {
   // === static properties ===
   readonly editor: IEditor;
+
   readonly isSameComponent: boolean;
+
   readonly isMultiple: boolean;
+
   readonly isSingle: boolean;
+
   readonly nodes: Node[];
+
   readonly componentMeta: ComponentMeta | null;
+
   readonly designer: Designer;
+
   readonly top: SettingEntry;
+
   readonly isGroup: boolean;
+
   readonly type: 'field' | 'group';
+
   readonly id = uniqueId('entry');
 
   readonly emitter = new EventEmitter();
 
   // ==== dynamic properties ====
   @obx.ref private _name: string | number;
+
   get name() {
     return this._name;
   }
+
   @computed get path() {
     const path = this.parent.path.slice();
     if (this.type === 'field') {
@@ -133,7 +145,7 @@ export class SettingPropEntry implements SettingEntry {
    * 获取当前属性值
    */
   @computed getValue(): any {
-    let val: any = undefined;
+    let val: any;
     if (this.type === 'field') {
       val = this.parent.getPropValue(this.name);
     }
@@ -271,6 +283,7 @@ export class SettingPropEntry implements SettingEntry {
   isIgnore() {
     return false;
   }
+
   /*
   getConfig<K extends keyof IPropConfig>(configName?: K): IPropConfig[K] | IPropConfig {
     if (configName) {
@@ -287,6 +300,7 @@ export class SettingPropEntry implements SettingEntry {
     }
     return '';
   }
+
   setVariableValue(value: string) {
     const v = this.getValue();
     this.setValue({
@@ -295,6 +309,7 @@ export class SettingPropEntry implements SettingEntry {
       mock: isJSExpression(v) ? v.mock : v,
     });
   }
+
   setUseVariable(flag: boolean) {
     if (this.isUseVariable() === flag) {
       return;
@@ -310,12 +325,15 @@ export class SettingPropEntry implements SettingEntry {
       });
     }
   }
+
   isUseVariable() {
     return isJSExpression(this.getValue());
   }
+
   get useVariable() {
     return this.isUseVariable();
   }
+
   getMockOrValue() {
     const v = this.getValue();
     if (isJSExpression(v)) {
diff --git a/packages/designer/src/designer/setting/setting-top-entry.ts b/packages/designer/src/designer/setting/setting-top-entry.ts
index 19c4c0fc9..507fc053c 100644
--- a/packages/designer/src/designer/setting/setting-top-entry.ts
+++ b/packages/designer/src/designer/setting/setting-top-entry.ts
@@ -2,7 +2,7 @@ import { EventEmitter } from 'events';
 import { CustomView, isCustomView, IEditor } from '@ali/lowcode-types';
 import { computed } from '@ali/lowcode-editor-core';
 import { SettingEntry } from './setting-entry';
-import { SettingField, isSettingField } from './setting-field';
+import { SettingField } from './setting-field';
 import { SettingPropEntry } from './setting-prop-entry';
 import { Node } from '../../document';
 import { ComponentMeta } from '../../component-meta';
@@ -17,12 +17,19 @@ function generateSessionId(nodes: Node[]) {
 
 export class SettingTopEntry implements SettingEntry {
   private emitter = new EventEmitter();
+
   private _items: Array<SettingField | CustomView> = [];
+
   private _componentMeta: ComponentMeta | null = null;
-  private _isSame: boolean = true;
+
+  private _isSame = true;
+
   private _settingFieldMap: { [prop: string]: SettingField } = {};
+
   readonly path = [];
+
   readonly top = this;
+
   readonly parent = this;
 
   get componentMeta() {
@@ -55,7 +62,9 @@ export class SettingTopEntry implements SettingEntry {
   }
 
   readonly id: string;
+
   readonly first: Node;
+
   readonly designer: Designer;
 
   constructor(readonly editor: IEditor, readonly nodes: Node[]) {
@@ -75,7 +84,7 @@ export class SettingTopEntry implements SettingEntry {
 
   private setupComponentMeta() {
     // todo: enhance compile a temp configure.compiled
-    const first = this.first;
+    const { first } = this;
     const meta = first.componentMeta;
     const l = this.nodes.length;
     let theSame = true;
@@ -100,7 +109,7 @@ export class SettingTopEntry implements SettingEntry {
       const settingFieldMap: { [prop: string]: SettingField } = {};
       const settingFieldCollector = (name: string | number, field: SettingField) => {
         settingFieldMap[name] = field;
-      }
+      };
       this._items = this.componentMeta.configure.map((item) => {
         if (isCustomView(item)) {
           return item;
@@ -209,18 +218,23 @@ export class SettingTopEntry implements SettingEntry {
   getStatus() {
 
   }
+
   setStatus() {
 
   }
+
   getChildren() {
     // this.nodes.map()
   }
+
   getDOMNode() {
 
   }
+
   getId() {
     return this.id;
   }
+
   getPage() {
     return this.first.document;
   }
@@ -231,6 +245,7 @@ export class SettingTopEntry implements SettingEntry {
   get node() {
     return this.getNode();
   }
+
   getNode() {
     return this.nodes[0];
   }
diff --git a/packages/designer/src/document/document-model.ts b/packages/designer/src/document/document-model.ts
index 9ec44fd1d..fab7bb49e 100644
--- a/packages/designer/src/document/document-model.ts
+++ b/packages/designer/src/document/document-model.ts
@@ -8,10 +8,8 @@ import { isDragNodeDataObject, DragNodeObject, DragNodeDataObject, DropLocation
 import { Node, insertChildren, insertChild, isNode, RootNode, ParentalNode } from './node/node';
 import { Selection } from './selection';
 import { History } from './history';
-import { TransformStage } from './node';
+import { TransformStage, ModalNodesManager } from './node';
 import { uniqueId } from '@ali/lowcode-utils';
-import { ModalNodesManager } from './node';
-import { foreachReverse } from '../utils/tree';
 
 export type GetDataType<T, NodeType> = T extends undefined
   ? NodeType extends {
@@ -35,28 +33,37 @@ export class DocumentModel {
    * 根节点 类型有：Page/Component/Block
    */
   rootNode: RootNode | null;
+
   /**
    * 文档编号
    */
   id: string = uniqueId('doc');
+
   /**
    * 选区控制
    */
   readonly selection: Selection = new Selection(this);
+
   /**
    * 操作记录控制
    */
   readonly history: History;
+
   /**
    * 模态节点管理
    */
   readonly modalNodesManager: ModalNodesManager;
 
   private _nodesMap = new Map<string, Node>();
+
   @obx.val private nodes = new Set<Node>();
+
   private seqId = 0;
+
   private _simulator?: ISimulatorHost;
+
   private emitter: EventEmitter;
+
   private rootNodeVisitorMap: { [visitorName: string]: any } = {};
 
   /**
@@ -84,7 +91,9 @@ export class DocumentModel {
   }
 
   private _modalNode?: ParentalNode;
+
   private _blank?: boolean;
+
   get modalNode() {
     return this._modalNode;
   }
@@ -94,6 +103,7 @@ export class DocumentModel {
   }
 
   private inited = false;
+
   constructor(readonly project: Project, schema?: RootSchema) {
     /*
     // TODO
@@ -129,9 +139,11 @@ export class DocumentModel {
   }
 
   @obx.val private willPurgeSpace: Node[] = [];
+
   addWillPurge(node: Node) {
     this.willPurgeSpace.push(node);
   }
+
   removeWillPurge(node: Node) {
     const i = this.willPurgeSpace.indexOf(node);
     if (i > -1) {
@@ -151,8 +163,8 @@ export class DocumentModel {
   nextId() {
     let id;
     do {
-      id = 'node_' + (this.id.slice(-10) + (++this.seqId).toString(36)).toLocaleLowerCase();
-    } while (this.nodesMap.get(id))
+      id = `node_${ (this.id.slice(-10) + (++this.seqId).toString(36)).toLocaleLowerCase()}`;
+    } while (this.nodesMap.get(id));
 
     return id;
   }
@@ -281,6 +293,7 @@ export class DocumentModel {
   }
 
   @obx.ref private _dropLocation: DropLocation | null = null;
+
   /**
    * 内部方法，请勿调用
    */
@@ -362,7 +375,7 @@ export class DocumentModel {
    * 提供给模拟器的参数
    */
   @computed get simulatorProps(): object {
-    let simulatorProps = this.designer.simulatorProps;
+    let { simulatorProps } = this.designer;
     if (typeof simulatorProps === 'function') {
       simulatorProps = simulatorProps(this);
     }
@@ -392,6 +405,7 @@ export class DocumentModel {
   }
 
   @obx.ref private _opened = false;
+
   @obx.ref private _suspensed = false;
 
   /**
@@ -532,8 +546,8 @@ export class DocumentModel {
     const data = {
       componentsMap: this.getComponentsMap(extraComps),
       componentsTree: [node],
-   };
-   return data;
+    };
+    return data;
   }
 
   getHistory(): History {
@@ -582,20 +596,21 @@ export class DocumentModel {
 
 
   acceptRootNodeVisitor(
-    visitorName: string = 'default',
-    visitorFn: (node: RootNode) => any ) {
-      let visitorResult = {};
-      if (!visitorName) {
-        /* tslint:disable no-console */
-        console.warn('Invalid or empty RootNodeVisitor name.');
-      }
-      try {
-        visitorResult = visitorFn.call(this, this.rootNode);
-        this.rootNodeVisitorMap[visitorName] = visitorResult;
-      } catch (e) {
-        console.error('RootNodeVisitor is not valid.');
-      }
-      return visitorResult;
+    visitorName = 'default',
+    visitorFn: (node: RootNode) => any,
+  ) {
+    let visitorResult = {};
+    if (!visitorName) {
+      /* tslint:disable no-console */
+      console.warn('Invalid or empty RootNodeVisitor name.');
+    }
+    try {
+      visitorResult = visitorFn.call(this, this.rootNode);
+      this.rootNodeVisitorMap[visitorName] = visitorResult;
+    } catch (e) {
+      console.error('RootNodeVisitor is not valid.');
+    }
+    return visitorResult;
   }
 
   getRootNodeVisitor(name: string) {
@@ -606,7 +621,7 @@ export class DocumentModel {
     const componentsMap: ComponentMap[] = [];
     // 组件去重
     const map: any = {};
-    for (let node of this._nodesMap.values()) {
+    for (const node of this._nodesMap.values()) {
       const { componentName } = node || {};
       if (!map[componentName] && node?.componentMeta?.npm?.package) {
         map[componentName] = true;
@@ -657,7 +672,7 @@ export class DocumentModel {
   /**
    * @deprecated
    */
-  onRefresh(func: () => void) {
+  onRefresh(/* func: () => void */) {
     console.warn('onRefresh method is deprecated');
   }
 }
diff --git a/packages/designer/src/document/document-view.tsx b/packages/designer/src/document/document-view.tsx
index 2565f34fc..e5018f486 100644
--- a/packages/designer/src/document/document-view.tsx
+++ b/packages/designer/src/document/document-view.tsx
@@ -9,9 +9,10 @@ export class DocumentView extends Component<{ document: DocumentModel }> {
   shouldComponentUpdate() {
     return false;
   }
+
   render() {
     const { document } = this.props;
-    const simulatorProps = document.simulatorProps;
+    const { simulatorProps } = document;
     const Simulator = document.designer.simulatorComponent || BuiltinSimulatorHostView;
     return (
       <div
diff --git a/packages/designer/src/document/history.ts b/packages/designer/src/document/history.ts
index 3cfb6b4cf..972fced01 100644
--- a/packages/designer/src/document/history.ts
+++ b/packages/designer/src/document/history.ts
@@ -24,10 +24,15 @@ export function setSerialization(serializion: Serialization) {
 
 export class History {
   private session: Session;
+
   private records: Session[];
+
   private point = 0;
+
   private emitter = new EventEmitter();
+
   private obx: Reaction;
+
   private justWokeup = false;
 
   constructor(logger: () => any, private redoer: (data: NodeSchema) => void, private timeGap: number = 1000) {
@@ -147,7 +152,7 @@ export class History {
    *  | modified | redoable | undoable |
    */
   getState(): number {
-    const cursor = this.session.cursor;
+    const { cursor } = this.session;
     let state = 7;
     // undoable ?
     if (cursor <= 0) {
@@ -190,6 +195,7 @@ export class History {
 
 class Session {
   private _data: any;
+
   private activedTimer: any;
 
   get data() {
diff --git a/packages/designer/src/document/node/exclusive-group.ts b/packages/designer/src/document/node/exclusive-group.ts
index cd4b46030..2f5a98cb2 100644
--- a/packages/designer/src/document/node/exclusive-group.ts
+++ b/packages/designer/src/document/node/exclusive-group.ts
@@ -8,22 +8,29 @@ import { intl } from '../../locale';
 // if-else-if assoc conditionGroup value, should be the same level, and siblings, need renderEngine support
 export class ExclusiveGroup {
   readonly isExclusiveGroup = true;
+
   readonly id = uniqueId('exclusive');
+
   @obx.val readonly children: Node[] = [];
 
   @obx private visibleIndex = 0;
+
   @computed get document() {
     return this.visibleNode.document;
   }
+
   @computed get zLevel() {
     return this.visibleNode.zLevel;
   }
+
   @computed get length() {
     return this.children.length;
   }
+
   @computed get visibleNode(): Node {
     return this.children[this.visibleIndex];
   }
+
   @computed get firstNode(): Node {
     return this.children[0]!;
   }
diff --git a/packages/designer/src/document/node/modal-nodes-manager.ts b/packages/designer/src/document/node/modal-nodes-manager.ts
index 563637101..b5cb96963 100644
--- a/packages/designer/src/document/node/modal-nodes-manager.ts
+++ b/packages/designer/src/document/node/modal-nodes-manager.ts
@@ -21,8 +21,11 @@ export class ModalNodesManager {
   public willDestroy: any;
 
   private page: DocumentModel;
+
   private modalNodes: Node[];
+
   private nodeRemoveEvents: any;
+
   private emitter: EventEmitter;
 
   constructor(page: DocumentModel) {
@@ -44,8 +47,8 @@ export class ModalNodesManager {
   public getVisibleModalNode() {
     const visibleNode = this.modalNodes
       ? this.modalNodes.find((node: Node) => {
-          return node.getVisible();
-        })
+        return node.getVisible();
+      })
       : null;
     return visibleNode;
   }
@@ -109,7 +112,7 @@ export class ModalNodesManager {
 
   private addNodeEvent(node: Node) {
     this.nodeRemoveEvents[node.getId()] =
-      node.onVisibleChange((flag) => {
+      node.onVisibleChange(() => {
         this.emitter.emit('visibleChange');
       });
   }
diff --git a/packages/designer/src/document/node/node-children.ts b/packages/designer/src/document/node/node-children.ts
index 3f4bc4a27..1a3be57f0 100644
--- a/packages/designer/src/document/node/node-children.ts
+++ b/packages/designer/src/document/node/node-children.ts
@@ -8,13 +8,13 @@ import { foreachReverse } from '../../utils/tree';
 
 export class NodeChildren {
   @obx.val private children: Node[];
+
   private emitter = new EventEmitter();
 
   constructor(readonly owner: ParentalNode, data: NodeData | NodeData[]) {
     this.children = (Array.isArray(data) ? data : [data]).map(child => {
       return this.owner.document.createNode(child);
     });
-
   }
 
   internalInitParent() {
@@ -94,6 +94,7 @@ export class NodeChildren {
   }
 
   private purged = false;
+
   /**
    * 回收销毁
    */
@@ -114,6 +115,7 @@ export class NodeChildren {
     }
     this.children.splice(i, 1);
   }
+
   /**
    * 删除一个节点
    */
@@ -128,18 +130,18 @@ export class NodeChildren {
       node.internalSetParent(null, useMutator);
       try {
         node.purge(useMutator);
-      } catch(err) {
+      } catch (err) {
         console.error(err);
       }
     }
-    const document = node.document;
+    const { document } = node;
     document.unlinkNode(node);
     document.selection.remove(node.id);
     document.destroyNode(node);
     this.emitter.emit('change');
     const i = this.children.indexOf(node);
     if (useMutator) {
-      this.reportModified(node, this.owner, {type: 'remove', removeIndex: i, removeNode: node});
+      this.reportModified(node, this.owner, { type: 'remove', removeIndex: i, removeNode: node });
     }
     if (i < 0) {
       return false;
@@ -152,7 +154,7 @@ export class NodeChildren {
    * 插入一个节点，返回新长度
    */
   insert(node: Node, at?: number | null, useMutator = true): void {
-    const children = this.children;
+    const { children } = this;
     let index = at == null || at === -1 ? children.length : at;
 
     const i = children.indexOf(node);
@@ -195,7 +197,7 @@ export class NodeChildren {
       }
     }
     if (node.prevSibling && node.nextSibling) {
-      const conditionGroup = node.prevSibling.conditionGroup;
+      const { conditionGroup } = node.prevSibling;
       // insert at condition group
       if (conditionGroup && conditionGroup === node.nextSibling.conditionGroup) {
         node.setConditionGroup(conditionGroup);
@@ -236,7 +238,7 @@ export class NodeChildren {
    */
   [Symbol.iterator](): { next(): { value: Node } } {
     let index = 0;
-    const children = this.children;
+    const { children } = this;
     const length = children.length || 0;
     return {
       next() {
@@ -271,6 +273,7 @@ export class NodeChildren {
       return fn(child, index);
     });
   }
+
   every(fn: (item: Node, index: number) => any): boolean {
     return this.children.every((child, index) => fn(child, index));
   }
diff --git a/packages/designer/src/document/node/node.ts b/packages/designer/src/document/node/node.ts
index 230a7ba89..b2d2f4906 100644
--- a/packages/designer/src/document/node/node.ts
+++ b/packages/designer/src/document/node/node.ts
@@ -73,6 +73,7 @@ import { EventEmitter } from 'events';
  */
 export class Node<Schema extends NodeSchema = NodeSchema> {
   private emitter: EventEmitter;
+
   /**
    * 是节点实例
    */
@@ -94,28 +95,35 @@ export class Node<Schema extends NodeSchema = NodeSchema> {
    *  * Slot 插槽节点，无 props，正常 children，有 slotArgs，有指令
    */
   readonly componentName: string;
+
   /**
    * 属性抽象
    */
   props: Props;
+
   protected _children?: NodeChildren;
+
   /**
    * @deprecated
    */
   private _addons: { [key: string]: { exportData: () => any; isProp: boolean; } } = {};
+
   @obx.ref private _parent: ParentalNode | null = null;
+
   /**
    * 父级节点
    */
   get parent(): ParentalNode | null {
     return this._parent;
   }
+
   /**
    * 当前节点子集
    */
   get children(): NodeChildren | null {
     return this._children || null;
   }
+
   /**
    * 当前节点深度
    */
@@ -165,18 +173,20 @@ export class Node<Schema extends NodeSchema = NodeSchema> {
       this.setupAutoruns();
     }
 
-    this.settingEntry = this.document.designer.createSettingEntry([ this ]);
+    this.settingEntry = this.document.designer.createSettingEntry([this]);
     this.emitter = new EventEmitter();
   }
 
   private initProps(props: any): any {
     return this.document.designer.transformProps(props, this, TransformStage.Init);
   }
+
   private upgradeProps(props: any): any {
     return this.document.designer.transformProps(props, this, TransformStage.Upgrade);
   }
 
   private autoruns?: Array<() => void>;
+
   private setupAutoruns() {
     const autoruns = this.componentMeta.getMetadata().experimental?.autoruns;
     if (!autoruns || autoruns.length < 1) {
@@ -288,6 +298,7 @@ export class Node<Schema extends NodeSchema = NodeSchema> {
   }
 
   private _slotFor?: Prop | null = null;
+
   internalSetSlotFor(slotFor: Prop | null | undefined) {
     this._slotFor = slotFor;
   }
@@ -345,6 +356,7 @@ export class Node<Schema extends NodeSchema = NodeSchema> {
   }
 
   @obx.val _slots: Node[] = [];
+
   @computed hasSlots() {
     return this._slots.length > 0;
   }
@@ -354,6 +366,7 @@ export class Node<Schema extends NodeSchema = NodeSchema> {
   }
 
   @obx.ref private _conditionGroup: ExclusiveGroup | null = null;
+
   get conditionGroup(): ExclusiveGroup | null {
     return this._conditionGroup;
   }
@@ -418,7 +431,7 @@ export class Node<Schema extends NodeSchema = NodeSchema> {
     return false;
   }
 
-  wrapWith(schema: Schema) {
+  wrapWith(/* schema: Schema */) {
     // todo
   }
 
@@ -507,7 +520,7 @@ export class Node<Schema extends NodeSchema = NodeSchema> {
    * 设置多个属性值，替换原有值
    */
   setProps(props?: PropsMap | PropsList | Props | null) {
-    if(props instanceof Props) {
+    if (props instanceof Props) {
       this.props = props;
       return;
     }
@@ -531,7 +544,7 @@ export class Node<Schema extends NodeSchema = NodeSchema> {
     if (!this.parent) {
       return null;
     }
-    const index = this.index;
+    const { index } = this;
     if (index < 0) {
       return null;
     }
@@ -545,7 +558,7 @@ export class Node<Schema extends NodeSchema = NodeSchema> {
     if (!this.parent) {
       return null;
     }
-    const index = this.index;
+    const { index } = this;
     if (index < 1) {
       return null;
     }
@@ -680,6 +693,7 @@ export class Node<Schema extends NodeSchema = NodeSchema> {
     slotNode.internalSetParent(this as ParentalNode, true);
     this._slots.push(slotNode);
   }
+
   /**
    * 当前node对应组件是否已注册可用
    */
@@ -700,16 +714,18 @@ export class Node<Schema extends NodeSchema = NodeSchema> {
   }
 
   private purged = false;
+
   /**
    * 是否已销毁
    */
   get isPurged() {
     return this.purged;
   }
+
   /**
    * 销毁
    */
-  purge(useMutator = true) {
+  purge() {
     if (this.purged) {
       return;
     }
@@ -731,9 +747,11 @@ export class Node<Schema extends NodeSchema = NodeSchema> {
   isEmpty(): boolean {
     return this.children ? this.children.isEmpty() : true;
   }
+
   getChildren() {
     return this.children;
   }
+
   getComponentName() {
     return this.componentName;
   }
@@ -744,9 +762,11 @@ export class Node<Schema extends NodeSchema = NodeSchema> {
   insert(node: Node, ref?: Node, useMutator = true) {
     this.insertAfter(node, ref, useMutator);
   }
+
   insertBefore(node: Node, ref?: Node, useMutator = true) {
     this.children?.insert(node, ref ? ref.index : null, useMutator);
   }
+
   insertAfter(node: any, ref?: Node, useMutator = true) {
     if (!isNode(node)) {
       if (node.getComponentName) {
@@ -759,21 +779,27 @@ export class Node<Schema extends NodeSchema = NodeSchema> {
     }
     this.children?.insert(node, ref ? ref.index + 1 : null, useMutator);
   }
+
   getParent() {
     return this.parent;
   }
+
   getId() {
     return this.id;
   }
+
   getIndex() {
     return this.index;
   }
+
   getNode() {
     return this;
   }
+
   getRoot() {
     return this.document.rootNode;
   }
+
   getProps() {
     return this.props;
   }
@@ -802,6 +828,7 @@ export class Node<Schema extends NodeSchema = NodeSchema> {
 
     return this.status;
   }
+
   /**
    * @deprecated
    */
@@ -814,6 +841,7 @@ export class Node<Schema extends NodeSchema = NodeSchema> {
       this.status[field] = flag;
     }
   }
+
   /**
    * @deprecated
    */
@@ -824,6 +852,7 @@ export class Node<Schema extends NodeSchema = NodeSchema> {
     }
     return this.document.simulator?.findDOMNodes(instance)?.[0];
   }
+
   /**
    * @deprecated
    */
@@ -831,6 +860,7 @@ export class Node<Schema extends NodeSchema = NodeSchema> {
     console.warn('getPage is deprecated, use document instead');
     return this.document;
   }
+
   /**
    * @deprecated
    */
@@ -843,7 +873,7 @@ export class Node<Schema extends NodeSchema = NodeSchema> {
         const canDropIn = c.componentMeta?.prototype?.options?.canDropIn;
         if (typeof canDropIn === 'function') {
           return canDropIn(node);
-        } else if (typeof canDropIn === 'boolean'){
+        } else if (typeof canDropIn === 'boolean') {
           return canDropIn;
         }
         return true;
@@ -858,7 +888,7 @@ export class Node<Schema extends NodeSchema = NodeSchema> {
     if (this.isContainer()) {
       if (canDropIn === undefined ||
         (typeof canDropIn === 'boolean' && canDropIn) ||
-      (typeof canDropIn === 'function' && canDropIn(node))){
+      (typeof canDropIn === 'function' && canDropIn(node))) {
         return { container: this, ref };
       }
     }
@@ -869,6 +899,7 @@ export class Node<Schema extends NodeSchema = NodeSchema> {
 
     return null;
   }
+
   /**
    * @deprecated
    */
@@ -879,10 +910,11 @@ export class Node<Schema extends NodeSchema = NodeSchema> {
     }
     return this.getExtraProp(key)?.getValue();
   }
+
   /**
    * @deprecated
    */
-  registerAddon(key: string, exportData: () => any, isProp: boolean = false) {
+  registerAddon(key: string, exportData: () => any, isProp = false) {
     // if (this._addons[key]) {
     //   throw new Error(`node addon ${key} exist`);
     // }
@@ -1034,7 +1066,7 @@ export function insertChildren(
   let index = at;
   let node: any;
   const results: Node[] = [];
-  // tslint:disable-next-line
+  // eslint-disable-next-line no-cond-assign
   while ((node = nodes.pop())) {
     node = insertChild(container, node, index, copy);
     results.push(node);
diff --git a/packages/designer/src/document/node/props/prop-stash.ts b/packages/designer/src/document/node/props/prop-stash.ts
index 1c62617ef..8e92956c7 100644
--- a/packages/designer/src/document/node/props/prop-stash.ts
+++ b/packages/designer/src/document/node/props/prop-stash.ts
@@ -6,6 +6,7 @@ import { Node } from '../node';
 export type PendingItem = Prop[];
 export class PropStash implements IPropParent {
   @obx.val private space: Set<Prop> = new Set();
+
   @computed private get maps(): Map<string | number, Prop> {
     const maps = new Map();
     if (this.space.size > 0) {
@@ -15,7 +16,9 @@ export class PropStash implements IPropParent {
     }
     return maps;
   }
+
   private willPurge: () => void;
+
   readonly owner: Node;
 
   constructor(readonly props: Props, write: (item: Prop) => void) {
diff --git a/packages/designer/src/document/node/props/prop.ts b/packages/designer/src/document/node/props/prop.ts
index 5acfcc757..0671bffa9 100644
--- a/packages/designer/src/document/node/props/prop.ts
+++ b/packages/designer/src/document/node/props/prop.ts
@@ -20,6 +20,7 @@ export type ValueTypes = 'unset' | 'literal' | 'map' | 'list' | 'expression' | '
 
 export class Prop implements IPropParent {
   readonly isProp = true;
+
   readonly owner: Node;
 
   private stash: PropStash | undefined;
@@ -28,12 +29,14 @@ export class Prop implements IPropParent {
    * 键值
    */
   @obx key: string | number | undefined;
+
   /**
    * 扩展值
    */
   @obx spread: boolean;
 
   readonly props: Props;
+
   readonly options: any;
 
   constructor(
@@ -77,6 +80,7 @@ export class Prop implements IPropParent {
   readonly id = uniqueId('prop$');
 
   @obx.ref private _type: ValueTypes = 'unset';
+
   /**
    * 属性类型
    */
@@ -162,6 +166,7 @@ export class Prop implements IPropParent {
   }
 
   private _code: string | null = null;
+
   /**
    * 获得表达式值
    */
@@ -272,9 +277,11 @@ export class Prop implements IPropParent {
   }
 
   private _slotNode?: SlotNode;
+
   get slotNode() {
     return this._slotNode;
   }
+
   setAsSlot(data: JSSlot) {
     this._type = 'slot';
     const slotSchema: SlotSchema = {
@@ -287,7 +294,7 @@ export class Prop implements IPropParent {
     if (this._slotNode) {
       this._slotNode.import(slotSchema);
     } else {
-      const owner = this.props.owner;
+      const { owner } = this.props;
       this._slotNode = owner.document.createNode<SlotNode>(slotSchema);
       owner.addSlot(this._slotNode);
       this._slotNode.internalSetSlotFor(this);
@@ -336,7 +343,9 @@ export class Prop implements IPropParent {
   }
 
   @obx.val private _items: Prop[] | null = null;
+
   @obx.val private _maps: Map<string | number, Prop> | null = null;
+
   @computed private get items(): Prop[] | null {
     let _items: any;
     untracked(() => {
@@ -371,6 +380,7 @@ export class Prop implements IPropParent {
     }
     return _items;
   }
+
   @computed private get maps(): Map<string | number, Prop> | null {
     if (!this.items) {
       return null;
@@ -382,7 +392,7 @@ export class Prop implements IPropParent {
    * 获取某个属性
    * @param stash 如果不存在，临时获取一个待写入
    */
-  get(path: string | number, stash: boolean = true): Prop | null {
+  get(path: string | number, stash = true): Prop | null {
     const type = this._type;
     if (type !== 'map' && type !== 'list' && type !== 'unset' && !stash) {
       return null;
@@ -524,7 +534,7 @@ export class Prop implements IPropParent {
       }
       items[key] = prop;
     } else if (this.maps) {
-      const maps = this.maps;
+      const { maps } = this;
       const orig = maps.get(key);
       if (orig) {
         // replace
@@ -559,6 +569,7 @@ export class Prop implements IPropParent {
   }
 
   private purged = false;
+
   /**
    * 回收销毁
    */
@@ -584,7 +595,7 @@ export class Prop implements IPropParent {
    */
   [Symbol.iterator](): { next(): { value: Prop } } {
     let index = 0;
-    const items = this.items;
+    const { items } = this;
     const length = items?.length || 0;
     return {
       next() {
@@ -606,7 +617,7 @@ export class Prop implements IPropParent {
    * 遍历
    */
   forEach(fn: (item: Prop, key: number | string | undefined) => void): void {
-    const items = this.items;
+    const { items } = this;
     if (!items) {
       return;
     }
@@ -620,7 +631,7 @@ export class Prop implements IPropParent {
    * 遍历
    */
   map<T>(fn: (item: Prop, key: number | string | undefined) => T): T[] | null {
-    const items = this.items;
+    const { items } = this;
     if (!items) {
       return null;
     }
diff --git a/packages/designer/src/document/node/props/props.ts b/packages/designer/src/document/node/props/props.ts
index e9c73ccd3..fa73e0190 100644
--- a/packages/designer/src/document/node/props/props.ts
+++ b/packages/designer/src/document/node/props/props.ts
@@ -23,7 +23,9 @@ export function getOriginalExtraKey(key: string): string {
 
 export class Props implements IPropParent {
   readonly id = uniqueId('props');
+
   @obx.val private items: Prop[] = [];
+
   @computed private get maps(): Map<string, Prop> {
     const maps = new Map();
     if (this.items.length > 0) {
@@ -151,41 +153,41 @@ export class Props implements IPropParent {
   query(path: string, stash = true): Prop | null {
     return this.get(path, stash);
     // todo: future support list search
-    let matchedLength = 0;
-    let firstMatched = null;
-    if (this.items) {
-      // target: a.b.c
-      // trys: a.b.c, a.b, a
-      let i = this.items.length;
-      while (i-- > 0) {
-        const expr = this.items[i];
-        if (!expr.key) {
-          continue;
-        }
-        const name = String(expr.key);
-        if (name === path) {
-          // completely match
-          return expr;
-        }
+    // let matchedLength = 0;
+    // let firstMatched = null;
+    // if (this.items) {
+    //   // target: a.b.c
+    //   // trys: a.b.c, a.b, a
+    //   let i = this.items.length;
+    //   while (i-- > 0) {
+    //     const expr = this.items[i];
+    //     if (!expr.key) {
+    //       continue;
+    //     }
+    //     const name = String(expr.key);
+    //     if (name === path) {
+    //       // completely match
+    //       return expr;
+    //     }
 
-        // fisrt match
-        const l = name.length;
-        if (path.slice(0, l + 1) === `${name}.`) {
-          matchedLength = l;
-          firstMatched = expr;
-        }
-      }
-    }
+    //     // fisrt match
+    //     const l = name.length;
+    //     if (path.slice(0, l + 1) === `${name}.`) {
+    //       matchedLength = l;
+    //       firstMatched = expr;
+    //     }
+    //   }
+    // }
 
-    let ret = null;
-    if (firstMatched) {
-      ret = firstMatched.get(path.slice(matchedLength + 1), true);
-    }
-    if (!ret && stash) {
-      return this.stash.get(path);
-    }
+    // let ret = null;
+    // if (firstMatched) {
+    //   ret = firstMatched.get(path.slice(matchedLength + 1), true);
+    // }
+    // if (!ret && stash) {
+    //   return this.stash.get(path);
+    // }
 
-    return ret;
+    // return ret;
   }
 
   /**
@@ -257,7 +259,7 @@ export class Props implements IPropParent {
    */
   [Symbol.iterator](): { next(): { value: Prop } } {
     let index = 0;
-    const items = this.items;
+    const { items } = this;
     const length = items.length || 0;
     return {
       next() {
@@ -300,6 +302,7 @@ export class Props implements IPropParent {
   }
 
   private purged = false;
+
   /**
    * 回收销毁
    */
diff --git a/packages/designer/src/document/node/props/value-to-source.ts b/packages/designer/src/document/node/props/value-to-source.ts
index 40cbecd61..77f5db856 100644
--- a/packages/designer/src/document/node/props/value-to-source.ts
+++ b/packages/designer/src/document/node/props/value-to-source.ts
@@ -4,6 +4,7 @@ function propertyNameRequiresQuotes(propertyName: string) {
       worksWithoutQuotes: false,
     };
 
+    // eslint-disable-next-line no-new-func
     new Function('ctx', `ctx.worksWithoutQuotes = {${propertyName}: true}['${propertyName}']`)();
 
     return !context.worksWithoutQuotes;
@@ -57,15 +58,15 @@ export function valueToSource(
       if (value instanceof Map) {
         return value.size
           ? `${indentString.repeat(indentLevel)}new Map(${valueToSource([...value], {
-              circularReferenceToken,
-              doubleQuote,
-              includeFunctions,
-              includeUndefinedProperties,
-              indentLevel,
-              indentString,
-              lineEnding,
-              visitedObjects: new Set([value, ...visitedObjects]),
-            }).substr(indentLevel * indentString.length)})`
+            circularReferenceToken,
+            doubleQuote,
+            includeFunctions,
+            includeUndefinedProperties,
+            indentLevel,
+            indentString,
+            lineEnding,
+            visitedObjects: new Set([value, ...visitedObjects]),
+          }).substr(indentLevel * indentString.length)})`
           : `${indentString.repeat(indentLevel)}new Map()`;
       }
 
@@ -76,15 +77,15 @@ export function valueToSource(
       if (value instanceof Set) {
         return value.size
           ? `${indentString.repeat(indentLevel)}new Set(${valueToSource([...value], {
-              circularReferenceToken,
-              doubleQuote,
-              includeFunctions,
-              includeUndefinedProperties,
-              indentLevel,
-              indentString,
-              lineEnding,
-              visitedObjects: new Set([value, ...visitedObjects]),
-            }).substr(indentLevel * indentString.length)})`
+            circularReferenceToken,
+            doubleQuote,
+            includeFunctions,
+            includeUndefinedProperties,
+            indentLevel,
+            indentString,
+            lineEnding,
+            visitedObjects: new Set([value, ...visitedObjects]),
+          }).substr(indentLevel * indentString.length)})`
           : `${indentString.repeat(indentLevel)}new Set()`;
       }
 
@@ -94,8 +95,7 @@ export function valueToSource(
         }
 
         const itemsStayOnTheSameLine = value.every(
-          item =>
-            typeof item === 'object' &&
+          item => typeof item === 'object' &&
             item &&
             !(item instanceof Date) &&
             !(item instanceof Map) &&
@@ -140,33 +140,33 @@ export function valueToSource(
         return itemsStayOnTheSameLine
           ? `${indentString.repeat(indentLevel)}[${value.join(', ')}]`
           : `${indentString.repeat(indentLevel)}[${lineEnding}${value.join(
-              `,${lineEnding}`,
-            )}${lineEnding}${indentString.repeat(indentLevel)}]`;
+            `,${lineEnding}`,
+          )}${lineEnding}${indentString.repeat(indentLevel)}]`;
       }
 
       value = Object.keys(value).reduce<string[]>((entries, propertyName) => {
-        const propertyValue = value[propertyName],
-          propertyValueString =
+        const propertyValue = value[propertyName];
+        const propertyValueString =
             typeof propertyValue !== 'undefined' || includeUndefinedProperties
               ? valueToSource(value[propertyName], {
-                  circularReferenceToken,
-                  doubleQuote,
-                  includeFunctions,
-                  includeUndefinedProperties,
-                  indentLevel: indentLevel + 1,
-                  indentString,
-                  lineEnding,
-                  visitedObjects: new Set([value, ...visitedObjects]),
-                })
+                circularReferenceToken,
+                doubleQuote,
+                includeFunctions,
+                includeUndefinedProperties,
+                indentLevel: indentLevel + 1,
+                indentString,
+                lineEnding,
+                visitedObjects: new Set([value, ...visitedObjects]),
+              })
               : null;
 
         if (propertyValueString) {
           const quotedPropertyName = propertyNameRequiresQuotes(propertyName)
-              ? quoteString(propertyName, {
-                  doubleQuote,
-                })
-              : propertyName,
-            trimmedPropertyValueString = propertyValueString.substr((indentLevel + 1) * indentString.length);
+            ? quoteString(propertyName, {
+              doubleQuote,
+            })
+            : propertyName;
+          const trimmedPropertyValueString = propertyValueString.substr((indentLevel + 1) * indentString.length);
 
           if (typeof propertyValue === 'function' && trimmedPropertyValueString.startsWith(`${propertyName}()`)) {
             entries.push(
@@ -184,8 +184,8 @@ export function valueToSource(
 
       return value.length
         ? `${indentString.repeat(indentLevel)}{${lineEnding}${value.join(
-            `,${lineEnding}`,
-          )}${lineEnding}${indentString.repeat(indentLevel)}}`
+          `,${lineEnding}`,
+        )}${lineEnding}${indentString.repeat(indentLevel)}}`
         : `${indentString.repeat(indentLevel)}{}`;
     case 'string':
       return `${indentString.repeat(indentLevel)}${quoteString(value, {
@@ -226,7 +226,9 @@ export function getSource(value: any): string {
   if (value) {
     try {
       value.__source = source;
-    } catch (ex) {}
+    } catch (ex) {
+      console.error(ex);
+    }
   }
   return source;
 }
diff --git a/packages/designer/src/document/selection.ts b/packages/designer/src/document/selection.ts
index f1741b48b..c62f4be08 100644
--- a/packages/designer/src/document/selection.ts
+++ b/packages/designer/src/document/selection.ts
@@ -5,7 +5,11 @@ import { DocumentModel } from './document-model';
 
 export class Selection {
   private emitter = new EventEmitter();
+
   @obx.val private _selected: string[] = [];
+
+  constructor(readonly doc: DocumentModel) {}
+
   /**
    * 选中的节点 id
    */
@@ -13,8 +17,6 @@ export class Selection {
     return this._selected;
   }
 
-  constructor(readonly doc: DocumentModel) {}
-
   /**
    * 选中
    */
diff --git a/packages/designer/src/icons/clone.tsx b/packages/designer/src/icons/clone.tsx
index 844b3f5b0..baf6342cc 100644
--- a/packages/designer/src/icons/clone.tsx
+++ b/packages/designer/src/icons/clone.tsx
@@ -1,9 +1,9 @@
-import { SVGIcon, IconProps } from "@ali/lowcode-utils";
+import { SVGIcon, IconProps } from '@ali/lowcode-utils';
 
 export function IconClone(props: IconProps) {
   return (
     <SVGIcon viewBox="0 0 1024 1024" {...props}>
-      <path d="M192 256.16C192 220.736 220.704 192 256.16 192h639.68C931.264 192 960 220.704 960 256.16v639.68A64.16 64.16 0 0 1 895.84 960H256.16A64.16 64.16 0 0 1 192 895.84V256.16z m64 31.584v576.512a32 32 0 0 0 31.744 31.744h576.512a32 32 0 0 0 31.744-31.744V287.744A32 32 0 0 0 864.256 256H287.744A32 32 0 0 0 256 287.744zM288 192v64h64V192H288z m128 0v64h64V192h-64z m128 0v64h64V192h-64z m128 0v64h64V192h-64z m128 0v64h64V192h-64z m96 96v64h64V288h-64z m0 128v64h64v-64h-64z m0 128v64h64v-64h-64z m0 128v64h64v-64h-64z m0 128v64h64v-64h-64z m-96 96v64h64v-64h-64z m-128 0v64h64v-64h-64z m-128 0v64h64v-64h-64z m-128 0v64h64v-64h-64z m-128 0v64h64v-64H288z m-96-96v64h64v-64H192z m0-128v64h64v-64H192z m0-128v64h64v-64H192z m0-128v64h64v-64H192z m0-128v64h64V288H192z m160 416c0-17.664 14.592-32 32.064-32h319.872a31.968 31.968 0 1 1 0 64h-319.872A31.968 31.968 0 0 1 352 704z m0-128c0-17.664 14.4-32 32.224-32h383.552c17.792 0 32.224 14.208 32.224 32 0 17.664-14.4 32-32.224 32H384.224A32.032 32.032 0 0 1 352 576z m0-128c0-17.664 14.4-32 32.224-32h383.552c17.792 0 32.224 14.208 32.224 32 0 17.664-14.4 32-32.224 32H384.224A32.032 32.032 0 0 1 352 448z m512 47.936V192h-64V159.968A31.776 31.776 0 0 0 768.032 128H160A31.776 31.776 0 0 0 128 159.968V768c0 17.92 14.304 31.968 31.968 31.968H192v64h303.936H128.128A63.968 63.968 0 0 1 64 799.872V128.128C64 92.704 92.48 64 128.128 64h671.744C835.296 64 864 92.48 864 128.128v367.808z"/>
+      <path d="M192 256.16C192 220.736 220.704 192 256.16 192h639.68C931.264 192 960 220.704 960 256.16v639.68A64.16 64.16 0 0 1 895.84 960H256.16A64.16 64.16 0 0 1 192 895.84V256.16z m64 31.584v576.512a32 32 0 0 0 31.744 31.744h576.512a32 32 0 0 0 31.744-31.744V287.744A32 32 0 0 0 864.256 256H287.744A32 32 0 0 0 256 287.744zM288 192v64h64V192H288z m128 0v64h64V192h-64z m128 0v64h64V192h-64z m128 0v64h64V192h-64z m128 0v64h64V192h-64z m96 96v64h64V288h-64z m0 128v64h64v-64h-64z m0 128v64h64v-64h-64z m0 128v64h64v-64h-64z m0 128v64h64v-64h-64z m-96 96v64h64v-64h-64z m-128 0v64h64v-64h-64z m-128 0v64h64v-64h-64z m-128 0v64h64v-64h-64z m-128 0v64h64v-64H288z m-96-96v64h64v-64H192z m0-128v64h64v-64H192z m0-128v64h64v-64H192z m0-128v64h64v-64H192z m0-128v64h64V288H192z m160 416c0-17.664 14.592-32 32.064-32h319.872a31.968 31.968 0 1 1 0 64h-319.872A31.968 31.968 0 0 1 352 704z m0-128c0-17.664 14.4-32 32.224-32h383.552c17.792 0 32.224 14.208 32.224 32 0 17.664-14.4 32-32.224 32H384.224A32.032 32.032 0 0 1 352 576z m0-128c0-17.664 14.4-32 32.224-32h383.552c17.792 0 32.224 14.208 32.224 32 0 17.664-14.4 32-32.224 32H384.224A32.032 32.032 0 0 1 352 448z m512 47.936V192h-64V159.968A31.776 31.776 0 0 0 768.032 128H160A31.776 31.776 0 0 0 128 159.968V768c0 17.92 14.304 31.968 31.968 31.968H192v64h303.936H128.128A63.968 63.968 0 0 1 64 799.872V128.128C64 92.704 92.48 64 128.128 64h671.744C835.296 64 864 92.48 864 128.128v367.808z" />
     </SVGIcon>
   );
 }
diff --git a/packages/designer/src/icons/component.tsx b/packages/designer/src/icons/component.tsx
index 78a3ba1f0..6804ca16b 100644
--- a/packages/designer/src/icons/component.tsx
+++ b/packages/designer/src/icons/component.tsx
@@ -1,4 +1,4 @@
-import { SVGIcon, IconProps } from "@ali/lowcode-utils";
+import { SVGIcon, IconProps } from '@ali/lowcode-utils';
 
 export function IconComponent(props: IconProps) {
   return (
diff --git a/packages/designer/src/icons/container.tsx b/packages/designer/src/icons/container.tsx
index 5c46b3f18..b4ccfcd73 100644
--- a/packages/designer/src/icons/container.tsx
+++ b/packages/designer/src/icons/container.tsx
@@ -1,4 +1,4 @@
-import { SVGIcon, IconProps } from "@ali/lowcode-utils";
+import { SVGIcon, IconProps } from '@ali/lowcode-utils';
 
 export function IconContainer(props: IconProps) {
   return (
diff --git a/packages/designer/src/icons/hidden.tsx b/packages/designer/src/icons/hidden.tsx
index 0f944cadf..081d64e08 100644
--- a/packages/designer/src/icons/hidden.tsx
+++ b/packages/designer/src/icons/hidden.tsx
@@ -1,4 +1,4 @@
-import { SVGIcon, IconProps } from "@ali/lowcode-utils";
+import { SVGIcon, IconProps } from '@ali/lowcode-utils';
 
 export function IconHidden(props: IconProps) {
   return (
diff --git a/packages/designer/src/icons/page.tsx b/packages/designer/src/icons/page.tsx
index a957239fe..6a8780099 100644
--- a/packages/designer/src/icons/page.tsx
+++ b/packages/designer/src/icons/page.tsx
@@ -1,4 +1,4 @@
-import { SVGIcon, IconProps } from "@ali/lowcode-utils";
+import { SVGIcon, IconProps } from '@ali/lowcode-utils';
 
 export function IconPage(props: IconProps) {
   return (
diff --git a/packages/designer/src/project/project.ts b/packages/designer/src/project/project.ts
index b4148ebff..fa2024525 100644
--- a/packages/designer/src/project/project.ts
+++ b/packages/designer/src/project/project.ts
@@ -6,6 +6,7 @@ import { ProjectSchema, RootSchema } from '@ali/lowcode-types';
 
 export class Project {
   private emitter = new EventEmitter();
+
   @obx.val readonly documents: DocumentModel[] = [];
 
   private data: ProjectSchema = { version: '1.0.0', componentsMap: [], componentsTree: [] };
@@ -35,10 +36,10 @@ export class Project {
 
   /**
    * 替换当前document的schema,并触发渲染器的render
-   * @param schema 
+   * @param schema
    */
-  setSchema(schema?: ProjectSchema){
-    let doc = this.documents.find((doc) => doc.actived);
+  setSchema(schema?: ProjectSchema) {
+    const doc = this.documents.find((doc) => doc.actived);
     doc && doc.import(schema?.componentsTree[0]);
   }
 
@@ -90,16 +91,18 @@ export class Project {
    * 分字段设置储存数据，不记录操作记录
    */
   set(
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     key:
-      | 'version'
-      | 'componentsTree'
-      | 'componentsMap'
-      | 'utils'
-      | 'constants'
-      | 'i18n'
-      | 'css'
-      | 'dataSource'
-      | string,
+    | 'version'
+    | 'componentsTree'
+    | 'componentsMap'
+    | 'utils'
+    | 'constants'
+    | 'i18n'
+    | 'css'
+    | 'dataSource'
+    | string,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     value: any,
   ): void {}
 
@@ -107,16 +110,17 @@ export class Project {
    * 分字段设置储存数据
    */
   get(
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     key:
-      | 'version'
-      | 'componentsTree'
-      | 'componentsMap'
-      | 'utils'
-      | 'constants'
-      | 'i18n'
-      | 'css'
-      | 'dataSource'
-      | string,
+    | 'version'
+    | 'componentsTree'
+    | 'componentsMap'
+    | 'utils'
+    | 'constants'
+    | 'i18n'
+    | 'css'
+    | 'dataSource'
+    | string,
   ): any {}
 
   open(doc?: string | DocumentModel | RootSchema): DocumentModel {
diff --git a/packages/designer/src/utils/tree.ts b/packages/designer/src/utils/tree.ts
index 2cd8ff515..d850bb204 100644
--- a/packages/designer/src/utils/tree.ts
+++ b/packages/designer/src/utils/tree.ts
@@ -4,4 +4,4 @@ export function foreachReverse(arr: NodeChildren, fn: Function, context: any = {
   for (let i = arr.length - 1; i >= 0; i--) {
     fn.call(context, arr.get(i));
   }
-}
\ No newline at end of file
+}
diff --git a/packages/editor-core/.eslintrc.js b/packages/editor-core/.eslintrc.js
new file mode 100644
index 000000000..c4749b311
--- /dev/null
+++ b/packages/editor-core/.eslintrc.js
@@ -0,0 +1,14 @@
+module.exports = {
+  extends: '../../.eslintrc.js',
+  rules: {
+    'react/no-multi-comp': 1,
+    '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 newline at end of file
diff --git a/packages/editor-core/build.plugin.js b/packages/editor-core/build.plugin.js
index 980daf4f1..d24fe23ae 100644
--- a/packages/editor-core/build.plugin.js
+++ b/packages/editor-core/build.plugin.js
@@ -1,12 +1,11 @@
 const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
-const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
 
 module.exports = ({ onGetWebpackConfig }) => {
   onGetWebpackConfig((config) => {
     config.resolve
       .plugin('tsconfigpaths')
       .use(TsconfigPathsPlugin, [{
-        configFile: "./tsconfig.json"
+        configFile: './tsconfig.json',
       }]);
   });
 };
diff --git a/packages/editor-core/src/di/ioc-context.ts b/packages/editor-core/src/di/ioc-context.ts
index 9be8707e6..27b854cab 100644
--- a/packages/editor-core/src/di/ioc-context.ts
+++ b/packages/editor-core/src/di/ioc-context.ts
@@ -1,4 +1,5 @@
 import { IocContext } from 'power-di';
+
 export * from 'power-di';
 
 export const globalContext = IocContext.DefaultInstance;
diff --git a/packages/editor-core/src/di/setter.ts b/packages/editor-core/src/di/setter.ts
index 428b0a7ea..b4d771f01 100644
--- a/packages/editor-core/src/di/setter.ts
+++ b/packages/editor-core/src/di/setter.ts
@@ -52,7 +52,7 @@ export function registerSetter(
 
 function getInitialFromSetter(setter: any) {
   return setter && (
-      setter.initial || setter.Initial
+    setter.initial || setter.Initial
       || (setter.type && (setter.type.initial || setter.type.Initial))
     ) || null; // eslint-disable-line
 }
diff --git a/packages/editor-core/src/editor.ts b/packages/editor-core/src/editor.ts
index 6f8c22dc0..117b5c14d 100644
--- a/packages/editor-core/src/editor.ts
+++ b/packages/editor-core/src/editor.ts
@@ -11,7 +11,7 @@ import {
 import { IocContext, RegisterOptions } from './di';
 import { globalLocale } from './intl';
 import * as utils from './utils';
-import { tipHandler } from './widgets/tip/tip-handler';
+// import { tipHandler } from './widgets/tip/tip-handler';
 
 EventEmitter.defaultMaxListeners = 100;
 
@@ -22,7 +22,7 @@ export class Editor extends EventEmitter implements IEditor {
    * Ioc Container
    */
   private context = new IocContext({
-    notFoundHandler: (type: KeyType) => NOT_FOUND,
+    notFoundHandler: (/* type: KeyType */) => NOT_FOUND,
   });
 
   get locale() {
@@ -86,11 +86,13 @@ export class Editor extends EventEmitter implements IEditor {
   }
 
   config?: EditorConfig;
+
   components?: PluginClassSet;
+
   async init(config?: EditorConfig, components?: PluginClassSet): Promise<any> {
     this.config = config || {};
     this.components = components || {};
-    const { shortCuts = [], hooks = [], lifeCycles } = this.config;
+    const { hooks = [], lifeCycles } = this.config;
 
     this.emit('editor.beforeInit');
     const init = (lifeCycles && lifeCycles.init) || ((): void => {});
@@ -114,7 +116,7 @@ export class Editor extends EventEmitter implements IEditor {
       return;
     }
     try {
-      const { shortCuts = [], lifeCycles = {} } = this.config;
+      const { lifeCycles = {} } = this.config;
       // unRegistShortCuts(shortCuts);
 
       this.unregisterHooks();
@@ -152,12 +154,13 @@ export class Editor extends EventEmitter implements IEditor {
   };
 
   private waits = new Map<
-    KeyType,
-    Array<{
-      once?: boolean;
-      resolve: (data: any) => void;
-    }>
+  KeyType,
+  Array<{
+    once?: boolean;
+    resolve:(data: any) => void;
+  }>
   >();
+
   private notifyGot(key: KeyType) {
     let waits = this.waits.get(key);
     if (!waits) {
diff --git a/packages/editor-core/src/hotkey.ts b/packages/editor-core/src/hotkey.ts
index f991aaeab..c4a25ff05 100644
--- a/packages/editor-core/src/hotkey.ts
+++ b/packages/editor-core/src/hotkey.ts
@@ -124,7 +124,7 @@ let REVERSE_MAP: CtrlKeyMap;
  * programatically
  */
 for (let i = 1; i < 20; ++i) {
-  MAP[111 + i] = 'f' + i;
+  MAP[111 + i] = `f${ i}`;
 }
 
 /**
@@ -346,22 +346,28 @@ function fireCallback(callback: HotkeyCallback, e: KeyboardEvent, combo?: string
       sequence,
       selected,
     });
-  } catch(err) {
+  } catch (err) {
     console.error(err.message);
   }
 }
 
 export class Hotkey {
   private callBacks: HotkeyCallbacks = {};
+
   private directMap: HotkeyDirectMap = {};
+
   private sequenceLevels: SequenceLevels = {};
+
   private resetTimer = 0;
+
   private ignoreNextKeyup: boolean | string = false;
+
   private ignoreNextKeypress = false;
+
   private nextExpectedAction: boolean | string = false;
 
   mount(window: Window) {
-    const document = window.document;
+    const { document } = window;
     const handleKeyEvent = this.handleKeyEvent.bind(this);
     document.addEventListener('keypress', handleKeyEvent, false);
     document.addEventListener('keydown', handleKeyEvent, false);
@@ -582,7 +588,6 @@ export class Hotkey {
     combination = combination.replace(/\s+/g, ' ');
 
     const sequence: string[] = combination.split(' ');
-    let info: KeyInfo;
 
     // if this pattern is a sequence of keys then run through this method
     // to reprocess each pattern one key at a time
@@ -591,7 +596,7 @@ export class Hotkey {
       return;
     }
 
-    info = getKeyInfo(combination, action);
+    const info: KeyInfo = getKeyInfo(combination, action);
 
     // make sure to initialize array if this is the first time
     // a callback is added for this key
diff --git a/packages/editor-core/src/intl/ali-global-locale.ts b/packages/editor-core/src/intl/ali-global-locale.ts
index 1f74d719b..a8ec7911a 100644
--- a/packages/editor-core/src/intl/ali-global-locale.ts
+++ b/packages/editor-core/src/intl/ali-global-locale.ts
@@ -1,5 +1,6 @@
 import { EventEmitter } from 'events';
 import { obx, computed } from '../utils/obx';
+
 const languageMap: { [key: string]: string } = {
   en: 'en-US',
   zh: 'zh-CN',
@@ -30,7 +31,9 @@ const LowcodeConfigKey = 'ali-lowcode-config';
 
 class AliGlobalLocale {
   private emitter = new EventEmitter();
+
   @obx.ref private _locale?: string;
+
   @computed get locale() {
     if (this._locale != null) {
       return this._locale;
@@ -67,7 +70,7 @@ class AliGlobalLocale {
       const it = navigator.browserLanguage.split('-');
       locale = it[0];
       if (it[1]) {
-        locale += '-' + it[1].toUpperCase();
+        locale += `-${ it[1].toUpperCase()}`;
       }
     }
 
diff --git a/packages/editor-core/src/intl/index.ts b/packages/editor-core/src/intl/index.ts
index 88974b764..e4d6b4e37 100644
--- a/packages/editor-core/src/intl/index.ts
+++ b/packages/editor-core/src/intl/index.ts
@@ -34,7 +34,7 @@ function injectVars(msg: string, params: any, locale: string): string {
       return params[key];
     }
     return $1;
-  });*/
+  }); */
 }
 
 export function intl(data: any, params?: object): ReactNode {
@@ -92,11 +92,11 @@ class IntlElement extends Component<{ data: any; params?: object }> {
 export function createIntl(
   instance: string | object,
 ): {
-  intlNode(id: string, params?: object): ReactNode;
-  intl(id: string, params?: object): string;
-  getLocale(): string;
-  setLocale(locale: string): void;
-} {
+    intlNode(id: string, params?: object): ReactNode;
+    intl(id: string, params?: object): string;
+    getLocale(): string;
+    setLocale(locale: string): void;
+  } {
   const data = computed(() => {
     const locale = globalLocale.getLocale();
     if (typeof instance === 'string') {
diff --git a/packages/editor-core/src/utils/app-preset.ts b/packages/editor-core/src/utils/app-preset.ts
index f17a81458..72ae9321a 100644
--- a/packages/editor-core/src/utils/app-preset.ts
+++ b/packages/editor-core/src/utils/app-preset.ts
@@ -28,7 +28,7 @@ window.__newFunc = (funContext: string): ((...args: any[]) => any) => {
 };
 
 // 关闭浏览器前提醒,只有产生过交互才会生效
-window.onbeforeunload = function(e: Event): string | void {
+window.onbeforeunload = function (e: Event): string | void {
   const ev = e || window.event;
   // 本地调试不生效
   if (location.href.indexOf('localhost') > 0) {
diff --git a/packages/editor-core/src/utils/focus-tracker.ts b/packages/editor-core/src/utils/focus-tracker.ts
index 6bfaa8581..61ecb3042 100644
--- a/packages/editor-core/src/utils/focus-tracker.ts
+++ b/packages/editor-core/src/utils/focus-tracker.ts
@@ -4,7 +4,7 @@ export class FocusTracker {
       if (this.checkModalDown(e)) {
         return;
       }
-      const first = this.first;
+      const { first } = this;
       if (first && !first.internalCheckInRange(e)) {
         this.internalSuspenseItem(first);
         first.internalTriggerBlur();
@@ -15,23 +15,30 @@ export class FocusTracker {
       win.document.removeEventListener('click', checkDown, true);
     };
   }
+
   private actives: Focusable[] = [];
+
   get first() {
     return this.actives[0];
   }
+
   private modals: Array<{ checkDown: (e: MouseEvent) => boolean; checkOpen: () => boolean }> = [];
+
   addModal(checkDown: (e: MouseEvent) => boolean, checkOpen: () => boolean) {
     this.modals.push({
       checkDown,
       checkOpen,
     });
   }
+
   private checkModalOpen(): boolean {
     return this.modals.some(item => item.checkOpen());
   }
+
   private checkModalDown(e: MouseEvent): boolean {
     return this.modals.some(item => item.checkDown(e));
   }
+
   execSave() {
     // has Modal return;
     if (this.checkModalOpen()) {
@@ -42,16 +49,19 @@ export class FocusTracker {
       this.first.internalTriggerSave();
     }
   }
+
   execEsc() {
-    const first = this.first;
+    const { first } = this;
     if (first) {
       this.internalSuspenseItem(first);
       first.internalTriggerEsc();
     }
   }
+
   create(config: FocusableConfig) {
     return new Focusable(this, config);
   }
+
   internalActiveItem(item: Focusable) {
     const first = this.actives[0];
     if (first === item) {
@@ -69,6 +79,7 @@ export class FocusTracker {
     // trigger onActive
     item.internalTriggerActive();
   }
+
   internalSuspenseItem(item: Focusable) {
     const i = this.actives.indexOf(item);
     if (i > -1) {
@@ -89,18 +100,23 @@ export interface FocusableConfig {
 
 export class Focusable {
   readonly isModal: boolean;
+
   constructor(private tracker: FocusTracker, private config: FocusableConfig) {
     this.isModal = config.modal == null ? false : config.modal;
   }
+
   active() {
     this.tracker.internalActiveItem(this);
   }
+
   suspense() {
     this.tracker.internalSuspenseItem(this);
   }
+
   purge() {
     this.tracker.internalSuspenseItem(this);
   }
+
   internalCheckInRange(e: MouseEvent) {
     const { range } = this.config;
     if (!range) {
@@ -111,11 +127,13 @@ export class Focusable {
     }
     return range.contains(e.target as HTMLElement);
   }
+
   internalTriggerBlur() {
     if (this.config.onBlur) {
       this.config.onBlur();
     }
   }
+
   internalTriggerSave() {
     if (this.config.onSave) {
       this.config.onSave();
@@ -123,11 +141,13 @@ export class Focusable {
     }
     return false;
   }
+
   internalTriggerEsc() {
     if (this.config.onEsc) {
       this.config.onEsc();
     }
   }
+
   internalTriggerActive() {
     if (this.config.onActive) {
       this.config.onActive();
diff --git a/packages/editor-core/src/utils/obx.ts b/packages/editor-core/src/utils/obx.ts
index 3ab051f08..627a7e273 100644
--- a/packages/editor-core/src/utils/obx.ts
+++ b/packages/editor-core/src/utils/obx.ts
@@ -1,4 +1,5 @@
-export * from '@recore/obx';
 import { observer } from '@recore/obx-react';
 
+export * from '@recore/obx';
+
 export { observer };
diff --git a/packages/editor-core/src/utils/request.ts b/packages/editor-core/src/utils/request.ts
index 24cde7293..e7f4c41cf 100644
--- a/packages/editor-core/src/utils/request.ts
+++ b/packages/editor-core/src/utils/request.ts
@@ -1,4 +1,5 @@
 import Debug from 'debug';
+
 const debug = Debug('request');
 
 export function serialize(obj?: object): string {
@@ -49,7 +50,7 @@ export function post(dataAPI: string, params?: object, headers?: object, otherPr
 
 export function request(
   dataAPI: string,
-  method: string = 'GET',
+  method = 'GET',
   data?: object | string,
   headers?: object,
   otherProps?: any,
diff --git a/packages/editor-core/src/widgets/tip/tip-container.tsx b/packages/editor-core/src/widgets/tip/tip-container.tsx
index 35ff58f14..81750bd6a 100644
--- a/packages/editor-core/src/widgets/tip/tip-container.tsx
+++ b/packages/editor-core/src/widgets/tip/tip-container.tsx
@@ -20,7 +20,7 @@ export class TipContainer extends Component {
     };
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     if (this.dispose) {
       this.dispose();
     }
diff --git a/packages/editor-core/src/widgets/tip/tip-handler.ts b/packages/editor-core/src/widgets/tip/tip-handler.ts
index d528a52af..c0a806888 100644
--- a/packages/editor-core/src/widgets/tip/tip-handler.ts
+++ b/packages/editor-core/src/widgets/tip/tip-handler.ts
@@ -7,8 +7,11 @@ export interface TipOptions extends TipConfig {
 
 class TipHandler {
   tip: TipOptions | null = null;
+
   private showDelay: number | null = null;
+
   private hideDelay: number | null = null;
+
   private emitter = new EventEmitter();
 
   setTarget(target: HTMLElement) {
@@ -107,7 +110,7 @@ function findTip(target: HTMLElement | null): TipOptions | null {
 
     while (child) {
       if (child.dataset && child.dataset.role === 'tip') {
-        const tipId = child.dataset.tipId;
+        const { tipId } = child.dataset;
         if (!tipId) {
           return null;
         }
diff --git a/packages/editor-core/src/widgets/tip/tip-item.tsx b/packages/editor-core/src/widgets/tip/tip-item.tsx
index 20ec87bea..58aed12b4 100644
--- a/packages/editor-core/src/widgets/tip/tip-item.tsx
+++ b/packages/editor-core/src/widgets/tip/tip-item.tsx
@@ -7,6 +7,7 @@ import { tipHandler } from './tip-handler';
 
 export class TipItem extends Component {
   private dispose?: () => void;
+
   constructor(props: any) {
     super(props);
     this.dispose = tipHandler.onChange(() => this.forceUpdate());
@@ -32,6 +33,7 @@ export class TipItem extends Component {
   }
 
   private timer: number | null = null;
+
   clearTimer() {
     if (this.timer) {
       clearTimeout(this.timer);
@@ -40,13 +42,14 @@ export class TipItem extends Component {
   }
 
   private shell: HTMLDivElement | null = null;
-  private originClassName: string = '';
+
+  private originClassName = '';
 
   updateTip() {
     if (!this.shell) {
       return;
     }
-    const shell = this.shell;
+    const { shell } = this;
     const arrow = shell.querySelector('.lc-arrow') as HTMLElement;
 
     // reset
@@ -55,7 +58,7 @@ export class TipItem extends Component {
     arrow.style.cssText = '';
     this.clearTimer();
 
-    const tip = tipHandler.tip;
+    const { tip } = tipHandler;
     if (!tip) {
       return;
     }
diff --git a/packages/editor-core/src/widgets/title/index.tsx b/packages/editor-core/src/widgets/title/index.tsx
index 1006935ed..5a8ac589b 100644
--- a/packages/editor-core/src/widgets/title/index.tsx
+++ b/packages/editor-core/src/widgets/title/index.tsx
@@ -11,6 +11,7 @@ export class Title extends Component<{ title: TitleContent; className?: string;
     super(props);
     this.handleClick = this.handleClick.bind(this);
   }
+
   handleClick(e: React.MouseEvent) {
     const { title, onClick } = this.props as any;
     const url = title && (title.docUrl || title.url);
@@ -22,7 +23,9 @@ export class Title extends Component<{ title: TitleContent; className?: string;
     // TODO: 操作交互冲突，目前 mixedSetter 仅有 2 个 setter 注册时用到了 onClick
     onClick && onClick(e);
   }
+
   render() {
+    // eslint-disable-next-line prefer-const
     let { title, className } = this.props;
     if (title == null) {
       return null;
@@ -53,7 +56,7 @@ export class Title extends Component<{ title: TitleContent; className?: string;
       <span
         className={classNames('lc-title', className, title.className, {
           'has-tip': !!tip,
-          'only-icon': !title.label
+          'only-icon': !title.label,
         })}
         onClick={this.handleClick}
       >
diff --git a/packages/editor-preset-general/build.plugin.js b/packages/editor-preset-general/build.plugin.js
index 1e9165eaf..ba3096f14 100644
--- a/packages/editor-preset-general/build.plugin.js
+++ b/packages/editor-preset-general/build.plugin.js
@@ -5,7 +5,7 @@ module.exports = ({ onGetWebpackConfig }) => {
     config.resolve
       .plugin('tsconfigpaths')
       .use(TsconfigPathsPlugin, [{
-        configFile: "./tsconfig.json"
+        configFile: './tsconfig.json',
       }]);
 
     /*
diff --git a/packages/editor-preset-general/src/index.ts b/packages/editor-preset-general/src/index.ts
index 25de7f209..97f98db4b 100644
--- a/packages/editor-preset-general/src/index.ts
+++ b/packages/editor-preset-general/src/index.ts
@@ -1,11 +1,13 @@
 import { render } from 'react-dom';
 import { createElement } from 'react';
-import { Workbench, Skeleton, SettingsPrimaryPane, registerDefaults } from '@ali/lowcode-editor-skeleton';
-import { globalContext, Editor } from '@ali/lowcode-editor-core';
-import { Designer, LiveEditing, TransformStage, Node } from '@ali/lowcode-designer';
-import Outline, { OutlineBackupPane, getTreeMaster } from '@ali/lowcode-plugin-outline-pane';
-import DesignerPlugin from '@ali/lowcode-plugin-designer';
 import '@ali/lowcode-editor-setters';
+import DesignerPlugin from '@ali/lowcode-plugin-designer';
+import { Designer, LiveEditing } from '@ali/lowcode-designer';
+import { globalContext, Editor } from '@ali/lowcode-editor-core';
+import { OutlineBackupPane, getTreeMaster } from '@ali/lowcode-plugin-outline-pane';
+import { Workbench, Skeleton, SettingsPrimaryPane, registerDefaults } from '@ali/lowcode-editor-skeleton';
+
+import { version } from '../package.json';
 import { liveEditingRule, liveEditingSaveHander } from './live-editing';
 
 export * from '@ali/lowcode-types';
@@ -22,7 +24,7 @@ editor.set(Skeleton, skeleton);
 editor.set('skeleton', skeleton);
 registerDefaults();
 
-export const designer = new Designer({ editor: editor });
+export const designer = new Designer({ editor });
 editor.set(Designer, designer);
 editor.set('designer', designer);
 
@@ -50,8 +52,6 @@ skeleton.add({
   content: OutlineBackupPane,
 });
 
-const version = '0.9.0-beta';
-
 export default function GeneralWorkbench(props: any) {
   return createElement(Workbench, {
     skeleton,
diff --git a/packages/editor-preset-general/src/live-editing.ts b/packages/editor-preset-general/src/live-editing.ts
index de812d71e..0d6131e39 100644
--- a/packages/editor-preset-general/src/live-editing.ts
+++ b/packages/editor-preset-general/src/live-editing.ts
@@ -21,7 +21,7 @@ function getText(node: DocNode, prop: string) {
 
 export function liveEditingRule(target: EditingTarget) {
   // for vision components specific
-  const { node, rootElement, event } = target;
+  const { node, event } = target;
 
   const targetElement = event.target as HTMLElement;
 
@@ -29,7 +29,7 @@ export function liveEditingRule(target: EditingTarget) {
     return null;
   }
 
-  const innerText = targetElement.innerText;
+  const { innerText } = targetElement;
   const propTarget = ['title', 'label', 'text', 'content', 'children'].find(prop => {
     return equalText(getText(node, prop), innerText);
   });
@@ -48,12 +48,12 @@ function equalText(v: any, innerText: string) {
   if (typeof v !== 'string') {
     return false;
   }
-  return v.trim() === innerText
+  return v.trim() === innerText;
 }
 
 export const liveEditingSaveHander: SaveHandler = {
   condition: (prop) => {
-    const v = prop.getValue();
+    // const v = prop.getValue();
     return prop.type === 'expression'; // || isI18nData(v);
   },
   onSaveContent: (content, prop) => {
@@ -72,8 +72,8 @@ export const liveEditingSaveHander: SaveHandler = {
     } else {
       prop.setValue(data);
     }
-  }
-}
+  },
+};
 // TODO:
 // 非文本编辑
 //  国际化数据，改变当前
diff --git a/packages/editor-preset-vision/.eslintrc.js b/packages/editor-preset-vision/.eslintrc.js
new file mode 100644
index 000000000..f3461d8f8
--- /dev/null
+++ b/packages/editor-preset-vision/.eslintrc.js
@@ -0,0 +1,20 @@
+module.exports = {
+  extends: '../../.eslintrc.js',
+  rules: {
+    'react/no-multi-comp': 1,
+    '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,
+    '@typescript-eslint/no-unused-vars': 1,
+    'no-multi-assign': 1,
+    'no-dupe-class-members': 1,
+    'react/no-deprecated': 1,
+    'no-useless-escape': 1,
+    'brace-style': 1,
+  }
+}
\ No newline at end of file
diff --git a/packages/editor-preset-vision/build.plugin.js b/packages/editor-preset-vision/build.plugin.js
index 1e9165eaf..ba3096f14 100644
--- a/packages/editor-preset-vision/build.plugin.js
+++ b/packages/editor-preset-vision/build.plugin.js
@@ -5,7 +5,7 @@ module.exports = ({ onGetWebpackConfig }) => {
     config.resolve
       .plugin('tsconfigpaths')
       .use(TsconfigPathsPlugin, [{
-        configFile: "./tsconfig.json"
+        configFile: './tsconfig.json',
       }]);
 
     /*
diff --git a/packages/editor-preset-vision/src/base/base.ts b/packages/editor-preset-vision/src/base/base.ts
index a19c1252a..3c3616a91 100644
--- a/packages/editor-preset-vision/src/base/base.ts
+++ b/packages/editor-preset-vision/src/base/base.ts
@@ -81,10 +81,13 @@ export function connectGeneralManagerList(managerList: any[], sourceManagerList:
 
 export class BaseManager implements INameable, IObservable {
   static EVENTS: IEventNameMap = {};
+
   static NAME = 'BaseManager';
 
   private name: string;
+
   private id: string;
+
   private emitter: any;
 
   constructor(managerConfigs: IManagerConfigs = {}) {
diff --git a/packages/editor-preset-vision/src/base/schemaManager.ts b/packages/editor-preset-vision/src/base/schemaManager.ts
index 00ef16561..7a0a90867 100644
--- a/packages/editor-preset-vision/src/base/schemaManager.ts
+++ b/packages/editor-preset-vision/src/base/schemaManager.ts
@@ -11,7 +11,9 @@ import VisualManager from './visualManager';
 
 export default class SchemaManager extends BaseManager implements IManagerController, ISchemaController {
   private schemaData: object = {};
+
   private visualManagerList: VisualManager[] = [];
+
   private schemaManagerList: SchemaManager[] = [];
 
   getManager(): VisualManager {
diff --git a/packages/editor-preset-vision/src/base/visualDesigner.ts b/packages/editor-preset-vision/src/base/visualDesigner.ts
index a69018aba..a210b6737 100644
--- a/packages/editor-preset-vision/src/base/visualDesigner.ts
+++ b/packages/editor-preset-vision/src/base/visualDesigner.ts
@@ -22,16 +22,22 @@ interface IDesignerProps {
 
 export default class VisualDesigner extends Component implements IManagerController, IObservable, INameable {
   static NAME = 'VisualDesigner';
+
   static EVENTS: IEventNameMap = {};
+
   props: IDesignerProps = {};
+
   defaultProps: IDesignerProps = {
     name: 'defaultDesigner',
     visualManagers: [],
   };
 
   private visualManagerList: VisualManager[] = [];
+
   private name = '';
+
   private id = '';
+
   private emitter: IEmitter;
 
   constructor(props: IDesignerProps) {
diff --git a/packages/editor-preset-vision/src/base/visualManager.ts b/packages/editor-preset-vision/src/base/visualManager.ts
index e28b6b519..737120f20 100644
--- a/packages/editor-preset-vision/src/base/visualManager.ts
+++ b/packages/editor-preset-vision/src/base/visualManager.ts
@@ -11,6 +11,7 @@ import VisualDesigner from './visualDesigner';
 
 export default class VisualManager extends BaseManager implements IManagerController, IDesignerController {
   private visualManagerList: VisualManager[] = [];
+
   private visualDesignerList: VisualDesigner[] = [];
 
   getManager(): VisualManager {
diff --git a/packages/editor-preset-vision/src/bundle/bundle.ts b/packages/editor-preset-vision/src/bundle/bundle.ts
index 4e2cc3f6e..68fde2ea5 100644
--- a/packages/editor-preset-vision/src/bundle/bundle.ts
+++ b/packages/editor-preset-vision/src/bundle/bundle.ts
@@ -35,17 +35,25 @@ export interface ComponentViewBundle {
 
 export default class Bundle {
   static createPrototype = Prototype.create;
+
   static addGlobalPropsReducer = Prototype.addGlobalPropsReducer;
+
   static addGlobalPropsConfigure = Prototype.addGlobalPropsConfigure;
+
   static addGlobalExtraActions = Prototype.addGlobalExtraActions;
+
   static removeGlobalPropsConfigure = Prototype.removeGlobalPropsConfigure;
+
   static overridePropsConfigure = Prototype.overridePropsConfigure;
+
   static create(protos: ComponentProtoBundle[], views?: ComponentViewBundle[]) {
     return new Bundle(protos, views);
   }
 
   private viewsMap: { [componentName: string]: ComponentType } = {};
+
   private registry: { [componentName: string]: Prototype } = {};
+
   private prototypeList: Prototype[] = [];
 
   constructor(protos?: ComponentProtoBundle[], views?: ComponentViewBundle[]) {
diff --git a/packages/editor-preset-vision/src/bundle/prototype.ts b/packages/editor-preset-vision/src/bundle/prototype.ts
index d842563b1..b91554240 100644
--- a/packages/editor-preset-vision/src/bundle/prototype.ts
+++ b/packages/editor-preset-vision/src/bundle/prototype.ts
@@ -209,27 +209,37 @@ function isNewSpec(options: any): options is ComponentMetadata {
 
 class Prototype {
   static addGlobalPropsReducer = addGlobalPropsReducer;
+
   static addGlobalPropsConfigure = addGlobalPropsConfigure;
+
   static addGlobalExtraActions = addGlobalExtraActions;
+
   static removeGlobalPropsConfigure = removeGlobalPropsConfigure;
+
   static overridePropsConfigure = overridePropsConfigure;
-  static create(config: OldPrototypeConfig | ComponentMetadata | ComponentMeta, extraConfigs: any = null, lookup: boolean = false) {
+
+  static create(config: OldPrototypeConfig | ComponentMetadata | ComponentMeta, extraConfigs: any = null, lookup = false) {
     return new Prototype(config, extraConfigs, lookup);
   }
 
   readonly isPrototype = true;
+
   readonly meta: ComponentMeta;
+
   readonly options: OldPrototypeConfig | ComponentMetadata;
+
   get componentName() {
     return this.getId();
   }
+
   get packageName() {
     return this.meta.npm?.package;
   }
+
   // 兼容原 vision 用法
   view: ComponentType | undefined;
 
-  constructor(input: OldPrototypeConfig | ComponentMetadata | ComponentMeta, extraConfigs: any = null, lookup: boolean = false) {
+  constructor(input: OldPrototypeConfig | ComponentMetadata | ComponentMeta, extraConfigs: any = null, lookup = false) {
     if (lookup) {
       this.meta = designer.getComponentMeta(input.componentName);
       this.options = this.meta.getMetadata();
@@ -283,6 +293,7 @@ class Prototype {
   }
 
   private category?: string;
+
   getCategory() {
     if (this.options.category != null) {
       return this.options.category;
diff --git a/packages/editor-preset-vision/src/bundle/trunk.ts b/packages/editor-preset-vision/src/bundle/trunk.ts
index e452a8b6e..5144275ad 100644
--- a/packages/editor-preset-vision/src/bundle/trunk.ts
+++ b/packages/editor-preset-vision/src/bundle/trunk.ts
@@ -8,8 +8,11 @@ import Prototype from './prototype';
 
 export class Trunk {
   private trunk: any[] = [];
+
   private emitter: EventEmitter = new EventEmitter();
+
   private metaBundle = new Bundle();
+
   private componentPrototypeMocker: any;
 
   isReady() {
@@ -123,7 +126,7 @@ export class Trunk {
     console.warn('Trunk.setPackages is deprecated');
   }
 
-  getSetter(type: string): any{
+  getSetter(type: string): any {
     const setter = getSetter(type);
     if (setter?.component) {
       return setter.component;
diff --git a/packages/editor-preset-vision/src/bundle/upgrade-metadata.ts b/packages/editor-preset-vision/src/bundle/upgrade-metadata.ts
index c03b7f82e..b0931d6ca 100644
--- a/packages/editor-preset-vision/src/bundle/upgrade-metadata.ts
+++ b/packages/editor-preset-vision/src/bundle/upgrade-metadata.ts
@@ -308,7 +308,7 @@ export function upgradePropConfig(config: OldPropConfig, collector: ConfigCollec
         autorun: (field: Field) => {
           let fieldValue = untracked(() => field.getValue());
           if (accessor) {
-            fieldValue = accessor.call(field, fieldValue)
+            fieldValue = accessor.call(field, fieldValue);
           }
           if (sync) {
             fieldValue = sync.call(field, fieldValue);
@@ -318,7 +318,7 @@ export function upgradePropConfig(config: OldPropConfig, collector: ConfigCollec
           } else {
             field.setValue(fieldValue);
           }
-        }
+        },
       });
     }
 
@@ -366,8 +366,7 @@ export function upgradePropConfig(config: OldPropConfig, collector: ConfigCollec
         let disabledValue: boolean;
         if (typeof disabled === 'function') {
           disabledValue = disabled.call(field, currentValue) === true;
-        }
-        else {
+        } else {
           disabledValue = disabled === true;
         }
         if (disabledValue) {
@@ -377,7 +376,7 @@ export function upgradePropConfig(config: OldPropConfig, collector: ConfigCollec
           return ignore.call(field, currentValue) !== true;
         }
         return ignore !== true;
-      }
+      },
     });
   }
 
@@ -437,8 +436,7 @@ export function upgradePropConfig(config: OldPropConfig, collector: ConfigCollec
               autorun: item.autorun,
             });
           },
-        },
-      )
+        })
       : [];
     newConfig.items = objItems;
 
@@ -475,8 +473,8 @@ export function upgradePropConfig(config: OldPropConfig, collector: ConfigCollec
           componentName: setter,
           condition: condition
             ? (field: Field) => {
-                return condition.call(field, field.getValue());
-              }
+              return condition.call(field, field.getValue());
+            }
             : null,
         };
       });
@@ -520,11 +518,11 @@ type ConfigCollector = {
   addInitial: AddInitial;
   addFilter: AddFilter;
   addAutorun: AddAutorun;
-}
+};
 
 function getInitialFromSetter(setter: any) {
   return setter && (
-      setter.initial || setter.Initial
+    setter.initial || setter.Initial
       || (setter.type && (setter.type.initial || setter.type.Initial))
     ) || null; // eslint-disable-line
 }
@@ -719,8 +717,8 @@ export function upgradeMetadata(oldConfig: OldPrototypeConfig) {
     experimental.initialChildren =
       typeof initialChildren === 'function'
         ? (node: any) => {
-            return initialChildren.call(node, node.settingEntry);
-          }
+          return initialChildren.call(node, node.settingEntry);
+        }
         : initialChildren;
   }
   if (view) {
@@ -796,9 +794,8 @@ export function upgradeMetadata(oldConfig: OldPrototypeConfig) {
       },
       addAutorun: (item) => {
         autoruns.push(item);
-      }
-    }
-  );
+      },
+    });
   experimental.initials = initials;
   experimental.filters = filters;
   experimental.autoruns = autoruns;
diff --git a/packages/editor-preset-vision/src/components/index.tsx b/packages/editor-preset-vision/src/components/index.tsx
index f32681dd0..77e24d70b 100644
--- a/packages/editor-preset-vision/src/components/index.tsx
+++ b/packages/editor-preset-vision/src/components/index.tsx
@@ -48,16 +48,19 @@ export class InstanceNodeSelector extends React.Component<IProps, IState> {
       node.select();
     }
   };
+
   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) => {
     const nodes = this.state.parentNodes || [];
     const children = nodes.map((node, key) => {
diff --git a/packages/editor-preset-vision/src/context.ts b/packages/editor-preset-vision/src/context.ts
index 47a6917a4..d9171c07b 100644
--- a/packages/editor-preset-vision/src/context.ts
+++ b/packages/editor-preset-vision/src/context.ts
@@ -15,7 +15,9 @@ export type SetterProvider = (prop: any, componentPrototype: Prototype) => Compo
 
 export class VisualEngineContext {
   private managerMap: { [name: string]: VisualManager } = {};
+
   private moduleMap: { [name: string]: any } = {};
+
   private pluginsMap: { [name: string]: any } = {};
 
   use(pluginName: string, plugin: any) {
@@ -43,7 +45,9 @@ export class VisualEngineContext {
   }
 
   registerManager(managerMap?: { [name: string]: VisualManager }): this;
+
   registerManager(name: string, manager: VisualManager): this;
+
   registerManager(name?: any, manager?: VisualManager): this {
     if (name && typeof name === 'object') {
       this.managerMap = assign(this.managerMap, name);
@@ -54,7 +58,9 @@ export class VisualEngineContext {
   }
 
   registerModule(moduleMap: { [name: string]: any }): this;
+
   registerModule(name: string, module: any): this;
+
   registerModule(name?: any, module?: any): this {
     if (typeof name === 'object') {
       this.moduleMap = Object.assign({}, this.moduleMap, name);
diff --git a/packages/editor-preset-vision/src/drag-engine.ts b/packages/editor-preset-vision/src/drag-engine.ts
index c1844c38a..303e56434 100644
--- a/packages/editor-preset-vision/src/drag-engine.ts
+++ b/packages/editor-preset-vision/src/drag-engine.ts
@@ -2,7 +2,7 @@ import { designer } from './editor';
 import { DragObjectType, isNode, isDragNodeDataObject } from '@ali/lowcode-designer';
 import { isPrototype } from './bundle/prototype';
 
-const dragon = designer.dragon;
+const { dragon } = designer;
 const DragEngine = {
   from(shell: Element, boost: (e: MouseEvent) => any): any {
     return dragon.from(shell, (e) => {
diff --git a/packages/editor-preset-vision/src/editor.ts b/packages/editor-preset-vision/src/editor.ts
index a47c9eb76..96ecf7229 100644
--- a/packages/editor-preset-vision/src/editor.ts
+++ b/packages/editor-preset-vision/src/editor.ts
@@ -22,7 +22,7 @@ editor.set(Skeleton, skeleton);
 editor.set('skeleton', skeleton);
 registerDefaults();
 
-export const designer = new Designer({ editor: editor });
+export const designer = new Designer({ editor });
 editor.set(Designer, designer);
 editor.set('designer', designer);
 
@@ -142,7 +142,7 @@ designer.addPropsReducer((props: any, node: Node) => {
     return {
       ...props,
       lifeCycles: {},
-    }
+    };
   }
   return props;
 }, TransformStage.Render);
@@ -223,8 +223,8 @@ designer.addPropsReducer((props: any, node: Node) => {
 // 设计器组件样式处理
 function stylePropsReducer(props: any, node: any) {
   if (props && typeof props === 'object' && props.__style__) {
-    const cssId = '_style_pesudo_' + node.id.replace(/\$/g, '_');
-    const cssClass = '_css_pesudo_' + node.id.replace(/\$/g, '_');
+    const cssId = `_style_pesudo_${ node.id.replace(/\$/g, '_')}`;
+    const cssClass = `_css_pesudo_${ node.id.replace(/\$/g, '_')}`;
     const styleProp = props.__style__;
     appendStyleNode(props, styleProp, cssClass, cssId);
   }
@@ -235,8 +235,8 @@ function stylePropsReducer(props: any, node: any) {
     appendStyleNode(props, styleProp, cssClass, cssId);
   }
   if (props && typeof props === 'object' && props.containerStyle) {
-    const cssId = '_style_pesudo_' + node.id;
-    const cssClass = '_css_pesudo_' + node.id.replace(/\$/g, '_');
+    const cssId = `_style_pesudo_${ node.id}`;
+    const cssClass = `_css_pesudo_${ node.id.replace(/\$/g, '_')}`;
     const styleProp = props.containerStyle;
     appendStyleNode(props, styleProp, cssClass, cssId);
   }
@@ -264,7 +264,7 @@ function appendStyleNode(props: any, styleProp: any, cssClass: string, cssId: st
 
     s.appendChild(doc.createTextNode(styleProp.replace(/(\d+)rpx/g, (a, b) => {
       return `${b / 2}px`;
-    }).replace(/:root/g, '.' + cssClass)));
+    }).replace(/:root/g, `.${ cssClass}`)));
   }
 }
 designer.addPropsReducer(stylePropsReducer, TransformStage.Render);
diff --git a/packages/editor-preset-vision/src/env.ts b/packages/editor-preset-vision/src/env.ts
index 8c7eae39b..4e267ee24 100644
--- a/packages/editor-preset-vision/src/env.ts
+++ b/packages/editor-preset-vision/src/env.ts
@@ -10,6 +10,7 @@ export class Env {
   @obx.val envs: ILiteralObject = {};
 
   private emitter: EventEmitter;
+
   private featureMap: ILiteralObject;
 
   constructor() {
diff --git a/packages/editor-preset-vision/src/exchange.ts b/packages/editor-preset-vision/src/exchange.ts
index 6e1f8c13e..350ccb5fe 100644
--- a/packages/editor-preset-vision/src/exchange.ts
+++ b/packages/editor-preset-vision/src/exchange.ts
@@ -20,5 +20,5 @@ export default {
     return () => {
       // this.emitter.removeListener('intoview', func);
     };
-  }
-}
+  },
+};
diff --git a/packages/editor-preset-vision/src/fields/field.tsx b/packages/editor-preset-vision/src/fields/field.tsx
index 3fc13ea7e..ede347595 100644
--- a/packages/editor-preset-vision/src/fields/field.tsx
+++ b/packages/editor-preset-vision/src/fields/field.tsx
@@ -10,7 +10,7 @@ interface IHelpTip {
 }
 
 function splitWord(title: string): JSX.Element[] {
-  return (title || '').split('').map((w, i) => <b key={`word${i}`} className='engine-word'>{w}</b>);
+  return (title || '').split('').map((w, i) => <b key={`word${i}`} className="engine-word">{w}</b>);
 }
 
 function getFieldTitle(title: string, tip: IHelpTip, compact?: boolean, propName?: string): JSX.Element {
@@ -49,12 +49,12 @@ function getFieldTitle(title: string, tip: IHelpTip, compact?: boolean, propName
   return (
     <a
       className={className}
-      target='_blank'
-      rel='noopener noreferrer'
+      target="_blank"
+      rel="noopener noreferrer"
       href={tipUrl!}
     >
       {titleContent || (typeof title === 'object' ? '' : title)}
-      <InlineTip position='top'>{tipContent}</InlineTip>
+      <InlineTip position="top">{tipContent}</InlineTip>
     </a>
   );
 }
@@ -92,6 +92,7 @@ export default class VEField extends Component<IVEFieldProps, IVEFieldState> {
   public static displayName = 'VEField';
 
   public readonly props: IVEFieldProps;
+
   public classNames: string[] = [];
 
   public state: IVEFieldState = {
@@ -133,15 +134,15 @@ export default class VEField extends Component<IVEFieldProps, IVEFieldState> {
     }
 
     const headContent = headDIY ? this.renderHead()
-      : <div className='engine-field-head'>{this.renderHead()}</div>;
+      : <div className="engine-field-head">{this.renderHead()}</div>;
 
     return (
-      <div className={classNameList} { ...fieldProps }>
+      <div className={classNameList} {...fieldProps}>
         {headContent}
-        <div className='engine-field-body'>
+        <div className="engine-field-body">
           {this.renderBody()}
         </div>
-        <div className='engine-field-foot'>
+        <div className="engine-field-foot">
           {this.renderFoot()}
         </div>
       </div>
diff --git a/packages/editor-preset-vision/src/fields/fields.tsx b/packages/editor-preset-vision/src/fields/fields.tsx
index e106fe7f7..8f9d645c9 100644
--- a/packages/editor-preset-vision/src/fields/fields.tsx
+++ b/packages/editor-preset-vision/src/fields/fields.tsx
@@ -50,7 +50,7 @@ export class PlainField extends VEField {
     headDIY: true,
   };
 
-  public static displayName: string = 'PlainField';
+  public static displayName = 'PlainField';
 
   public renderHead(): null {
     return null;
@@ -59,6 +59,7 @@ export class PlainField extends VEField {
 
 export class InlineField extends VEField {
   public static displayName = 'InlineField';
+
   constructor(props: any) {
     super(props);
     this.classNames = ['engine-setting-field', 'engine-inline-field'];
@@ -194,15 +195,14 @@ export class PopupField extends VEField {
     return (
       <div
         className={classNameList}
-        onClick={(e) =>
-          popups.popup({
-            cancelOnBlur: true,
-            content: this.props.children,
-            position: 'left bottom',
-            showClose: true,
-            sizeFixed: true,
-            target: e.currentTarget,
-          })
+        onClick={(e) => popups.popup({
+          cancelOnBlur: true,
+          content: this.props.children,
+          position: 'left bottom',
+          showClose: true,
+          sizeFixed: true,
+          target: e.currentTarget,
+        })
         }
       >
         <span className="engine-field-title">{title}</span>
@@ -240,8 +240,11 @@ export class Stage extends Component {
   };
 
   public stage: any;
+
   public additionClassName: string;
+
   public shell: Element | null = null;
+
   private willDetach: () => any;
 
   public componentWillMount() {
@@ -294,7 +297,7 @@ export class Stage extends Component {
   }
 
   public render() {
-    const stage = this.stage;
+    const { stage } = this;
     let content = null;
     let tabs = null;
 
diff --git a/packages/editor-preset-vision/src/fields/inlinetip.tsx b/packages/editor-preset-vision/src/fields/inlinetip.tsx
index f3344b1c3..6ba0ec658 100644
--- a/packages/editor-preset-vision/src/fields/inlinetip.tsx
+++ b/packages/editor-preset-vision/src/fields/inlinetip.tsx
@@ -19,7 +19,7 @@ export default class InlineTip extends Component<InlineTipProps> {
     return (
       <div
         style={{ display: 'none' }}
-        data-role='tip'
+        data-role="tip"
         data-position={position}
         data-theme={theme}
       >
diff --git a/packages/editor-preset-vision/src/fields/settingField.tsx b/packages/editor-preset-vision/src/fields/settingField.tsx
index 4edd0c52d..3da6b8cff 100644
--- a/packages/editor-preset-vision/src/fields/settingField.tsx
+++ b/packages/editor-preset-vision/src/fields/settingField.tsx
@@ -7,8 +7,8 @@ import {
   EntryField,
   InlineField,
   PlainField,
-  PopupField
-} from "./fields";
+  PopupField,
+} from './fields';
 
 import { ComponentClass, Component, isValidElement, createElement } from 'react';
 import { createSetterContent, getSetter } from '@ali/lowcode-editor-core';
@@ -37,7 +37,7 @@ const FIELD_TYPE_MAP: any = {
   inline: InlineField,
   plain: PlainField,
   popup: PopupField,
-  tab: AccordionField
+  tab: AccordionField,
 };
 
 export class SettingField extends Component {
@@ -67,7 +67,7 @@ export class SettingField extends Component {
     const { prop, selected, addonProps } = this.props;
     const display = this.props.forceDisplay || prop.getDisplay();
 
-    if (display === "none") {
+    if (display === 'none') {
       return null;
     }
 
@@ -82,7 +82,7 @@ export class SettingField extends Component {
       prop,
       setUseVariable: () => prop.setUseVariable(!prop.isUseVariable()),
       tip: prop.getTip(),
-      title: prop.getTitle()
+      title: prop.getTitle(),
     };
 
     // 部分 Field 所需要的额外 fieldProps
@@ -90,7 +90,7 @@ export class SettingField extends Component {
     const ctx = context;
     const plugin = ctx.getPlugin(VE_HOOKS.VE_SETTING_FIELD_PROVIDER);
     let Field;
-    if (typeof plugin === "function") {
+    if (typeof plugin === 'function') {
       Field = plugin(display, FIELD_TYPE_MAP, prop);
     }
     if (!Field) {
@@ -98,7 +98,7 @@ export class SettingField extends Component {
     }
     this._prepareProps(display, extraProps);
 
-    if (display === "entry") {
+    if (display === 'entry') {
       return <Field {...{ ...standardProps, ...extraProps }} />;
     }
 
@@ -110,7 +110,7 @@ export class SettingField extends Component {
     const fieldProps = { ...standardProps, ...extraProps };
 
     if (prop.isUseVariable() && !this.variableSetter.isPopup) {
-      props.placeholder = "请输入表达式: ${var}";
+      props.placeholder = '请输入表达式: ${var}';
       props.key = `${prop.getId()}-variable`;
       setter = createElement(this.variableSetter, props);
       return <Field {...fieldProps}>{setter}</Field>;
@@ -128,20 +128,20 @@ export class SettingField extends Component {
 
     setter = prop.getSetter();
     if (
-      typeof setter === "object" &&
-      "componentName" in setter &&
+      typeof setter === 'object' &&
+      'componentName' in setter &&
       !(isValidElement(setter) || isReactClass(setter))
     ) {
       const { componentName: setterType, props: setterProps } = setter as any;
       setter = createSetterContent(setterType, {
         ...addonProps,
         ...setterProps,
-        ...props
+        ...props,
       });
     } else {
       setter = createSetterContent(setter, {
         ...addonProps,
-        ...props
+        ...props,
       });
     }
 
@@ -150,22 +150,22 @@ export class SettingField extends Component {
 
   private supportMultiSetter() {
     const { prop } = this.props;
-    const setter = prop && prop.getConfig && prop.getConfig("setter");
+    const setter = prop && prop.getConfig && prop.getConfig('setter');
     return prop.isSupportVariable() || Array.isArray(setter);
   }
 
   private _prepareProps(displayType: string, extraProps: IExtraProps): void {
     const { prop } = this.props;
     extraProps.propName = prop.isGroup()
-      ? "组合属性，无属性名称"
+      ? '组合属性，无属性名称'
       : prop.getName();
     switch (displayType) {
-      case "title":
+      case 'title':
         break;
-      case "block":
+      case 'block':
         Object.assign(extraProps, { isGroup: prop.isGroup() });
         break;
-      case "accordion":
+      case 'accordion':
         Object.assign(extraProps, {
           headDIY: true,
           isExpand: prop.isExpand(),
@@ -173,10 +173,10 @@ export class SettingField extends Component {
           onExpandChange: () => prop.onExpandChange(() => this.forceUpdate()),
           toggleExpand: () => {
             prop.toggleExpand();
-          }
+          },
         });
         break;
-      case "entry":
+      case 'entry':
         Object.assign(extraProps, { stageName: prop.getName() });
         break;
       default:
diff --git a/packages/editor-preset-vision/src/fields/variableSetter.tsx b/packages/editor-preset-vision/src/fields/variableSetter.tsx
index 51643bd16..87842967e 100644
--- a/packages/editor-preset-vision/src/fields/variableSetter.tsx
+++ b/packages/editor-preset-vision/src/fields/variableSetter.tsx
@@ -22,13 +22,14 @@ class Input extends Component {
   }
 
   private domRef: HTMLTextAreaElement | null = null;
+
   public adjustTextAreaHeight() {
     if (!this.domRef) {
       return;
     }
     this.domRef.style.height = '1px';
     const calculatedHeight = this.domRef.scrollHeight;
-    this.domRef.style.height = calculatedHeight >= 200 ? '200px' : calculatedHeight + 'px';
+    this.domRef.style.height = calculatedHeight >= 200 ? '200px' : `${calculatedHeight }px`;
   }
 
   public render() {
@@ -50,7 +51,7 @@ class Input extends Component {
           onBlur={() => this.setState({ focused: false })}
           onFocus={() => this.setState({ focused: true })}
           onKeyUp={this.adjustTextAreaHeight.bind(this)}
-        ></textarea>
+        />
       </div>
     );
   }
@@ -73,7 +74,7 @@ export default class VariableSetter extends Component<{
   }
 
   public render() {
-    const prop = this.props.prop;
+    const { prop } = this.props;
     return (
       <Input
         value={prop.getVariableValue()}
diff --git a/packages/editor-preset-vision/src/fields/variableSwitcher.tsx b/packages/editor-preset-vision/src/fields/variableSwitcher.tsx
index 146ad7502..cf060433b 100644
--- a/packages/editor-preset-vision/src/fields/variableSwitcher.tsx
+++ b/packages/editor-preset-vision/src/fields/variableSwitcher.tsx
@@ -11,6 +11,7 @@ interface IState {
 
 export default class VariableSwitcher extends Component<IVEFieldProps, IState> {
   private ref: HTMLElement | null = null;
+
   private VariableSetter: any;
 
   constructor(props: IVEFieldProps) {
@@ -34,9 +35,9 @@ export default class VariableSwitcher extends Component<IVEFieldProps, IState> {
     return (
       <div>
         <Icons.Tip
-          name='var'
-          size='24px'
-          position='bottom center'
+          name="var"
+          size="24px"
+          position="bottom center"
           className={`engine-field-variable-switcher ${isUseVariable ? 'engine-active' : ''}`}
           data-tip={tip}
           onClick={(e: Event) => {
@@ -48,7 +49,8 @@ export default class VariableSwitcher extends Component<IVEFieldProps, IState> {
             } else {
               prop.setUseVariable(!isUseVariable);
             }
-          }}>
+          }}
+        >
           绑定变量
         </Icons.Tip>
       </div>
diff --git a/packages/editor-preset-vision/src/flags.ts b/packages/editor-preset-vision/src/flags.ts
index 5e6174ff0..5c5aefec3 100644
--- a/packages/editor-preset-vision/src/flags.ts
+++ b/packages/editor-preset-vision/src/flags.ts
@@ -5,11 +5,14 @@ import { EventEmitter } from 'events';
 const Shells = ['iphone6'];
 
 export class Flags {
-
   public emitter: EventEmitter;
+
   public flags: string[];
+
   public ready: boolean;
+
   public lastFlags: string[];
+
   public lastShell: string;
 
   private lastSimulatorDevice: string;
diff --git a/packages/editor-preset-vision/src/i18n-util/index.js b/packages/editor-preset-vision/src/i18n-util/index.js
index 06bd973ac..f5d6d2cba 100644
--- a/packages/editor-preset-vision/src/i18n-util/index.js
+++ b/packages/editor-preset-vision/src/i18n-util/index.js
@@ -20,7 +20,7 @@ class DocItem {
       type: 'i18n',
       ...strings,
     });
-    this.emitter = new EventEmitter;
+    this.emitter = new EventEmitter();
     this.inited = unInitial !== true;
   }
 
@@ -69,7 +69,7 @@ class DocItem {
 
 class I18nUtil {
   constructor() {
-    this.emitter = new EventEmitter;
+    this.emitter = new EventEmitter();
     // original data source from remote
     this.i18nData = {};
     // current i18n records on the left pane
diff --git a/packages/editor-preset-vision/src/index.ts b/packages/editor-preset-vision/src/index.ts
index 358ced1fe..30a3ddef1 100644
--- a/packages/editor-preset-vision/src/index.ts
+++ b/packages/editor-preset-vision/src/index.ts
@@ -8,7 +8,7 @@ import { hotkey as Hotkey, monitor } from '@ali/lowcode-editor-core';
 import { createElement } from 'react';
 import { VE_EVENTS as EVENTS, VE_HOOKS as HOOKS, VERSION as Version } from './base/const';
 import Bus from './bus';
-import { skeleton } from './editor';
+import { skeleton, designer, editor } from './editor';
 import { Workbench } from '@ali/lowcode-editor-skeleton';
 import Panes from './panes';
 import Exchange from './exchange';
@@ -24,7 +24,7 @@ import Env from './env';
 import DragEngine from './drag-engine';
 import Viewport from './viewport';
 import Project from './project';
-import { designer, editor } from './editor';
+
 import Symbols from './symbols';
 
 import './vision.less';
@@ -162,6 +162,6 @@ const version = '6.0.0(LowcodeEngine 0.9.3)';
 
 console.log(
   `%c VisionEngine %c v${version} `,
-  "padding: 2px 1px; border-radius: 3px 0 0 3px; color: #fff; background: #606060;font-weight:bold;",
-  "padding: 2px 1px; border-radius: 0 3px 3px 0; color: #fff; background: #42c02e;font-weight:bold;"
+  'padding: 2px 1px; border-radius: 3px 0 0 3px; color: #fff; background: #606060;font-weight:bold;',
+  'padding: 2px 1px; border-radius: 0 3px 3px 0; color: #fff; background: #42c02e;font-weight:bold;',
 );
diff --git a/packages/editor-preset-vision/src/panes.ts b/packages/editor-preset-vision/src/panes.ts
index 592e1f7c2..8c0776cab 100644
--- a/packages/editor-preset-vision/src/panes.ts
+++ b/packages/editor-preset-vision/src/panes.ts
@@ -25,12 +25,12 @@ export interface OldPaneConfig {
   place?: string; // align: left|right|top|center|bottom
   description?: string; // tip?
   tip?:
-    | string
-    | {
-        // as help tip
-        url?: string;
-        content?: string | JSX.Element;
-      }; // help
+  | string
+  | {
+    // as help tip
+    url?: string;
+    content?: string | JSX.Element;
+  }; // help
 
   init?: () => any;
   destroy?: () => any;
diff --git a/packages/editor-preset-vision/src/prop.ts b/packages/editor-preset-vision/src/prop.ts
index 8d9abdfbf..5ead648cf 100644
--- a/packages/editor-preset-vision/src/prop.ts
+++ b/packages/editor-preset-vision/src/prop.ts
@@ -54,7 +54,6 @@ export interface IVariableSettable {
 }
 
 export default class Prop implements IVariableSettable {
-
   /**
    * Setters predefined as default options
    * can by selected by user for every prop
@@ -65,20 +64,27 @@ export default class Prop implements IVariableSettable {
   public static INSET_SETTER = {};
 
   public id: string;
+
   public emitter: EventEmitter;
 
   public inited: boolean;
+
   public i18nLink: any;
+
   public loopLock: boolean;
 
   public props: any;
+
   public parent: any;
 
   public config: IPropConfig;
+
   public initial: any;
+
   public initialData: any;
 
   public expanded: boolean;
+
   public useVariable?: boolean;
 
   /**
@@ -86,18 +92,24 @@ export default class Prop implements IVariableSettable {
    * prototype.js can config Transducer.toNative to generate value
    */
   public value: any;
+
   /**
    * value to be used in VisualDesigner more flexible
    * prototype.js can config Transducer.toHot to generate hotValue
    */
   public hotValue: any;
+
   /**
    * 启用变量之后，变量表达式字符串值
    */
   public variableValue: string;
+
   public hotData: IMMap<string, IHotDataMap>;
+
   public defaultValue: any;
+
   public transducer: any;
+
   public inGroup: boolean;
 
   constructor(parent: any, config: IPropConfig, data?: any) {
@@ -263,7 +275,7 @@ export default class Prop implements IVariableSettable {
   public getValue(disableCache?: boolean, options?: {
     disableAccessor?: boolean;
   }) {
-    const accessor = this.config.accessor;
+    const { accessor } = this.config;
     if (accessor && (!options || !options.disableAccessor)) {
       const value = accessor.call(this as any, this.value);
       if (!disableCache) {
@@ -313,7 +325,7 @@ export default class Prop implements IVariableSettable {
       return;
     }
 
-    const sync = this.config.sync;
+    const { sync } = this.config;
     if (sync) {
       const value = sync.call(this as any, this.getValue(true));
       if (value !== undefined) {
@@ -356,7 +368,7 @@ export default class Prop implements IVariableSettable {
     }
   }
 
-  public setUseVariable(flag: boolean = false) {
+  public setUseVariable(flag = false) {
     if (this.useVariable === flag) { return; }
 
     const state = this.props.chainReach(this);
@@ -412,7 +424,7 @@ export default class Prop implements IVariableSettable {
 
     this.i18nLink = I18nUtil.attach(this, this.value, ((val: any) => this.setValue(val, false, true)) as any);
 
-    const mutator = this.config.mutator;
+    const { mutator } = this.config;
 
     if (!extraOptions) {
       extraOptions = {};
@@ -484,7 +496,7 @@ export default class Prop implements IVariableSettable {
     this.resolveValue();
 
     if (!options || !options.disableMutator) {
-      const mutator = this.config.mutator;
+      const { mutator } = this.config;
       if (mutator) {
         mutator.call(this as any, value);
       }
@@ -511,7 +523,7 @@ export default class Prop implements IVariableSettable {
       return true;
     }
 
-    let hidden = this.config.hidden;
+    let { hidden } = this.config;
     if (typeof hidden === 'function') {
       hidden = hidden.call(this as any, this.getValue());
     }
@@ -519,7 +531,7 @@ export default class Prop implements IVariableSettable {
   }
 
   public isDisabled() {
-    let disabled = this.config.disabled;
+    let { disabled } = this.config;
     if (typeof disabled === 'function') {
       disabled = disabled.call(this as any, this.getValue());
     }
@@ -529,7 +541,7 @@ export default class Prop implements IVariableSettable {
   public isIgnore() {
     if (this.isDisabled()) { return true; }
 
-    let ignore = this.config.ignore;
+    let { ignore } = this.config;
     if (typeof ignore === 'function') {
       ignore = ignore.call(this as any, this.getValue());
     }
diff --git a/packages/editor-preset-vision/src/rootNodeVisitor.ts b/packages/editor-preset-vision/src/rootNodeVisitor.ts
index 811aa5fd7..266ff7930 100644
--- a/packages/editor-preset-vision/src/rootNodeVisitor.ts
+++ b/packages/editor-preset-vision/src/rootNodeVisitor.ts
@@ -9,11 +9,15 @@ import { DocumentModel, Node, Root } from '@ali/lowcode-designer';
  */
 export default class RootNodeVisitor {
   public nodeIdMap: {[id: string]: Node} = {};
+
   public nodeFieldIdMap: {[fieldId: string]: Node} = {};
+
   public nodeList: Node[] = [];
 
   private page: DocumentModel;
+
   private root: RootNode;
+
   private cancelers: Function[] = [];
 
   constructor(page: DocumentModel, rootNode: RootNode) {
diff --git a/packages/editor-preset-vision/src/vc-live-editing.ts b/packages/editor-preset-vision/src/vc-live-editing.ts
index 3a03161a6..59cceb655 100644
--- a/packages/editor-preset-vision/src/vc-live-editing.ts
+++ b/packages/editor-preset-vision/src/vc-live-editing.ts
@@ -52,7 +52,7 @@ export function liveEditingRule(target: EditingTarget) {
     return null;
   }
 
-  const innerText = targetElement.innerText;
+  const { innerText } = targetElement;
   const propTarget = ['title', 'label', 'text', 'content'].find(prop => {
     return equalText(getText(node, prop), innerText);
   });
@@ -71,7 +71,7 @@ function equalText(v: any, innerText: string) {
   if (typeof v !== 'string') {
     return false;
   }
-  return v.trim() === innerText
+  return v.trim() === innerText;
 }
 
 export const liveEditingSaveHander: SaveHandler = {
@@ -108,8 +108,8 @@ export const liveEditingSaveHander: SaveHandler = {
     } else {
       prop.setValue(data);
     }
-  }
-}
+  },
+};
 // TODO:
 // 非文本编辑
 //  国际化数据，改变当前
diff --git a/packages/editor-preset-vision/src/viewport.ts b/packages/editor-preset-vision/src/viewport.ts
index 9745e9ee9..da943bed1 100644
--- a/packages/editor-preset-vision/src/viewport.ts
+++ b/packages/editor-preset-vision/src/viewport.ts
@@ -1,9 +1,9 @@
 import { EventEmitter } from 'events';
-
-const domReady = require('domready');
 import Flags from './flags';
 import { designer } from './editor';
 
+const domReady = require('domready');
+
 function enterFullscreen() {
   const elem = document.documentElement;
   if (elem.requestFullscreen) {
@@ -29,8 +29,11 @@ interface IStyleResourceConfig {
 
 class StyleResource {
   config: IStyleResourceConfig;
+
   styleElement: HTMLStyleElement;
+
   mounted: boolean;
+
   inited: boolean;
 
   constructor(config: IStyleResourceConfig) {
@@ -38,7 +41,7 @@ class StyleResource {
   }
 
   matchDevice(device: string) {
-    const media = this.config.media;
+    const { media } = this.config;
 
     if (!media || media === 'ALL' || media === '*') {
       return true;
@@ -94,11 +97,17 @@ class StyleResource {
 
 export class Viewport {
   preview: boolean;
+
   focused: boolean;
+
   slateFixed: boolean;
+
   emitter: EventEmitter;
+
   device: string;
+
   focusTarget: any;
+
   cssResourceSet: StyleResource[];
 
   constructor() {
diff --git a/packages/editor-setters/src/color-setter/index.tsx b/packages/editor-setters/src/color-setter/index.tsx
index 1ae6ada64..2415e8935 100644
--- a/packages/editor-setters/src/color-setter/index.tsx
+++ b/packages/editor-setters/src/color-setter/index.tsx
@@ -16,20 +16,24 @@ export interface PluginProps {
 
 export default class ColorPickerView extends PureComponent<PluginProps> {
   static display = 'ColorPicker';
+
   static propTypes = {
     onChange: PropTypes.func,
     value: PropTypes.string,
   };
+
   static defaultProps = {
     onChange: () => {},
     value: '',
   };
+
   constructor(props: Readonly<{ value: string; defaultValue: string }>) {
     super(props);
     this.state = {
       value: props.value || props.defaultValue,
     };
   }
+
   static getDerivedStateFromProps(props: { value: string }, state: { preValue: string }) {
     if (props.value != state.preValue) {
       return {
@@ -39,10 +43,11 @@ export default class ColorPickerView extends PureComponent<PluginProps> {
     }
     return null;
   }
+
   onChangeComplete = (color: Color): void => {
     let value;
     if (color.rgb.a < 1) {
-      const rgb = color.rgb;
+      const { rgb } = color;
       const rgba = [rgb.r, rgb.g, rgb.b, rgb.a];
       value = `rgba(${rgba.join(',')})`;
     } else {
@@ -53,13 +58,15 @@ export default class ColorPickerView extends PureComponent<PluginProps> {
     });
     this.props.onChange && this.props.onChange(value);
   };
+
   onInputChange = (value: string): void => {
-    if (/^[0-9a-zA-Z]{6}$/.test(value)) value = '#' + value;
+    if (/^[0-9a-zA-Z]{6}$/.test(value)) value = `#${ value}`;
     this.setState({
       value,
     });
     this.props.onChange && this.props.onChange(value);
   };
+
   render(): React.ReactNode {
     const { value, onChange, ...restProps } = this.props;
     const boxStyle = {
@@ -74,13 +81,13 @@ export default class ColorPickerView extends PureComponent<PluginProps> {
       <Balloon
         className={'lowcode-color-content'}
         trigger={triggerNode}
-        needAdjust={true}
+        needAdjust
         triggerType="click"
         closable={false}
         alignEdge="edge"
         offset={[-3, -6]}
       >
-        <SketchPicker onChangeComplete={this.onChangeComplete} color={this.state.value} arrowPointAtCenter={true} />
+        <SketchPicker onChangeComplete={this.onChangeComplete} color={this.state.value} arrowPointAtCenter />
       </Balloon>
     );
     return (
diff --git a/packages/editor-setters/src/events-setter/index.tsx b/packages/editor-setters/src/events-setter/index.tsx
index cf6b78a9f..b0d806ecb 100644
--- a/packages/editor-setters/src/events-setter/index.tsx
+++ b/packages/editor-setters/src/events-setter/index.tsx
@@ -1,9 +1,10 @@
-import { Component, isValidElement, ReactElement, ReactNode } from 'react';
-import { Radio, Menu, Table, Icon, Dialog } from '@alifd/next';
+import { Component } from 'react';
+import { Radio, Menu, Table, Icon } from '@alifd/next';
 import nativeEvents from './native-events';
 
 import './index.scss';
-const { SubMenu, Item, Group, Divider } = Menu;
+
+const { Item, Group } = Menu;
 const RadioGroup = Radio.Group;
 
 const EVENT_CONTENTS = {
@@ -18,21 +19,19 @@ const DEFINITION_EVENT_TYPE = {
   LIFE_CYCLE_EVENT: 'lifeCycleEvent',
 };
 
-const SETTER_NAME = 'event-setter'
+const SETTER_NAME = 'event-setter';
 
 export default class EventsSetter extends Component<{
   value: any[];
   onChange: (eventList: any[]) => void;
 }> {
   state = {
-    showEventList: false,
     eventBtns: [],
     eventList: [],
     selectType: null,
     nativeEventList: [],
     lifeCycleEventList: [],
     eventDataList: (this.props?.value?.eventDataList ? this.props.value.eventDataList : this.props?.value) || [],
-    relatedEventName: '',
   };
 
   // constructor (){
@@ -57,19 +56,17 @@ export default class EventsSetter extends Component<{
   //   return null;
   // }
 
-  private bindEventName:String;
+  private bindEventName: string;
 
   componentDidMount() {
-
     console.log(this.state.eventDataList);
 
-    const {editor} = this.props.field;
+    const { editor } = this.props.field;
     this.initEventBtns();
     this.initEventList();
-    editor.on(`${SETTER_NAME}.bindEvent`,(relatedEventName,paramStr)=>{
-      this.bindEvent(relatedEventName,paramStr);
-    })
-
+    editor.on(`${SETTER_NAME}.bindEvent`, (relatedEventName, paramStr) => {
+      this.bindEvent(relatedEventName, paramStr);
+    });
   }
 
   /**
@@ -88,6 +85,8 @@ export default class EventsSetter extends Component<{
       if (item.type === DEFINITION_EVENT_TYPE.EVENTS) {
         isCustom = true;
       }
+
+      return item;
     });
 
     if (isRoot) {
@@ -146,6 +145,8 @@ export default class EventsSetter extends Component<{
           lifeCycleEventList: item.list,
         });
       }
+
+      return item;
     });
 
     if (nativeEventList.length == 0) {
@@ -156,7 +157,7 @@ export default class EventsSetter extends Component<{
     }
   }
 
-  checkEventListStatus = (eventList: Array, eventType: String) => {
+  checkEventListStatus = (eventList: any[], eventType: string) => {
     const { eventDataList } = this.state;
     if (
       eventType === DEFINITION_EVENT_TYPE.EVENTS ||
@@ -168,7 +169,11 @@ export default class EventsSetter extends Component<{
           if (item.name === eventDataItem.name) {
             item.disabled = true;
           }
+
+          return eventDataItem;
         });
+
+        return item;
       });
     } else if (eventType === DEFINITION_EVENT_TYPE.NATIVE_EVENTS) {
       eventDataList.map(eventDataItem => {
@@ -179,8 +184,12 @@ export default class EventsSetter extends Component<{
             } else {
               item.disabled = false;
             }
+            return eventItem;
           });
+          return item;
         });
+
+        return eventDataItem;
       });
     }
   };
@@ -205,7 +214,7 @@ export default class EventsSetter extends Component<{
         </div>
         <div className="event-cell" style={{ marginTop: '8px' }}>
           <Icon type="attachment" size="small" className="related-icon" />
-          <span className="related-event-name" onClick={()=>this.onRelatedEventNameClick(record.relatedEventName)}>
+          <span className="related-event-name" onClick={() => this.onRelatedEventNameClick(record.relatedEventName)}>
             {record.relatedEventName || ''}
           </span>
         </div>
@@ -216,7 +225,7 @@ export default class EventsSetter extends Component<{
   /**
    * 渲染事件操作项
    */
-  renderEventOperateCell = (eventName: String) => {
+  renderEventOperateCell = (eventName: string) => {
     return (
       <div>
         <Icon
@@ -234,18 +243,20 @@ export default class EventsSetter extends Component<{
     );
   };
 
-  updateEventListStatus = (eventName: String, unDisabled: boolean) => {
+  updateEventListStatus = (eventName: string, unDisabled: boolean) => {
     const { eventList, nativeEventList, lifeCycleEventList } = this.state;
     eventList.map(item => {
       if (item.name === eventName) {
         item.disabled = !unDisabled;
       }
+      return item;
     });
 
     lifeCycleEventList.map(item => {
       if (item.name === eventName) {
         item.disabled = !unDisabled;
       }
+      return item;
     });
 
     nativeEventList.map(item => {
@@ -253,7 +264,10 @@ export default class EventsSetter extends Component<{
         if (itemData.name === eventName) {
           itemData.disabled = !unDisabled;
         }
+        return itemData;
       });
+
+      return item;
     });
   };
 
@@ -264,8 +278,7 @@ export default class EventsSetter extends Component<{
   };
 
 
-
-  onEventMenuClick = (eventName: String) => {
+  onEventMenuClick = (eventName: string) => {
     const { selectType, eventDataList } = this.state;
     eventDataList.push({
       type: selectType,
@@ -281,22 +294,22 @@ export default class EventsSetter extends Component<{
     this.openDialog(eventName);
   };
 
-  onRelatedEventNameClick = (eventName:String) => {
-    const {editor} =  this.props.field;
+  onRelatedEventNameClick = (eventName: string) => {
+    const { editor } = this.props.field;
 
     editor.get('skeleton').getPanel('sourceEditor').show();
 
-    setTimeout(()=>{
-      editor.emit('sourceEditor.focusByFunction',{
-        functionName:eventName
-      })
-    },300)
+    setTimeout(() => {
+      editor.emit('sourceEditor.focusByFunction', {
+        functionName: eventName,
+      });
+    }, 300);
 
 
     // editor.emit('sourceEditor.focusByFunction',{
     //   functionName:eventName
     // })
-  }
+  };
 
   closeEventMenu = () => {
     if (this.state.selectType !== null) {
@@ -306,7 +319,7 @@ export default class EventsSetter extends Component<{
     }
   };
 
-  openDeleteEventDialog = (eventName: String) => {
+  openDeleteEventDialog = (eventName: string) => {
     this.deleteEvent(eventName);
     // Dialog.confirm({
     //   title: '删除事件',
@@ -315,54 +328,59 @@ export default class EventsSetter extends Component<{
     // });
   };
 
-  deleteEvent = (eventName: String) => {
-    const { eventDataList,eventList} = this.state;
+  deleteEvent = (eventName: string) => {
+    const { eventDataList, eventList } = this.state;
     eventDataList.map((item, index) => {
       if (item.name === eventName) {
         eventDataList.splice(index, 1);
       }
+
+      return item;
     });
 
     this.setState({
       eventDataList,
     });
-    this.props.onChange({eventDataList,eventList});
+    this.props.onChange({ eventDataList, eventList });
     this.updateEventListStatus(eventName, true);
   };
 
-  openDialog = (bindEventName: String) => {
-    const {editor} = this.props.field;
-    const {eventDataList} = this.state;
+  openDialog = (bindEventName: string) => {
+    const { editor } = this.props.field;
+    const { eventDataList } = this.state;
     let paramStr;
-    eventDataList.map((item)=>{
-      if (item.name == bindEventName){
+    eventDataList.map((item) => {
+      if (item.name == bindEventName) {
         paramStr = item.paramStr;
       }
-    })
+      return item;
+    });
     this.bindEventName = bindEventName;
-    editor.emit('eventBindDialog.openDialog',bindEventName,SETTER_NAME,paramStr);
+    editor.emit('eventBindDialog.openDialog', bindEventName, SETTER_NAME, paramStr);
   };
 
 
-  bindEvent = (relatedEventName: String,paramStr:String) => {
-    const {eventDataList,eventList} = this.state;
+  bindEvent = (relatedEventName: string, paramStr: string) => {
+    const { eventDataList, eventList } = this.state;
     eventDataList.map(item => {
       if (item.name === this.bindEventName) {
         item.relatedEventName = relatedEventName;
-        if (paramStr){
-          item.paramStr = paramStr
+        if (paramStr) {
+          item.paramStr = paramStr;
         }
       }
+
+      return item;
     });
 
     this.setState({
-      eventDataList
-    })
+      eventDataList,
+    });
 
 
-    this.props.onChange({eventDataList,eventList});
+    this.props.onChange({ eventDataList, eventList });
 
-    //this.closeDialog();
+    // this.closeDialog();
   };
 
   render() {
@@ -374,15 +392,14 @@ export default class EventsSetter extends Component<{
       selectType,
       eventDataList,
     } = this.state;
-    const {editor} = this.props.field;
-    let showEventList =
+    const showEventList =
       lifeCycleEventList.length > 0 ? lifeCycleEventList : eventList;
     return (
       <div className="lc-block-setter event-body" onClick={this.closeEventMenu}>
 
         <div className="event-title">
           {
-             eventBtns.length>1 ?<span>点击选择事件类型</span>:<span>点击绑定事件</span>
+            eventBtns.length > 1 ? <span>点击选择事件类型</span> : <span>点击绑定事件</span>
           }
         </div>
 
@@ -400,7 +417,7 @@ export default class EventsSetter extends Component<{
             className="event-menu"
             onItemClick={this.onEventMenuClick}
           >
-            {showEventList.map((item, index) => (
+            {showEventList.map((item) => (
               <Item
                 key={item.name}
                 helper={item.description}
@@ -420,9 +437,9 @@ export default class EventsSetter extends Component<{
           >
             {nativeEventList.map((item, index) => (
               <Group label={item.name} key={index}>
-                {item.eventList.map(item => (
-                  <Item key={item.name} disabled={item.disabled}>
-                    {item.name}
+                {item.eventList.map(groupItem => (
+                  <Item key={groupItem.name} disabled={groupItem.disabled}>
+                    {groupItem.name}
                   </Item>
                 ))}
               </Group>
diff --git a/packages/editor-setters/src/expression-setter/index.tsx b/packages/editor-setters/src/expression-setter/index.tsx
index 94b9a824e..d1df5ea1f 100644
--- a/packages/editor-setters/src/expression-setter/index.tsx
+++ b/packages/editor-setters/src/expression-setter/index.tsx
@@ -1,6 +1,6 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
-import { Select, Balloon, Icon } from '@alife/next';
+import { Select, Balloon } from '@alife/next';
 import * as acorn from 'acorn';
 
 import { isJSExpression, generateI18n } from './locale/utils';
@@ -12,15 +12,15 @@ const { Option, AutoComplete } = Select;
 const { Tooltip } = Balloon;
 const helpMap = {
   this: '容器上下文对象',
-  'state': '容器的state',
-  'props': '容器的props',
-  'context': '容器的context',
-  'schema': '页面上下文对象',
-  'component': '组件上下文对象',
-  'constants': '应用常量对象',
-  'utils': '应用工具对象',
-  'dataSourceMap': '容器数据源Map',
-  'field': '表单Field对象'
+  state: '容器的state',
+  props: '容器的props',
+  context: '容器的context',
+  schema: '页面上下文对象',
+  component: '组件上下文对象',
+  constants: '应用常量对象',
+  utils: '应用工具对象',
+  dataSourceMap: '容器数据源Map',
+  field: '表单Field对象',
 };
 
 export default class ExpressionView extends PureComponent {
@@ -68,13 +68,12 @@ export default class ExpressionView extends PureComponent {
     return val;
   }
 
-  constructor(props: Readonly<{}>) {
+  constructor(props: any) {
     super(props);
     this.expression = React.createRef();
     this.i18n = generateI18n(props.locale, props.messages);
     this.state = {
       value: ExpressionView.getInitValue(props.value),
-      context: props.context || {},
       dataSource: props.dataSource || [],
     };
   }
@@ -126,31 +125,15 @@ export default class ExpressionView extends PureComponent {
    * @param  {String}
    * @return {Array}
    */
-  getDataSource(tempStr: string): any[] {
-    const {editor} = this.props.field;
+  getDataSource(): any[] {
+    const { editor } = this.props.field;
     const schema = editor.get('designer').project.getSchema();
     const stateMap = schema.componentsTree[0].state;
-    let dataSource = [];
+    const dataSource = [];
 
-    for (let key in stateMap){
+    for (const key in stateMap) {
       dataSource.push(`this.state.${key}`);
     }
-    // if (/[^\w\.]$/.test(tempStr)) {
-    //   return [];
-    // } else if (tempStr === null || tempStr === '') {
-    //   return this.getContextKeys([]);
-    // } else if (/\w\.$/.test(tempStr)) {
-    //   const currentField = this.getCurrentFiled(tempStr);
-    //   if (!currentField) return null;
-    //   let tempKeys = this.getObjectKeys(currentField.str);
-    //   tempKeys = this.getContextKeys(tempKeys);
-    //   if (!tempKeys) return null;
-    //   return tempKeys;
-    // } else if (/\.$/.test(tempStr)) {
-    //   return [];
-    // } else {
-    //   return null;
-    // }
 
     return dataSource;
   }
@@ -283,12 +266,11 @@ export default class ExpressionView extends PureComponent {
                   innerBefore={<span style={{ color: '#999', marginLeft: 4 }}>{'{{'}</span>}
                   innerAfter={<span style={{ color: '#999', marginRight: 4 }}>{'}}'}</span>}
                   popupClassName="expression-setter-item-inner"
-                  itemRender={({ value }) => {
-                    console.log('111:'+value);
+                  itemRender={({ itemValue }) => {
                     return (
-                      <Option key={value} text={value} value={value}>
-                        <div className="code-input-value">{value}</div>
-                        <div className="code-input-help">{helpMap[value]}</div>
+                      <Option key={itemValue} text={itemValue} value={itemValue}>
+                        <div className="code-input-value">{itemValue}</div>
+                        <div className="code-input-help">{helpMap[itemValue]}</div>
                       </Option>
                     );
                   }}
@@ -312,6 +294,7 @@ export default class ExpressionView extends PureComponent {
         const isMoveKey = !!(event.type == 'keyup' && ~[37, 38, 39, 91].indexOf(event.keyCode));
         const isMouseup = event.type == 'mouseup';
         if (isMoveKey || isMouseup) {
+          // eslint-disable-next-line react/no-access-state-in-setstate
           const dataSource = this.getDataSource(this.state.value) || [];
           this.setState({
             dataSource,
diff --git a/packages/editor-setters/src/expression-setter/locale/snippets.ts b/packages/editor-setters/src/expression-setter/locale/snippets.ts
index 7c8484c4f..2bcb0dd00 100644
--- a/packages/editor-setters/src/expression-setter/locale/snippets.ts
+++ b/packages/editor-setters/src/expression-setter/locale/snippets.ts
@@ -4,21 +4,21 @@ export default [
     kind: 'Class',
     insertText: 'constants',
     detail: '应用全局常量',
-    documentation: '应用范围定义的通用常量'
+    documentation: '应用范围定义的通用常量',
   },
   {
     label: 'utils',
     kind: 'Class',
     insertText: 'utils',
     detail: '应用全局公共函数',
-    documentation: '应用范围扩展的公共函数'
+    documentation: '应用范围扩展的公共函数',
   },
   {
     label: 'state',
     kind: 'Enum',
     insertText: 'state',
     detail: '当前所在容器组件内部状态',
-    documentation: 'React Class内部状态state'
+    documentation: 'React Class内部状态state',
   },
   {
     label: 'setState',
@@ -26,7 +26,7 @@ export default [
     insertText: 'setState({\n\t$0\n})',
     insertTextRules: 'InsertAsSnippet',
     detail: '设置当前所在容器组件的state数据',
-    documentation: '原生React方法，会自动更新组件视图'
+    documentation: '原生React方法，会自动更新组件视图',
   },
   {
     label: 'reloadDataSource',
@@ -34,45 +34,45 @@ export default [
     insertText: 'reloadDataSource(${1:${2:namespace}, ${3:false}, ${4:callback}})',
     insertTextRules: 'InsertAsSnippet',
     detail: '刷新当前所在的容器组件',
-    documentation: '触发当前所在的容器组件，重新发送异步请求，并用最新数据更新视图'
+    documentation: '触发当前所在的容器组件，重新发送异步请求，并用最新数据更新视图',
   },
   {
     label: 'location',
     kind: 'Class',
     insertText: 'location',
-    detail: '路由解析对象'
+    detail: '路由解析对象',
   },
   {
     label: 'location.query',
     kind: 'Value',
     insertText: 'location.query.${1:xxxx}',
     insertTextRules: 'InsertAsSnippet',
-    detail: '从路由解析对象中获取参数信息'
+    detail: '从路由解析对象中获取参数信息',
   },
   {
     label: 'history',
     kind: 'Class',
     insertText: 'history',
-    detail: '路由历史对象'
+    detail: '路由历史对象',
   },
   {
     label: 'React',
     kind: 'Keyword',
     insertText: 'React',
-    detail: 'React对象'
+    detail: 'React对象',
   },
   {
     label: 'ReactDOM',
     kind: 'Keyword',
     insertText: 'ReactDOM',
-    detail: 'ReactDom对象'
+    detail: 'ReactDom对象',
   },
   {
     label: 'ReactDOM.findDOMNode',
     kind: 'Function',
     insertText: 'ReactDOM.findDOMNode(${1:this.refs.xxxx})',
     insertTextRules: 'InsertAsSnippet',
-    detail: 'ReactDom查找真实dom node'
+    detail: 'ReactDom查找真实dom node',
   },
   {
     label: 'Dialog.alert',
@@ -84,10 +84,10 @@ export default [
       '\tonOk: () => {',
       '\t\t$3',
       '\t}',
-      '})'
+      '})',
     ].join('\n'),
     insertTextRules: 'InsertAsSnippet',
-    detail: 'alert弹框 By Fusion'
+    detail: 'alert弹框 By Fusion',
   },
   {
     label: 'Dialog.confirm',
@@ -102,52 +102,52 @@ export default [
       '\tonCancel: () => {',
       '\t\t$4',
       '\t}',
-      '})'
+      '})',
     ].join('\n'),
     insertTextRules: 'InsertAsSnippet',
-    detail: '确认弹出框 By Fusion'
+    detail: '确认弹出框 By Fusion',
   },
   {
     label: 'Message.success',
     kind: 'Method',
     insertText: 'Message.success(${1:content})',
     insertTextRules: 'InsertAsSnippet',
-    detail: '成功反馈提示 By Fusion'
+    detail: '成功反馈提示 By Fusion',
   },
   {
     label: 'Message.error',
     kind: 'Method',
     insertText: 'Message.error(${1:content})',
     insertTextRules: 'InsertAsSnippet',
-    detail: '错误反馈提示 By Fusion'
+    detail: '错误反馈提示 By Fusion',
   },
   {
     label: 'Message.help',
     kind: 'Method',
     insertText: 'Message.help(${1:content})',
     insertTextRules: 'InsertAsSnippet',
-    detail: '帮助反馈提示 By Fusion'
+    detail: '帮助反馈提示 By Fusion',
   },
   {
     label: 'Message.loading',
     kind: 'Method',
     insertText: 'Message.loading(${1:content})',
     insertTextRules: 'InsertAsSnippet',
-    detail: 'loading反馈提示 By Fusion'
+    detail: 'loading反馈提示 By Fusion',
   },
   {
     label: 'Message.notice',
     kind: 'Method',
     insertText: 'Message.notice(${1:content})',
     insertTextRules: 'InsertAsSnippet',
-    detail: '注意反馈提示 By Fusion'
+    detail: '注意反馈提示 By Fusion',
   },
   {
     label: 'Message.waining',
     kind: 'Method',
     insertText: 'Message.waining(${1:content})',
     insertTextRules: 'InsertAsSnippet',
-    detail: '警告反馈提示 By Fusion'
+    detail: '警告反馈提示 By Fusion',
   },
   {
     label: 'Modal.confirm',
@@ -162,10 +162,10 @@ export default [
       '\tonCancel: () => {',
       '\t\t$4',
       '\t}',
-      '})'
+      '})',
     ].join('\n'),
     insertTextRules: 'InsertAsSnippet',
-    detail: '确认弹出框 By Antd'
+    detail: '确认弹出框 By Antd',
   },
   {
     label: 'Modal.info',
@@ -180,10 +180,10 @@ export default [
       '\tonCancel: () => {',
       '\t\t$4',
       '\t}',
-      '})'
+      '})',
     ].join('\n'),
     insertTextRules: 'InsertAsSnippet',
-    detail: '信息弹出框 By Antd'
+    detail: '信息弹出框 By Antd',
   },
   {
     label: 'Modal.success',
@@ -198,10 +198,10 @@ export default [
       '\tonCancel: () => {',
       '\t\t$4',
       '\t}',
-      '})'
+      '})',
     ].join('\n'),
     insertTextRules: 'InsertAsSnippet',
-    detail: '成功弹出框 By Antd'
+    detail: '成功弹出框 By Antd',
   },
   {
     label: 'Modal.error',
@@ -216,10 +216,10 @@ export default [
       '\tonCancel: () => {',
       '\t\t$4',
       '\t}',
-      '})'
+      '})',
     ].join('\n'),
     insertTextRules: 'InsertAsSnippet',
-    detail: '错误弹出框 By Antd'
+    detail: '错误弹出框 By Antd',
   },
   {
     label: 'Modal.warning',
@@ -234,9 +234,9 @@ export default [
       '\tonCancel: () => {',
       '\t\t$4',
       '\t}',
-      '})'
+      '})',
     ].join('\n'),
     insertTextRules: 'InsertAsSnippet',
-    detail: '警告弹出框 By Antd'
-  }
-];
\ No newline at end of file
+    detail: '警告弹出框 By Antd',
+  },
+];
diff --git a/packages/editor-setters/src/expression-setter/locale/utils.ts b/packages/editor-setters/src/expression-setter/locale/utils.ts
index a02a8dd06..d401ad511 100644
--- a/packages/editor-setters/src/expression-setter/locale/utils.ts
+++ b/packages/editor-setters/src/expression-setter/locale/utils.ts
@@ -1,11 +1,11 @@
 import IntlMessageFormat from 'intl-messageformat';
 
 export const isJSExpression = (obj = '') => {
-  if(obj && typeof obj === 'object' && obj.type === 'JSExpression') {
+  if (obj && typeof obj === 'object' && obj.type === 'JSExpression') {
     return true;
   }
   return false;
-}
+};
 
 /**
  * 用于构造国际化字符串处理函数
@@ -18,4 +18,4 @@ export const generateI18n = (locale = 'zh-CN', messages = {}) => {
     const formater = new IntlMessageFormat(messages[key], locale);
     return formater.format(values);
   };
-}
+};
diff --git a/packages/editor-setters/src/expression-setter/locale/zh-CN.ts b/packages/editor-setters/src/expression-setter/locale/zh-CN.ts
index 951596009..f4f2e0630 100644
--- a/packages/editor-setters/src/expression-setter/locale/zh-CN.ts
+++ b/packages/editor-setters/src/expression-setter/locale/zh-CN.ts
@@ -33,4 +33,4 @@ export default {
   object: '对象ObjectButton',
   reactNode: '节点类型ReactNode',
   typeError: 'Minix组件属性Types配置错误，存在不支持类型[{type}]，请检查组件属性配置',
-};
\ No newline at end of file
+};
diff --git a/packages/editor-setters/src/function-setter/index.tsx b/packages/editor-setters/src/function-setter/index.tsx
index 397e131c5..003c45e68 100644
--- a/packages/editor-setters/src/function-setter/index.tsx
+++ b/packages/editor-setters/src/function-setter/index.tsx
@@ -1,12 +1,11 @@
 import React, { PureComponent } from 'react';
 // import PropTypes from 'prop-types';
-import { Button, Icon,Dialog } from '@alifd/next';
+import { Button, Icon, Dialog } from '@alifd/next';
 import MonacoEditor from 'react-monaco-editor';
-import { js_beautify, css_beautify } from 'js-beautify';
+import { js_beautify } from 'js-beautify';
 import './index.scss';
-import { timingSafeEqual } from 'crypto';
 
-const SETTER_NAME = 'function-setter'
+const SETTER_NAME = 'function-setter';
 
 const defaultEditorOption = {
   width: '100%',
@@ -14,7 +13,7 @@ const defaultEditorOption = {
   options: {
     readOnly: false,
     automaticLayout: true,
-    folding: true, //默认开启折叠代码功能
+    folding: true, // 默认开启折叠代码功能
     lineNumbers: 'on',
     wordWrap: 'off',
     formatOnPaste: true,
@@ -40,103 +39,100 @@ interface FunctionSetterProps {
   defaultValue: string;
   placeholder: string;
   hasClear: boolean;
-  onChange: (icon: string | object) => undefined;
+  onChange: (icon: string) => undefined;
   icons: string[];
 }
-export default class FunctionSetter extends PureComponent<FunctionSetterProps, {}> {
+export default class FunctionSetter extends PureComponent<FunctionSetterProps> {
   static defaultProps = {
     value: undefined,
     type: 'string',
     defaultValue: '',
     hasClear: true,
     placeholder: '请点击选择 Icon',
-    onChange: (icon: string | object) => undefined,
+    onChange: () => undefined,
   };
 
   private emitEventName = '';
 
   state = {
-    firstLoad: true,
-    isShowDialog:false,
-    functionCode:null
+    isShowDialog: false,
   };
 
   componentDidMount() {
     const { editor } = this.props.field;
     this.emitEventName = `${SETTER_NAME}-${this.props.field.id}`;
-    editor.on(`${this.emitEventName}.bindEvent`, this.bindEvent)
+    editor.on(`${this.emitEventName}.bindEvent`, this.bindEvent);
   }
 
   bindEvent = (eventName) => {
     this.bindEventCallback(eventName);
-  }
+  };
 
 
   componentWillUnmount() {
     const { editor } = this.props.field;
-    editor.off(`${this.emitEventName}.bindEvent`, this.bindEvent)
+    editor.off(`${this.emitEventName}.bindEvent`, this.bindEvent);
   }
 
 
   bindFunction = () => {
-    const { field, value } = this.props;
+    const { field } = this.props;
     field.editor.emit('eventBindDialog.openDialog', field.name, this.emitEventName);
-  }
+  };
 
   openDialog = () => {
-    const {value={}} = this.props;
+    const { value = {} } = this.props;
     this.setState({
-      isShowDialog:true
-    })
+      isShowDialog: true,
+    });
 
     this.functionCode = value.value;
-    
-  }
+  };
 
   closeDialog = () => {
     this.setState({
-      isShowDialog:false
-    })
-  }
+      isShowDialog: false,
+    });
+  };
 
   removeFunctionBind = () => {
-    const { field ,removeProp} = this.props;
+    const { removeProp } = this.props;
     removeProp();
-  }
+  };
 
-  parseFunctionName = (functionString: String) => {
+  parseFunctionName = (functionString: string) => {
     // 因为函数格式是固定的，所以可以按照字符换去匹配获取函数名
-    let funNameStr = functionString.split('this.')[1];
+    const funNameStr = functionString.split('this.')[1];
 
 
-    if (funNameStr){
-      let endIndex = funNameStr.indexOf('(');
+    if (funNameStr) {
+      const endIndex = funNameStr.indexOf('(');
       return funNameStr.substr(0, endIndex);
-    }else{
-      return ''
+    } else {
+      return '';
     }
-  }
+  };
 
   /**
    * 渲染按钮(初始状态)
    */
   renderButton = () => {
-    return <Button type="normal" onClick={() => this.bindFunction()}>绑定函数</Button>
-  }
+    return <Button type="normal" onClick={() => this.bindFunction()}>绑定函数</Button>;
+  };
 
   updateCode = (newCode) => {
     this.functionCode = newCode;
-  }
+  };
 
   onDialogOk = () => {
-    const {onChange} = this.props;
+    const { onChange } = this.props;
     onChange({
       type: 'JSFunction',
-      value: this.functionCode
+      value: this.functionCode,
     });
 
     this.closeDialog();
-  }
+  };
 
   focusFunctionName = (functionName) => {
     const { editor } = this.props.field;
@@ -145,73 +141,90 @@ export default class FunctionSetter extends PureComponent<FunctionSetterProps, {
 
     setTimeout(() => {
       editor.emit('sourceEditor.focusByFunction', {
-        functionName
-      })
-    }, 300)
-  }
+        functionName,
+      });
+    }, 300);
+  };
 
   /**
    * 渲染绑定函数
    */
   renderBindFunction = () => {
     const { value } = this.props;
- 
+
     // 解析函数名
-    let functionName = this.parseFunctionName(value.value);
-    return <div className="function-container">
-      <img className="funtion-icon" src="https://gw.alicdn.com/tfs/TB1NXNhk639YK4jSZPcXXXrUFXa-200-200.png"></img>
-      <span className="function-name" onClick={() => this.focusFunctionName(functionName)}>{functionName}</span>
-      <Icon type="set" size="medium" className="funtion-operate-icon" onClick={this.bindFunction} />
-      <Icon type="ashbin" size="medium" className="funtion-operate-icon" onClick={this.removeFunctionBind} />
-    </div>
-  }
+    const functionName = this.parseFunctionName(value.value);
+    return (
+      <div className="function-container">
+        <img className="funtion-icon" src="https://gw.alicdn.com/tfs/TB1NXNhk639YK4jSZPcXXXrUFXa-200-200.png" />
+        <span className="function-name" onClick={() => this.focusFunctionName(functionName)}>{functionName}</span>
+        <Icon type="set" size="medium" className="funtion-operate-icon" onClick={this.bindFunction} />
+        <Icon type="ashbin" size="medium" className="funtion-operate-icon" onClick={this.removeFunctionBind} />
+      </div>
+    );
+  };
 
 
   /**
    * 渲染编辑函数按钮(可直接编辑函数内容)
    */
   renderEditFunctionButton = () => {
-      return <div>
-          <Button type="primary" onClick={this.openDialog}><Icon type="edit" />编辑函数</Button>
+    return (
+      <div>
+        <Button type="primary" onClick={this.openDialog}><Icon type="edit" />编辑函数</Button>
       </div>
-  }
+    );
+  };
 
 
-  bindEventCallback = (eventName: String) => {
+  bindEventCallback = (eventName: string) => {
     const { onChange } = this.props;
     onChange({
       type: 'JSFunction',
       value: `function(){ this.${eventName}() }`,
     });
-  }
+  };
 
   render() {
     const { value } = this.props;
-    const {isShowDialog} = this.state;
+    const { isShowDialog } = this.state;
 
     let functionName = '';
-    if (value && value.value){
+    if (value && value.value) {
       functionName = this.parseFunctionName(value.value);
     }
-    return <div className="lc-function-setter">
-      {
-        value ? (functionName?this.renderBindFunction():this.renderEditFunctionButton()) : this.renderButton()
+
+    let renderFunction;
+    if (value) {
+      if (functionName) {
+        renderFunction = this.renderBindFunction;
+      } else {
+        renderFunction = this.renderEditFunctionButton;
+      }
+    } else {
+      renderFunction = this.renderButton;
+    }
+
+    return (
+      <div className="lc-function-setter">
+        {
+        renderFunction()
       }
 
-      {
-         value && value.value && <Dialog visible={isShowDialog} closeable={'close'} title="函数编辑" onCancel={this.closeDialog} onOk={this.onDialogOk} onClose={()=>{this.closeDialog()}}>
-         <div style={{width:'500px',height:'400px'}}>
-         <MonacoEditor
+        {
+         value && value.value &&
+         <Dialog visible={isShowDialog} closeable={'close'} title="函数编辑" onCancel={this.closeDialog} onOk={this.onDialogOk} onClose={() => { this.closeDialog(); }}>
+           <div style={{ width: '500px', height: '400px' }}>
+             <MonacoEditor
                value={js_beautify(value.value)}
                {...defaultEditorOption}
                {...{ language: 'javascript' }}
                onChange={(newCode) => this.updateCode(newCode)}
              />
-         </div>
+           </div>
          </Dialog>
       }
-      
-
-    </div>;
+      </div>
+    );
   }
 }
diff --git a/packages/editor-setters/src/icon-setter/index.tsx b/packages/editor-setters/src/icon-setter/index.tsx
index 0762b9ff3..f61c32271 100644
--- a/packages/editor-setters/src/icon-setter/index.tsx
+++ b/packages/editor-setters/src/icon-setter/index.tsx
@@ -68,18 +68,18 @@ interface IconSetterProps {
   defaultValue: string;
   placeholder: string;
   hasClear: boolean;
-  onChange: (icon: string | object) => undefined;
+  onChange: (icon: string) => undefined;
   icons: string[];
 }
-export default class IconSetter extends PureComponent<IconSetterProps, {}> {
+export default class IconSetter extends PureComponent<IconSetterProps> {
   static defaultProps = {
     value: undefined,
     type: 'string',
     defaultValue: '',
     hasClear: true,
-    icons: icons,
+    icons,
     placeholder: '请点击选择 Icon',
-    onChange: (icon: string | object) => undefined,
+    onChange: () => undefined,
   };
 
   state = {
@@ -109,7 +109,7 @@ export default class IconSetter extends PureComponent<IconSetterProps, {}> {
   };
 
   render() {
-    const { icons, value, defaultValue, onChange, placeholder, hasClear, type } = this.props;
+    const { value, defaultValue, onChange, placeholder, hasClear } = this.props;
     const { firstLoad } = this.state;
     const _value = typeof value === 'object' ? value?.props?.type : value;
     if (firstLoad && defaultValue && typeof value === 'undefined') {
@@ -149,7 +149,7 @@ export default class IconSetter extends PureComponent<IconSetterProps, {}> {
       <Balloon
         className={'lowcode-icon-content'}
         trigger={triggerNode}
-        needAdjust={true}
+        needAdjust
         triggerType="click"
         closable={false}
         alignEdge
diff --git a/packages/editor-setters/src/index.tsx b/packages/editor-setters/src/index.tsx
index c79f0cfc7..7b57d0fcb 100644
--- a/packages/editor-setters/src/index.tsx
+++ b/packages/editor-setters/src/index.tsx
@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { registerSetter } from '@ali/lowcode-editor-core';
-import { isJSExpression,isJSFunction } from '@ali/lowcode-types';
+import { isJSExpression, isJSFunction } from '@ali/lowcode-types';
 import { DatePicker, TimePicker, Input, Radio, Select, Switch, NumberPicker } from '@alifd/next';
 import ExpressionSetter from './expression-setter';
 import ColorSetter from './color-setter';
@@ -55,9 +55,10 @@ export const DateRangeSetter = DatePicker.RangePicker;
 
 export { ExpressionSetter, EventsSetter, JsonSetter, IconSetter };
 
+// eslint-disable-next-line react/no-multi-comp
 class StringDateSetter extends Component {
   render() {
-    const { onChange, editor } = this.props;
+    const { onChange } = this.props;
     return (
       <DatePicker
         onChange={(val) => {
@@ -67,9 +68,11 @@ class StringDateSetter extends Component {
     );
   }
 }
+
+// eslint-disable-next-line react/no-multi-comp
 class StringTimePicker extends Component {
   render() {
-    const { onChange, editor } = this.props;
+    const { onChange } = this.props;
     return (
       <TimePicker
         onChange={(val) => {
@@ -80,7 +83,7 @@ class StringTimePicker extends Component {
   }
 }
 
-const VariableSetter ={
+const VariableSetter = {
   component: ExpressionSetter,
   condition: (field: any) => {
     const v = field.getValue();
@@ -99,7 +102,7 @@ const FunctionBindSetter = {
     const v = field.getValue();
     return v == isJSFunction(v);
   },
-}
+};
 
 const builtinSetters: any = {
   StringSetter,
@@ -120,7 +123,7 @@ const builtinSetters: any = {
   JsonSetter,
   StyleSetter,
   IconSetter,
-  FunctionSetter:FunctionBindSetter
+  FunctionSetter: FunctionBindSetter,
 };
 
 registerSetter(builtinSetters);
diff --git a/packages/editor-setters/src/json-setter/index.tsx b/packages/editor-setters/src/json-setter/index.tsx
index 7ae9b80d0..ae08d750d 100644
--- a/packages/editor-setters/src/json-setter/index.tsx
+++ b/packages/editor-setters/src/json-setter/index.tsx
@@ -14,11 +14,12 @@ import Snippets from './locale/snippets';
 import zhCN from './locale/zh-CN';
 import './index.scss';
 
-let registerApiAndSnippetStatus = false; //判断注册api机制
+let registerApiAndSnippetStatus = false; // 判断注册api机制
 
 window.bt = js_beautify;
 class MonacoEditorView extends PureComponent {
   static displayName = 'MonacoEditor';
+
   render() {
     const { type, ...restProps } = this.props;
     const Node = type == 'button' ? MonacoEditorButtonView : MonacoEditorDefaultView;
@@ -28,30 +29,33 @@ class MonacoEditorView extends PureComponent {
 
 localeConfig('MonacoEditor', MonacoEditorView);
 
-//monaco编辑器存在3种主题：vs、vs-dark、hc-black
+// monaco编辑器存在3种主题：vs、vs-dark、hc-black
+// eslint-disable-next-line react/no-multi-comp
 class MonacoEditorDefaultView extends PureComponent {
   static displayName = 'MonacoEditorDefault';
+
   static propTypes = {
     locale: PropTypes.string,
     messages: PropTypes.object,
     language: PropTypes.string,
   };
+
   static defaultProps = {
     locale: 'zh-CN',
     messages: zhCN,
     width: '100%',
     height: '300px',
     language: 'json',
-    autoFocus: false, //自动获得焦点
-    autoSubmit: true, //自动提交
-    placeholder: '', //默认占位内容
+    autoFocus: false, // 自动获得焦点
+    autoSubmit: true, // 自动提交
+    placeholder: '', // 默认占位内容
     btnText: '提交',
     btnSize: 'small',
-    rules: [], //校验规则
+    rules: [], // 校验规则
     options: {
       readOnly: false,
       automaticLayout: true,
-      folding: true, //默认开启折叠代码功能
+      folding: true, // 默认开启折叠代码功能
       lineNumbers: 'on',
       wordWrap: 'off',
       formatOnPaste: true,
@@ -70,16 +74,26 @@ class MonacoEditorDefaultView extends PureComponent {
       },
     },
   };
+
   strValue: string;
+
   i18n: any;
+
   editorRef: React.RefObject<unknown>;
+
   options: any;
+
   fullScreenOptions: any;
+
   position: any;
+
   editor: any;
+
   editorNode: unknown;
+
   editorParentNode: any;
-  constructor(props: Readonly<{}>) {
+
+  constructor(props: Readonly) {
     super(props);
     this.strValue = '';
     this.i18n = generateI18n(props.locale, props.messages);
@@ -104,17 +118,18 @@ class MonacoEditorDefaultView extends PureComponent {
   }
 
   componentDidUpdate() {
-    //如果是全屏操作，获得焦点，光标保留在原来位置;
+    // 如果是全屏操作，获得焦点，光标保留在原来位置;
     if (this.position) {
       this.editor.focus();
       this.editor.setPosition(this.position);
       delete this.position;
     }
   }
+
   componentDidMount() {
-    this.editorNode = this.editorRef.current; //记录当前dom节点；
-    this.editorParentNode = this.editorNode.parentNode; //记录父节点;
-    //自动获得焦点, 格式化需要时间
+    this.editorNode = this.editorRef.current; // 记录当前dom节点；
+    this.editorParentNode = this.editorNode.parentNode; // 记录父节点;
+    // 自动获得焦点, 格式化需要时间
     if (this.props.autoFocus) {
       setTimeout(() => {
         this.editor.setPosition({
@@ -124,7 +139,7 @@ class MonacoEditorDefaultView extends PureComponent {
         this.editor.focus();
       }, 100);
     }
-    //快捷键编码
+    // 快捷键编码
     const CtrlCmd = 2048;
     const KEY_S = 49;
     const Shift = 1024;
@@ -133,28 +148,28 @@ class MonacoEditorDefaultView extends PureComponent {
     const Escape = 9;
 
     this.editor.addCommand(CtrlCmd | KEY_S, () => {
-      this.onSubmit(); //保存快捷键
+      this.onSubmit(); // 保存快捷键
     });
     this.editor.addCommand(CtrlCmd | Shift | KEY_F, () => {
-      this.fullScreen(); //全屏快捷键
+      this.fullScreen(); // 全屏快捷键
     });
     this.editor.addCommand(CtrlCmd | KEY_B, () => {
-      this.format(); //美化快捷键
+      this.format(); // 美化快捷键
     });
     this.editor.addCommand(Escape, () => {
       this.props.onEscape && this.props.onEscape();
     });
-    //注册api
+    // 注册api
     this.editor.submit = this.onSubmit;
     this.editor.format = this.format;
     this.editor.fullScreen = this.fullScreen;
     this.editor.toJson = this.toJson;
     this.editor.toObject = this.toObject;
     this.editor.toFunction = this.toFunction;
-    //针对object情况，改写setValue和getValue api
+    // 针对object情况，改写setValue和getValue api
     if (this.props.language === 'object') {
-      const getValue = this.editor.getValue;
-      const setValue = this.editor.setValue;
+      const { getValue } = this.editor;
+      const { setValue } = this.editor;
       this.editor.getValue = () => {
         return getValue.call(this.editor).substring(this.valuePrefix.length);
       };
@@ -180,18 +195,18 @@ class MonacoEditorDefaultView extends PureComponent {
     } = this.props;
 
     const { isFullScreen } = this.state;
-    this.valuePrefix = ''; //值前缀
+    this.valuePrefix = ''; // 值前缀
     if (language === 'object') this.valuePrefix = 'export default ';
     if (!this.isFullScreenAction) {
-      //将值转换成目标值
+      // 将值转换成目标值
       const nowValue = this.valueHandler(value || placeholder, language);
       const curValue = this.valueHandler(this.strValue, language);
       if (nowValue !== curValue) this.strValue = nowValue;
-      if (language === 'object') this.strValue = this.strValue || placeholder || '{\n\t\n}'; //设置初始化值
+      if (language === 'object') this.strValue = this.strValue || placeholder || '{\n\t\n}'; // 设置初始化值
       if (language === 'json' && this.strValue === '{}') this.strValue = '{\n\t\n}';
     }
     this.isFullScreenAction = false;
-    //真实高亮语言
+    // 真实高亮语言
     let tarLanguage = language;
     if (language === 'object' || language === 'function') {
       tarLanguage = 'javascript';
@@ -242,11 +257,11 @@ class MonacoEditorDefaultView extends PureComponent {
     );
   }
 
-  //值变化
+  // 值变化
   onChange(curValue) {
     if (curValue === this.valuePrefix + this.strValue) return;
     const { onAfterChange, language, autoSubmit, onChange } = this.props;
-    this.strValue = curValue; //记录当前格式
+    this.strValue = curValue; // 记录当前格式
     if (this.ct) clearTimeout(this.ct);
     this.ct = setTimeout(() => {
       this.position = this.editor.getPosition();
@@ -256,7 +271,7 @@ class MonacoEditorDefaultView extends PureComponent {
     }, 300);
   }
 
-  //提交动作
+  // 提交动作
   onSubmit() {
     const { onSubmit, onChange, language } = this.props;
     const curValue = this.editor.getValue();
@@ -265,7 +280,7 @@ class MonacoEditorDefaultView extends PureComponent {
     onSubmit && onSubmit(ret.value, ret.error, this.editor);
   }
 
-  //值类型转换处理
+  // 值类型转换处理
   valueHandler(value, language) {
     let tarValue = value || '';
     if (language === 'json') {
@@ -274,8 +289,12 @@ class MonacoEditorDefaultView extends PureComponent {
       } else if (value && typeof value === 'string') {
         try {
           const ret = this.toJson(value);
-          if (!ret.error) tarValue = JSON.stringify(ret.value, null, 2);
-        } catch (err) {}
+          if (!ret.error) {
+            tarValue = JSON.stringify(ret.value, null, 2);
+          }
+        } catch (err) {
+          // empty
+        }
       }
     } else if (language === 'function') {
       if (typeof value === 'function') {
@@ -285,25 +304,29 @@ class MonacoEditorDefaultView extends PureComponent {
         tarValue = js_beautify(tarValue, { indent_size: 2, indent_empty_lines: true });
       }
     } else if (language === 'object') {
-      //先转成对象，在进行序列化和格式化；
+      // 先转成对象，在进行序列化和格式化；
       value = value || {};
       if (value && typeof value === 'object') {
         try {
           tarValue = serialize(value, { unsafe: true });
           tarValue = js_beautify(tarValue, { indent_size: 2, indent_empty_lines: true });
-        } catch (err) {}
+        } catch (err) {
+          // empty
+        }
       } else if (typeof value === 'string') {
         try {
           const ret = this.resultHandler(value, 'object');
           tarValue = ret.error ? ret.value : serialize(ret.value, { unsafe: true });
           tarValue = js_beautify(tarValue, { indent_size: 2, indent_empty_lines: true });
-        } catch (err) {}
+        } catch (err) {
+          // empty
+        }
       }
     }
     return tarValue;
   }
 
-  //结果处理
+  // 结果处理
   resultHandler(value, language) {
     let ret = { value };
     if (language === 'json') {
@@ -316,10 +339,10 @@ class MonacoEditorDefaultView extends PureComponent {
     return ret;
   }
 
-  //设置全屏时的动作
+  // 设置全屏时的动作
   fullScreen() {
     if (!this.editorRef) return;
-    //还原到原来位置；
+    // 还原到原来位置；
     this.position = this.editor.getPosition();
     if (this.state.isFullScreen) {
       if (this.editorParentNode) {
@@ -332,8 +355,9 @@ class MonacoEditorDefaultView extends PureComponent {
     } else {
       document.body.appendChild(this.editorNode);
     }
+    // eslint-disable-next-line react/no-access-state-in-setstate
     const nextFs = !this.state.isFullScreen;
-    this.isFullScreenAction = true; //记录是全屏幕操作
+    this.isFullScreenAction = true; // 记录是全屏幕操作
     this.setState(
       {
         isFullScreen: nextFs,
@@ -344,9 +368,8 @@ class MonacoEditorDefaultView extends PureComponent {
     );
   }
 
-  //美化代码
+  // 美化代码
   format() {
-    const { language } = this.props;
     if (!this.editor) return;
     if (/^\$_obj?\{.*?\}$/m.test(this.editor.getValue())) return;
     if (this.props.language === 'json' || this.props.language === 'object' || this.props.language === 'function') {
@@ -360,11 +383,13 @@ class MonacoEditorDefaultView extends PureComponent {
     }
   }
 
-  //校验是否是json
+  // 校验是否是json
   toJson(value) {
     try {
+      // eslint-disable-next-line no-new-func
       const obj = new Function(`'use strict'; return ${value.replace(/[\r\n\t]/g, '')}`)();
       if (typeof obj === 'object' && obj) {
+        // eslint-disable-next-line no-new-func
         const tarValue = new Function(`'use strict'; return ${value}`)();
         return { value: JSON.parse(JSON.stringify(tarValue)) };
       }
@@ -374,9 +399,10 @@ class MonacoEditorDefaultView extends PureComponent {
     }
   }
 
-  //校验是否为object对象
+  // 校验是否为object对象
   toObject(value) {
     try {
+      // eslint-disable-next-line no-new-func
       const obj = new Function(`'use strict';return ${value}`)();
       if (obj && typeof obj === 'object') {
         if (jsonuri.isCircular(obj)) return { error: this.i18n('circularRef'), value };
@@ -389,9 +415,10 @@ class MonacoEditorDefaultView extends PureComponent {
     }
   }
 
-  //校验是否为function
+  // 校验是否为function
   toFunction(value) {
     try {
+      // eslint-disable-next-line no-new-func
       const fun = new Function(`'use strict';return ${value}`)();
       if (fun && typeof fun === 'function') {
         return { value: fun };
@@ -403,11 +430,11 @@ class MonacoEditorDefaultView extends PureComponent {
     }
   }
 
-  //注册api和代码片段
+  // 注册api和代码片段
   registerApiAndSnippet(monaco) {
     if (registerApiAndSnippetStatus) return;
     registerApiAndSnippetStatus = true;
-    //注册this.提示的方法;
+    // 注册this.提示的方法;
     const thisSuggestions = [];
     Snippets.map((item) => {
       if (!item.label || !item.kind || !item.insertText) return;
@@ -416,9 +443,9 @@ class MonacoEditorDefaultView extends PureComponent {
         kind: monaco.languages.CompletionItemKind[item.kind],
         insertText: item.insertText,
       });
-      if (item.insertTextRules)
-        tarItem.insertTextRules = monaco.languages.CompletionItemInsertTextRule[item.insertTextRules];
+      if (item.insertTextRules) tarItem.insertTextRules = monaco.languages.CompletionItemInsertTextRule[item.insertTextRules];
       thisSuggestions.push(tarItem);
+      return item;
     });
     monaco.languages.registerCompletionItemProvider('javascript', {
       provideCompletionItems: (model, position) => {
@@ -430,7 +457,7 @@ class MonacoEditorDefaultView extends PureComponent {
         });
         const match = textUntilPosition.match(/(^this\.)|(\sthis\.)/);
         const suggestions = match ? thisSuggestions : [];
-        return { suggestions: suggestions };
+        return { suggestions };
       },
       triggerCharacters: ['.'],
     });
@@ -439,7 +466,7 @@ class MonacoEditorDefaultView extends PureComponent {
 const prefix = 'data:text/javascript;charset=utf-8,';
 const baseUrl = 'https://g.alicdn.com/iceluna/iceluna-vendor/0.0.1/';
 window.MonacoEnvironment = {
-  getWorkerUrl: function(label: string) {
+  getWorkerUrl(label: string) {
     if (label === 'json') {
       return `${prefix}${encodeURIComponent(`
         importScripts('${baseUrl}json.worker.js');`)}`;
@@ -461,33 +488,42 @@ window.MonacoEnvironment = {
   },
 };
 
+// eslint-disable-next-line react/no-multi-comp
 export default class MonacoEditorButtonView extends PureComponent {
   static displayName = 'JsonSetter';
+
   static propTypes = {
     locale: PropTypes.string,
     messages: PropTypes.object,
   };
+
   static defaultProps = {
     locale: 'zh-CN',
     messages: zhCN,
   };
+
   i18n: any;
+
   objectButtonRef: React.RefObject<unknown>;
-  constructor(props: Readonly<{}>) {
+
+  constructor(props: Readonly) {
     super(props);
     this.i18n = generateI18n(props.locale, props.messages);
     this.objectButtonRef = React.createRef();
     // 兼容代码，待去除
     window.__ctx.appHelper.constants = window.__ctx.appHelper.constants || {};
   }
+
   afterHandler(value: { nrs_temp_field: any }) {
     if (!value) return;
     return value.nrs_temp_field;
   }
+
   beforeHandler(value: any) {
     if (!value) return;
     return { nrs_temp_field: value };
   }
+
   message(type: string, title: any, dom: Element | null) {
     Message.show({
       type,
@@ -499,6 +535,7 @@ export default class MonacoEditorButtonView extends PureComponent {
       },
     });
   }
+
   componentDidMount() {
     const { registerApi } = this.props;
     const objectButtonThis = this.objectButtonRef;
@@ -510,6 +547,7 @@ export default class MonacoEditorButtonView extends PureComponent {
         setValues: objectButtonThis.setValues,
       });
   }
+
   render() {
     const self = this;
     const { locale, messages, value, onChange, field, languages, ...restProps } = this.props;
@@ -518,8 +556,8 @@ export default class MonacoEditorButtonView extends PureComponent {
     tarRestProps.autoSubmit = true;
     tarRestProps.autoFocus = true;
     const tarOnSubmit = tarRestProps.onSubmit;
-    //确保monaco快捷键保存，能出发最外层的保存
-    tarRestProps.onSubmit = (value, error) => {
+    // 确保monaco快捷键保存，能出发最外层的保存
+    tarRestProps.onSubmit = (editorValue, error) => {
       const msgDom = document.querySelector('.object-button-overlay .next-dialog-body');
       if (error) return this.message('error', this.i18n('formatError'), msgDom);
       this.objectButtonRef &&
@@ -539,12 +577,12 @@ export default class MonacoEditorButtonView extends PureComponent {
     tarObjProps.value = value || '';
     tarObjProps.onChange = onChange;
     const tarRule = [];
-    //判断，如果是json，function, object等类型，自动追加校验规则；
+    // 判断，如果是json，function, object等类型，自动追加校验规则；
     if (tarRestProps.language && ['json', 'function', 'object'].includes(tarRestProps.language)) {
       if (['json', 'object'].includes(tarRestProps.language)) {
         tarRule.push({
-          validator: function(value: any, callback: (arg0: undefined) => void) {
-            if (typeof value !== 'object') {
+          validator(validatorValue: any, callback: (arg0: undefined) => void) {
+            if (typeof validatorValue !== 'object') {
               callback(self.i18n('formatError'));
             } else {
               callback();
@@ -553,8 +591,8 @@ export default class MonacoEditorButtonView extends PureComponent {
         });
       } else {
         tarRule.push({
-          validator: function(value: any, callback: (arg0: undefined) => void) {
-            if (typeof value !== 'function') {
+          validator(validatorValue: any, callback: (arg0: undefined) => void) {
+            if (typeof validatorValue !== 'function') {
               callback(self.i18n('formatError'));
             } else {
               callback();
diff --git a/packages/editor-setters/src/json-setter/locale/snippets.ts b/packages/editor-setters/src/json-setter/locale/snippets.ts
index 7c8484c4f..2bcb0dd00 100644
--- a/packages/editor-setters/src/json-setter/locale/snippets.ts
+++ b/packages/editor-setters/src/json-setter/locale/snippets.ts
@@ -4,21 +4,21 @@ export default [
     kind: 'Class',
     insertText: 'constants',
     detail: '应用全局常量',
-    documentation: '应用范围定义的通用常量'
+    documentation: '应用范围定义的通用常量',
   },
   {
     label: 'utils',
     kind: 'Class',
     insertText: 'utils',
     detail: '应用全局公共函数',
-    documentation: '应用范围扩展的公共函数'
+    documentation: '应用范围扩展的公共函数',
   },
   {
     label: 'state',
     kind: 'Enum',
     insertText: 'state',
     detail: '当前所在容器组件内部状态',
-    documentation: 'React Class内部状态state'
+    documentation: 'React Class内部状态state',
   },
   {
     label: 'setState',
@@ -26,7 +26,7 @@ export default [
     insertText: 'setState({\n\t$0\n})',
     insertTextRules: 'InsertAsSnippet',
     detail: '设置当前所在容器组件的state数据',
-    documentation: '原生React方法，会自动更新组件视图'
+    documentation: '原生React方法，会自动更新组件视图',
   },
   {
     label: 'reloadDataSource',
@@ -34,45 +34,45 @@ export default [
     insertText: 'reloadDataSource(${1:${2:namespace}, ${3:false}, ${4:callback}})',
     insertTextRules: 'InsertAsSnippet',
     detail: '刷新当前所在的容器组件',
-    documentation: '触发当前所在的容器组件，重新发送异步请求，并用最新数据更新视图'
+    documentation: '触发当前所在的容器组件，重新发送异步请求，并用最新数据更新视图',
   },
   {
     label: 'location',
     kind: 'Class',
     insertText: 'location',
-    detail: '路由解析对象'
+    detail: '路由解析对象',
   },
   {
     label: 'location.query',
     kind: 'Value',
     insertText: 'location.query.${1:xxxx}',
     insertTextRules: 'InsertAsSnippet',
-    detail: '从路由解析对象中获取参数信息'
+    detail: '从路由解析对象中获取参数信息',
   },
   {
     label: 'history',
     kind: 'Class',
     insertText: 'history',
-    detail: '路由历史对象'
+    detail: '路由历史对象',
   },
   {
     label: 'React',
     kind: 'Keyword',
     insertText: 'React',
-    detail: 'React对象'
+    detail: 'React对象',
   },
   {
     label: 'ReactDOM',
     kind: 'Keyword',
     insertText: 'ReactDOM',
-    detail: 'ReactDom对象'
+    detail: 'ReactDom对象',
   },
   {
     label: 'ReactDOM.findDOMNode',
     kind: 'Function',
     insertText: 'ReactDOM.findDOMNode(${1:this.refs.xxxx})',
     insertTextRules: 'InsertAsSnippet',
-    detail: 'ReactDom查找真实dom node'
+    detail: 'ReactDom查找真实dom node',
   },
   {
     label: 'Dialog.alert',
@@ -84,10 +84,10 @@ export default [
       '\tonOk: () => {',
       '\t\t$3',
       '\t}',
-      '})'
+      '})',
     ].join('\n'),
     insertTextRules: 'InsertAsSnippet',
-    detail: 'alert弹框 By Fusion'
+    detail: 'alert弹框 By Fusion',
   },
   {
     label: 'Dialog.confirm',
@@ -102,52 +102,52 @@ export default [
       '\tonCancel: () => {',
       '\t\t$4',
       '\t}',
-      '})'
+      '})',
     ].join('\n'),
     insertTextRules: 'InsertAsSnippet',
-    detail: '确认弹出框 By Fusion'
+    detail: '确认弹出框 By Fusion',
   },
   {
     label: 'Message.success',
     kind: 'Method',
     insertText: 'Message.success(${1:content})',
     insertTextRules: 'InsertAsSnippet',
-    detail: '成功反馈提示 By Fusion'
+    detail: '成功反馈提示 By Fusion',
   },
   {
     label: 'Message.error',
     kind: 'Method',
     insertText: 'Message.error(${1:content})',
     insertTextRules: 'InsertAsSnippet',
-    detail: '错误反馈提示 By Fusion'
+    detail: '错误反馈提示 By Fusion',
   },
   {
     label: 'Message.help',
     kind: 'Method',
     insertText: 'Message.help(${1:content})',
     insertTextRules: 'InsertAsSnippet',
-    detail: '帮助反馈提示 By Fusion'
+    detail: '帮助反馈提示 By Fusion',
   },
   {
     label: 'Message.loading',
     kind: 'Method',
     insertText: 'Message.loading(${1:content})',
     insertTextRules: 'InsertAsSnippet',
-    detail: 'loading反馈提示 By Fusion'
+    detail: 'loading反馈提示 By Fusion',
   },
   {
     label: 'Message.notice',
     kind: 'Method',
     insertText: 'Message.notice(${1:content})',
     insertTextRules: 'InsertAsSnippet',
-    detail: '注意反馈提示 By Fusion'
+    detail: '注意反馈提示 By Fusion',
   },
   {
     label: 'Message.waining',
     kind: 'Method',
     insertText: 'Message.waining(${1:content})',
     insertTextRules: 'InsertAsSnippet',
-    detail: '警告反馈提示 By Fusion'
+    detail: '警告反馈提示 By Fusion',
   },
   {
     label: 'Modal.confirm',
@@ -162,10 +162,10 @@ export default [
       '\tonCancel: () => {',
       '\t\t$4',
       '\t}',
-      '})'
+      '})',
     ].join('\n'),
     insertTextRules: 'InsertAsSnippet',
-    detail: '确认弹出框 By Antd'
+    detail: '确认弹出框 By Antd',
   },
   {
     label: 'Modal.info',
@@ -180,10 +180,10 @@ export default [
       '\tonCancel: () => {',
       '\t\t$4',
       '\t}',
-      '})'
+      '})',
     ].join('\n'),
     insertTextRules: 'InsertAsSnippet',
-    detail: '信息弹出框 By Antd'
+    detail: '信息弹出框 By Antd',
   },
   {
     label: 'Modal.success',
@@ -198,10 +198,10 @@ export default [
       '\tonCancel: () => {',
       '\t\t$4',
       '\t}',
-      '})'
+      '})',
     ].join('\n'),
     insertTextRules: 'InsertAsSnippet',
-    detail: '成功弹出框 By Antd'
+    detail: '成功弹出框 By Antd',
   },
   {
     label: 'Modal.error',
@@ -216,10 +216,10 @@ export default [
       '\tonCancel: () => {',
       '\t\t$4',
       '\t}',
-      '})'
+      '})',
     ].join('\n'),
     insertTextRules: 'InsertAsSnippet',
-    detail: '错误弹出框 By Antd'
+    detail: '错误弹出框 By Antd',
   },
   {
     label: 'Modal.warning',
@@ -234,9 +234,9 @@ export default [
       '\tonCancel: () => {',
       '\t\t$4',
       '\t}',
-      '})'
+      '})',
     ].join('\n'),
     insertTextRules: 'InsertAsSnippet',
-    detail: '警告弹出框 By Antd'
-  }
-];
\ No newline at end of file
+    detail: '警告弹出框 By Antd',
+  },
+];
diff --git a/packages/editor-setters/src/json-setter/locale/utils.ts b/packages/editor-setters/src/json-setter/locale/utils.ts
index a02a8dd06..d401ad511 100644
--- a/packages/editor-setters/src/json-setter/locale/utils.ts
+++ b/packages/editor-setters/src/json-setter/locale/utils.ts
@@ -1,11 +1,11 @@
 import IntlMessageFormat from 'intl-messageformat';
 
 export const isJSExpression = (obj = '') => {
-  if(obj && typeof obj === 'object' && obj.type === 'JSExpression') {
+  if (obj && typeof obj === 'object' && obj.type === 'JSExpression') {
     return true;
   }
   return false;
-}
+};
 
 /**
  * 用于构造国际化字符串处理函数
@@ -18,4 +18,4 @@ export const generateI18n = (locale = 'zh-CN', messages = {}) => {
     const formater = new IntlMessageFormat(messages[key], locale);
     return formater.format(values);
   };
-}
+};
diff --git a/packages/editor-setters/src/json-setter/locale/zh-CN.ts b/packages/editor-setters/src/json-setter/locale/zh-CN.ts
index 951596009..f4f2e0630 100644
--- a/packages/editor-setters/src/json-setter/locale/zh-CN.ts
+++ b/packages/editor-setters/src/json-setter/locale/zh-CN.ts
@@ -33,4 +33,4 @@ export default {
   object: '对象ObjectButton',
   reactNode: '节点类型ReactNode',
   typeError: 'Minix组件属性Types配置错误，存在不支持类型[{type}]，请检查组件属性配置',
-};
\ No newline at end of file
+};
diff --git a/packages/editor-setters/src/locale/snippets.ts b/packages/editor-setters/src/locale/snippets.ts
index 7c8484c4f..2bcb0dd00 100644
--- a/packages/editor-setters/src/locale/snippets.ts
+++ b/packages/editor-setters/src/locale/snippets.ts
@@ -4,21 +4,21 @@ export default [
     kind: 'Class',
     insertText: 'constants',
     detail: '应用全局常量',
-    documentation: '应用范围定义的通用常量'
+    documentation: '应用范围定义的通用常量',
   },
   {
     label: 'utils',
     kind: 'Class',
     insertText: 'utils',
     detail: '应用全局公共函数',
-    documentation: '应用范围扩展的公共函数'
+    documentation: '应用范围扩展的公共函数',
   },
   {
     label: 'state',
     kind: 'Enum',
     insertText: 'state',
     detail: '当前所在容器组件内部状态',
-    documentation: 'React Class内部状态state'
+    documentation: 'React Class内部状态state',
   },
   {
     label: 'setState',
@@ -26,7 +26,7 @@ export default [
     insertText: 'setState({\n\t$0\n})',
     insertTextRules: 'InsertAsSnippet',
     detail: '设置当前所在容器组件的state数据',
-    documentation: '原生React方法，会自动更新组件视图'
+    documentation: '原生React方法，会自动更新组件视图',
   },
   {
     label: 'reloadDataSource',
@@ -34,45 +34,45 @@ export default [
     insertText: 'reloadDataSource(${1:${2:namespace}, ${3:false}, ${4:callback}})',
     insertTextRules: 'InsertAsSnippet',
     detail: '刷新当前所在的容器组件',
-    documentation: '触发当前所在的容器组件，重新发送异步请求，并用最新数据更新视图'
+    documentation: '触发当前所在的容器组件，重新发送异步请求，并用最新数据更新视图',
   },
   {
     label: 'location',
     kind: 'Class',
     insertText: 'location',
-    detail: '路由解析对象'
+    detail: '路由解析对象',
   },
   {
     label: 'location.query',
     kind: 'Value',
     insertText: 'location.query.${1:xxxx}',
     insertTextRules: 'InsertAsSnippet',
-    detail: '从路由解析对象中获取参数信息'
+    detail: '从路由解析对象中获取参数信息',
   },
   {
     label: 'history',
     kind: 'Class',
     insertText: 'history',
-    detail: '路由历史对象'
+    detail: '路由历史对象',
   },
   {
     label: 'React',
     kind: 'Keyword',
     insertText: 'React',
-    detail: 'React对象'
+    detail: 'React对象',
   },
   {
     label: 'ReactDOM',
     kind: 'Keyword',
     insertText: 'ReactDOM',
-    detail: 'ReactDom对象'
+    detail: 'ReactDom对象',
   },
   {
     label: 'ReactDOM.findDOMNode',
     kind: 'Function',
     insertText: 'ReactDOM.findDOMNode(${1:this.refs.xxxx})',
     insertTextRules: 'InsertAsSnippet',
-    detail: 'ReactDom查找真实dom node'
+    detail: 'ReactDom查找真实dom node',
   },
   {
     label: 'Dialog.alert',
@@ -84,10 +84,10 @@ export default [
       '\tonOk: () => {',
       '\t\t$3',
       '\t}',
-      '})'
+      '})',
     ].join('\n'),
     insertTextRules: 'InsertAsSnippet',
-    detail: 'alert弹框 By Fusion'
+    detail: 'alert弹框 By Fusion',
   },
   {
     label: 'Dialog.confirm',
@@ -102,52 +102,52 @@ export default [
       '\tonCancel: () => {',
       '\t\t$4',
       '\t}',
-      '})'
+      '})',
     ].join('\n'),
     insertTextRules: 'InsertAsSnippet',
-    detail: '确认弹出框 By Fusion'
+    detail: '确认弹出框 By Fusion',
   },
   {
     label: 'Message.success',
     kind: 'Method',
     insertText: 'Message.success(${1:content})',
     insertTextRules: 'InsertAsSnippet',
-    detail: '成功反馈提示 By Fusion'
+    detail: '成功反馈提示 By Fusion',
   },
   {
     label: 'Message.error',
     kind: 'Method',
     insertText: 'Message.error(${1:content})',
     insertTextRules: 'InsertAsSnippet',
-    detail: '错误反馈提示 By Fusion'
+    detail: '错误反馈提示 By Fusion',
   },
   {
     label: 'Message.help',
     kind: 'Method',
     insertText: 'Message.help(${1:content})',
     insertTextRules: 'InsertAsSnippet',
-    detail: '帮助反馈提示 By Fusion'
+    detail: '帮助反馈提示 By Fusion',
   },
   {
     label: 'Message.loading',
     kind: 'Method',
     insertText: 'Message.loading(${1:content})',
     insertTextRules: 'InsertAsSnippet',
-    detail: 'loading反馈提示 By Fusion'
+    detail: 'loading反馈提示 By Fusion',
   },
   {
     label: 'Message.notice',
     kind: 'Method',
     insertText: 'Message.notice(${1:content})',
     insertTextRules: 'InsertAsSnippet',
-    detail: '注意反馈提示 By Fusion'
+    detail: '注意反馈提示 By Fusion',
   },
   {
     label: 'Message.waining',
     kind: 'Method',
     insertText: 'Message.waining(${1:content})',
     insertTextRules: 'InsertAsSnippet',
-    detail: '警告反馈提示 By Fusion'
+    detail: '警告反馈提示 By Fusion',
   },
   {
     label: 'Modal.confirm',
@@ -162,10 +162,10 @@ export default [
       '\tonCancel: () => {',
       '\t\t$4',
       '\t}',
-      '})'
+      '})',
     ].join('\n'),
     insertTextRules: 'InsertAsSnippet',
-    detail: '确认弹出框 By Antd'
+    detail: '确认弹出框 By Antd',
   },
   {
     label: 'Modal.info',
@@ -180,10 +180,10 @@ export default [
       '\tonCancel: () => {',
       '\t\t$4',
       '\t}',
-      '})'
+      '})',
     ].join('\n'),
     insertTextRules: 'InsertAsSnippet',
-    detail: '信息弹出框 By Antd'
+    detail: '信息弹出框 By Antd',
   },
   {
     label: 'Modal.success',
@@ -198,10 +198,10 @@ export default [
       '\tonCancel: () => {',
       '\t\t$4',
       '\t}',
-      '})'
+      '})',
     ].join('\n'),
     insertTextRules: 'InsertAsSnippet',
-    detail: '成功弹出框 By Antd'
+    detail: '成功弹出框 By Antd',
   },
   {
     label: 'Modal.error',
@@ -216,10 +216,10 @@ export default [
       '\tonCancel: () => {',
       '\t\t$4',
       '\t}',
-      '})'
+      '})',
     ].join('\n'),
     insertTextRules: 'InsertAsSnippet',
-    detail: '错误弹出框 By Antd'
+    detail: '错误弹出框 By Antd',
   },
   {
     label: 'Modal.warning',
@@ -234,9 +234,9 @@ export default [
       '\tonCancel: () => {',
       '\t\t$4',
       '\t}',
-      '})'
+      '})',
     ].join('\n'),
     insertTextRules: 'InsertAsSnippet',
-    detail: '警告弹出框 By Antd'
-  }
-];
\ No newline at end of file
+    detail: '警告弹出框 By Antd',
+  },
+];
diff --git a/packages/editor-setters/src/locale/utils.ts b/packages/editor-setters/src/locale/utils.ts
index a02a8dd06..d401ad511 100644
--- a/packages/editor-setters/src/locale/utils.ts
+++ b/packages/editor-setters/src/locale/utils.ts
@@ -1,11 +1,11 @@
 import IntlMessageFormat from 'intl-messageformat';
 
 export const isJSExpression = (obj = '') => {
-  if(obj && typeof obj === 'object' && obj.type === 'JSExpression') {
+  if (obj && typeof obj === 'object' && obj.type === 'JSExpression') {
     return true;
   }
   return false;
-}
+};
 
 /**
  * 用于构造国际化字符串处理函数
@@ -18,4 +18,4 @@ export const generateI18n = (locale = 'zh-CN', messages = {}) => {
     const formater = new IntlMessageFormat(messages[key], locale);
     return formater.format(values);
   };
-}
+};
diff --git a/packages/editor-setters/src/locale/zh-CN.ts b/packages/editor-setters/src/locale/zh-CN.ts
index 951596009..f4f2e0630 100644
--- a/packages/editor-setters/src/locale/zh-CN.ts
+++ b/packages/editor-setters/src/locale/zh-CN.ts
@@ -33,4 +33,4 @@ export default {
   object: '对象ObjectButton',
   reactNode: '节点类型ReactNode',
   typeError: 'Minix组件属性Types配置错误，存在不支持类型[{type}]，请检查组件属性配置',
-};
\ No newline at end of file
+};
diff --git a/packages/editor-setters/src/mixed-setter/index.tsx b/packages/editor-setters/src/mixed-setter/index.tsx
index 7d288cc93..f99c1bec3 100644
--- a/packages/editor-setters/src/mixed-setter/index.tsx
+++ b/packages/editor-setters/src/mixed-setter/index.tsx
@@ -10,6 +10,7 @@ import './index.scss';
 
 export default class Mixed extends PureComponent {
   static displayName = 'Mixed';
+
   static propTypes = {
     locale: PropTypes.string,
     messages: PropTypes.object,
@@ -22,6 +23,7 @@ export default class Mixed extends PureComponent {
     selectProps: PropTypes.object,
     radioGroupProps: PropTypes.object,
   };
+
   static defaultProps = {
     locale: 'zh-CN',
     messages: zhCN,
@@ -32,22 +34,25 @@ export default class Mixed extends PureComponent {
       },
     ],
   };
+
   typeMap: any;
-  i18n: (key: any, values?: {}) => string | void | Array<string | void>;
-  constructor(props: Readonly<{}>) {
+
+  i18n: (key: any, values) => string | void | Array<string | void>;
+
+  constructor(props: Readonly) {
     super(props);
     const type = props.defaultType; // judgeTypeHandler(props, {});
     this.i18n = generateI18n(props.locale, props.messages);
     this.state = {
-      preType: type,
       type,
     };
   }
+
   changeType(type: string) {
     if (typeof type === 'object' || type === this.state.type) return;
     const { onChange } = this.props;
-    let newValue = undefined;
-    const setterProps = this.typeMap[type]['props'];
+    let newValue;
+    const setterProps = this.typeMap[type].props;
     if (setterProps) {
       if (setterProps.value !== undefined) {
         newValue = setterProps.value;
@@ -56,11 +61,12 @@ export default class Mixed extends PureComponent {
       }
     }
     if (type === 'BoolSetter' && newValue === undefined) {
-      newValue = false; //给切换到switch默认值为false
+      newValue = false; // 给切换到switch默认值为false
     }
     this.setState({ type });
     onChange && onChange(newValue);
   }
+
   render() {
     const { style = {}, className, locale, messages, types = [], defaultType, ...restProps } = this.props;
     this.typeMap = {};
@@ -78,7 +84,7 @@ export default class Mixed extends PureComponent {
       realTypes.push(name);
     });
     let moreBtnNode = null;
-    //如果只有2种，且有变量表达式，则直接展示变量按钮
+    // 如果只有2种，且有变量表达式，则直接展示变量按钮
     if (realTypes.length > 1) {
       const isTwoType = !!(realTypes.length === 2 && ~realTypes.indexOf('ExpressionSetter'));
       const btnProps = {
@@ -108,10 +114,11 @@ export default class Mixed extends PureComponent {
       if (isTwoType) {
         moreBtnNode = triggerNode;
       } else {
+        // eslint-disable-next-line @typescript-eslint/ban-types
         const MenuItems: {} | null | undefined = [];
         realTypes.map((type) => {
           if (this.typeMap[type]) {
-            MenuItems.push(<Menu.Item key={type}>{this.typeMap[type]['label']}</Menu.Item>);
+            MenuItems.push(<Menu.Item key={type}>{this.typeMap[type].label}</Menu.Item>);
           } else {
             console.error(
               this.i18n('typeError', {
@@ -119,6 +126,7 @@ export default class Mixed extends PureComponent {
               }),
             );
           }
+          return type;
         });
         const MenuNode = (
           <Menu
diff --git a/packages/editor-setters/src/mixed-setter/locale/utils.ts b/packages/editor-setters/src/mixed-setter/locale/utils.ts
index a02a8dd06..d401ad511 100644
--- a/packages/editor-setters/src/mixed-setter/locale/utils.ts
+++ b/packages/editor-setters/src/mixed-setter/locale/utils.ts
@@ -1,11 +1,11 @@
 import IntlMessageFormat from 'intl-messageformat';
 
 export const isJSExpression = (obj = '') => {
-  if(obj && typeof obj === 'object' && obj.type === 'JSExpression') {
+  if (obj && typeof obj === 'object' && obj.type === 'JSExpression') {
     return true;
   }
   return false;
-}
+};
 
 /**
  * 用于构造国际化字符串处理函数
@@ -18,4 +18,4 @@ export const generateI18n = (locale = 'zh-CN', messages = {}) => {
     const formater = new IntlMessageFormat(messages[key], locale);
     return formater.format(values);
   };
-}
+};
diff --git a/packages/editor-setters/src/mixed-setter/locale/zh-CN.ts b/packages/editor-setters/src/mixed-setter/locale/zh-CN.ts
index 951596009..f4f2e0630 100644
--- a/packages/editor-setters/src/mixed-setter/locale/zh-CN.ts
+++ b/packages/editor-setters/src/mixed-setter/locale/zh-CN.ts
@@ -33,4 +33,4 @@ export default {
   object: '对象ObjectButton',
   reactNode: '节点类型ReactNode',
   typeError: 'Minix组件属性Types配置错误，存在不支持类型[{type}]，请检查组件属性配置',
-};
\ No newline at end of file
+};
diff --git a/packages/editor-setters/src/style-setter/index.tsx b/packages/editor-setters/src/style-setter/index.tsx
index b6a75679c..004fe2bf1 100644
--- a/packages/editor-setters/src/style-setter/index.tsx
+++ b/packages/editor-setters/src/style-setter/index.tsx
@@ -5,25 +5,26 @@ import LowStyleSetter from '@ali/lc-style-setter';
 import { globalLocale } from '@ali/lowcode-editor-core';
 
 export default class StyleSetter extends Component {
-
   static displayName = 'StyleSetter';
+
   static propTypes = {
     value: PropTypes.object,
     onChange: PropTypes.func,
     placeholder: PropTypes.string,
-    locale: PropTypes.string
+    locale: PropTypes.string,
   };
+
   static defaultProps = {
     value: {},
     onChange: () => { },
     placeholder: '',
-    locale: globalLocale.getLocale() || 'en-US'
+    locale: globalLocale.getLocale() || 'en-US',
   };
 
   onChange = (val: any) => {
     const { onChange } = this.props;
     onChange(val.native);
-  }
+  };
 
   render() {
     const { value } = this.props;
@@ -33,5 +34,4 @@ export default class StyleSetter extends Component {
       </div>
     );
   }
-
 }
diff --git a/packages/editor-skeleton/.eslintrc.js b/packages/editor-skeleton/.eslintrc.js
new file mode 100644
index 000000000..0430ed0a5
--- /dev/null
+++ b/packages/editor-skeleton/.eslintrc.js
@@ -0,0 +1,16 @@
+module.exports = {
+  extends: '../../.eslintrc.js',
+  rules: {
+    'react/no-multi-comp': 1,
+    '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-confusing-arrow': 1,
+    'no-case-declarations': 1,
+  }
+}
\ No newline at end of file
diff --git a/packages/editor-skeleton/src/area.ts b/packages/editor-skeleton/src/area.ts
index d0f4b0f4f..6ff3b6e07 100644
--- a/packages/editor-skeleton/src/area.ts
+++ b/packages/editor-skeleton/src/area.ts
@@ -5,7 +5,7 @@ import { IWidget } from './widget/widget';
 import { IWidgetBaseConfig } from './types';
 
 export default class Area<C extends IWidgetBaseConfig = any, T extends IWidget = IWidget> {
-  @obx private _visible: boolean = true;
+  @obx private _visible = true;
 
   @computed get visible() {
     if (this.exclusive) {
@@ -22,7 +22,8 @@ export default class Area<C extends IWidgetBaseConfig = any, T extends IWidget =
   }
 
   readonly container: WidgetContainer<T, C>;
-  constructor(readonly skeleton: Skeleton, readonly name: string, handle: (item: T | C) => T, private exclusive?: boolean, defaultSetCurrent: boolean = false) {
+
+  constructor(readonly skeleton: Skeleton, readonly name: string, handle: (item: T | C) => T, private exclusive?: boolean, defaultSetCurrent = false) {
     this.container = skeleton.createContainer(name, handle, exclusive, () => this.visible, defaultSetCurrent);
   }
 
@@ -43,11 +44,12 @@ export default class Area<C extends IWidgetBaseConfig = any, T extends IWidget =
   }
 
   private lastCurrent: T | null = null;
+
   setVisible(flag: boolean) {
     if (this.exclusive) {
-      const current = this.container.current;
+      const { current } = this.container;
       if (flag && !current) {
-        this.container.active(this.lastCurrent || this.container.getAt(0))
+        this.container.active(this.lastCurrent || this.container.getAt(0));
       } else if (current) {
         this.lastCurrent = current;
         this.container.unactive(current);
diff --git a/packages/editor-skeleton/src/components/array-setter/index.tsx b/packages/editor-skeleton/src/components/array-setter/index.tsx
index 34d53dc42..0ec51b815 100644
--- a/packages/editor-skeleton/src/components/array-setter/index.tsx
+++ b/packages/editor-skeleton/src/components/array-setter/index.tsx
@@ -73,8 +73,8 @@ export class ListSetter extends Component<ArraySetterProps, ArraySetterState> {
 
   onSort(sortedIds: Array<string | number>) {
     const { itemsMap } = this.state;
-    const { onChange ,itemSetter,field} = this.props;
-    const items = sortedIds.map((id, index) => {
+    const { onChange, itemSetter, field } = this.props;
+    const items = sortedIds.map((id) => {
       const item = itemsMap.get(id)!;
       // item.setKey(index);
       return item;
@@ -85,7 +85,8 @@ export class ListSetter extends Component<ArraySetterProps, ArraySetterState> {
     });
 
     // 对itemsMap重新生成并刷新当前setter数据
-    let newItems = [],newItemsMap = {}
+    const newItems = [];
+    // const newItemsMap = {};
     itemsMap.clear();
     for (let i = 0; i < items.length; i++) {
       const newItem = field.createField({
@@ -101,12 +102,13 @@ export class ListSetter extends Component<ArraySetterProps, ArraySetterState> {
 
     onChange(values);
     this.setState({
-      items:newItems,
-      itemsMap
+      items: newItems,
+      itemsMap,
     });
   }
 
   private scrollToLast = false;
+
   onAdd() {
     const { items, itemsMap } = this.state;
     const { itemSetter } = this.props;
@@ -127,7 +129,7 @@ export class ListSetter extends Component<ArraySetterProps, ArraySetterState> {
   }
 
   onRemove(field: SettingField) {
-    const {onChange, itemSetter} = this.props;
+    const { onChange } = this.props;
     const { items, itemsMap } = this.state;
     let i = items.indexOf(field);
     const values = items.map((item) => {
@@ -145,7 +147,7 @@ export class ListSetter extends Component<ArraySetterProps, ArraySetterState> {
     }
     itemsMap.delete(field.id);
     field.remove();
-    onChange(values)
+    onChange(values);
     this.setState({ items: items.slice() });
   }
 
@@ -171,7 +173,7 @@ export class ListSetter extends Component<ArraySetterProps, ArraySetterState> {
     }
 
     const { items } = this.state;
-    const scrollToLast = this.scrollToLast;
+    const { scrollToLast } = this;
     this.scrollToLast = false;
     const lastIndex = items.length - 1;
 
@@ -197,12 +199,12 @@ export class ListSetter extends Component<ArraySetterProps, ArraySetterState> {
 
     return (
       <div className="lc-setter-list lc-block-setter">
-        {/*<div className="lc-block-setter-actions">
+        {/* <div className="lc-block-setter-actions">
           <Button size="medium" onClick={this.onAdd.bind(this)}>
             <Icon type="add" />
             <span>添加</span>
           </Button>
-        </div>*/}
+        </div> */}
         {columns && <div className="lc-setter-list-columns">{columns}</div>}
         {content}
         <Button className="lc-setter-list-add" type="primary" onClick={this.onAdd.bind(this)}>
@@ -222,16 +224,19 @@ class ArrayItem extends Component<{
   shouldComponentUpdate() {
     return false;
   }
+
   private shell?: HTMLDivElement | null;
+
   componentDidMount() {
     if (this.props.scrollIntoView && this.shell) {
       this.shell.parentElement!.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
     }
   }
+
   render() {
     const { onRemove, field } = this.props;
     return (
-      <div className="lc-listitem" ref={(ref) => (this.shell = ref)}>
+      <div className="lc-listitem" ref={(ref) => { this.shell = ref; }}>
         <div draggable className="lc-listitem-handler">
           <Icon type="ellipsis" size="small" />
         </div>
@@ -261,7 +266,9 @@ export default class ArraySetter extends Component<{
   multiValue?: boolean;
 }> {
   static contextType = PopupContext;
+
   private pipe: any;
+
   render() {
     const { mode, forceInline, ...props } = this.props;
     const { field, itemSetter } = props;
@@ -277,7 +284,6 @@ export default class ArraySetter extends Component<{
     }
 
     if (mode === 'popup' || forceInline) {
-
       const title = (
         <Fragment>
           编辑：
diff --git a/packages/editor-skeleton/src/components/array-setter/sortable.tsx b/packages/editor-skeleton/src/components/array-setter/sortable.tsx
index 3329470f1..1ce68a443 100644
--- a/packages/editor-skeleton/src/components/array-setter/sortable.tsx
+++ b/packages/editor-skeleton/src/components/array-setter/sortable.tsx
@@ -10,12 +10,15 @@ class Sortable extends Component<{
   children: ReactElement[];
 }> {
   private shell?: HTMLDivElement | null;
+
   private items?: Array<string | number>;
+
   private willDetach?: () => void;
+
   componentDidMount() {
     const box = this.shell!;
 
-    let isDragEnd: boolean = false;
+    let isDragEnd = false;
 
     /**
      * target node to be dragged
diff --git a/packages/editor-skeleton/src/components/field/fields.tsx b/packages/editor-skeleton/src/components/field/fields.tsx
index 5b3508d64..153dd593b 100644
--- a/packages/editor-skeleton/src/components/field/fields.tsx
+++ b/packages/editor-skeleton/src/components/field/fields.tsx
@@ -35,19 +35,23 @@ export class Field extends Component<FieldProps> {
 
   private toggleExpand = () => {
     const { onExpandChange } = this.props;
+    // eslint-disable-next-line react/no-access-state-in-setstate
     const collapsed = !this.state.collapsed;
     this.setState({
       collapsed,
     });
     onExpandChange && onExpandChange(!collapsed);
   };
+
   private body: HTMLDivElement | null = null;
+
   private dispose?: () => void;
+
   private deployBlockTesting() {
     if (this.dispose) {
       this.dispose();
     }
-    const body = this.body;
+    const { body } = this;
     if (!body) {
       return;
     }
@@ -73,16 +77,19 @@ export class Field extends Component<FieldProps> {
     });
     this.dispose = () => observer.disconnect();
   }
+
   private handleClear(e: React.MouseEvent) {
     e.stopPropagation();
     this.props.onClear && this.props.onClear();
   }
+
   componentDidMount() {
     const { defaultDisplay } = this.props;
     if (!defaultDisplay || defaultDisplay === 'inline') {
       this.deployBlockTesting();
     }
   }
+
   componentWillUnmount() {
     if (this.dispose) {
       this.dispose();
@@ -124,7 +131,7 @@ export class Field extends Component<FieldProps> {
       return null;
     }
 
-    const { className, children, meta, title, valueState, onClear, name: propName, tip } = this.props;
+    const { className, children, meta, title, valueState, name: propName, tip } = this.props;
     const { display, collapsed } = this.state;
     const isAccordion = display === 'accordion';
     let hostName = '';
@@ -154,7 +161,7 @@ export class Field extends Component<FieldProps> {
             </div>
           )
         }
-        <div key="body" ref={(shell) => (this.body = shell)} className="lc-field-body">
+        <div key="body" ref={(shell) => { this.body = shell; }} className="lc-field-body">
           {children}
         </div>
       </div>
@@ -173,7 +180,7 @@ export class Field extends Component<FieldProps> {
  *
  * TODO: turn number to enum
  */
-function createValueState(valueState?: number, onClear?: (e: React.MouseEvent) => void) {
+function createValueState(/* valueState?: number, onClear?: (e: React.MouseEvent) => void */) {
   return null;
   /*
   let tip: any = null;
@@ -216,6 +223,7 @@ export interface PopupFieldProps extends FieldProps {
 
 export class PopupField extends Component<PopupFieldProps> {
   static contextType = PopupContext;
+
   private pipe: any;
 
   static defaultProps: PopupFieldProps = {
@@ -282,7 +290,7 @@ export class PlainField extends Component<FieldProps> {
   render() {
     const { className, children } = this.props;
     return (
-      <div className={classNames(`lc-field lc-plain-field`, className)}>
+      <div className={classNames('lc-field lc-plain-field', className)}>
         <div className="lc-field-body">{children}</div>
       </div>
     );
diff --git a/packages/editor-skeleton/src/components/mixed-setter/index.tsx b/packages/editor-skeleton/src/components/mixed-setter/index.tsx
index 656e8e938..c182873ee 100644
--- a/packages/editor-skeleton/src/components/mixed-setter/index.tsx
+++ b/packages/editor-skeleton/src/components/mixed-setter/index.tsx
@@ -115,9 +115,12 @@ export default class MixedSetter extends Component<{
   className?: string;
 }> {
   private setters = nomalizeSetters(this.props.setters);
+
   // set name ,used in setting Transducer
   static displayName = 'MixedSetter';
+
   @obx.ref private used?: string;
+
   @computed private getCurrentSetter() {
     const { field } = this.props;
     let firstMatched: SetterItem | undefined;
@@ -143,7 +146,7 @@ export default class MixedSetter extends Component<{
   private hasVariableSetter = this.setters.some((item) => item.name === 'VariableSetter');
 
   private useSetter = (name: string) => {
-    const { field, onChange } = this.props;
+    const { field } = this.props;
     if (name === 'VariableSetter') {
       const setterComponent = getSetter('VariableSetter')?.component as any;
       if (setterComponent && setterComponent.isPopup) {
@@ -171,6 +174,7 @@ export default class MixedSetter extends Component<{
   }
 
   private shell: HTMLDivElement | null = null;
+
   private checkIsBlockField() {
     if (this.shell) {
       const setter = this.shell.firstElementChild;
@@ -181,9 +185,11 @@ export default class MixedSetter extends Component<{
       }
     }
   }
+
   componentDidUpdate() {
     this.checkIsBlockField();
   }
+
   componentDidMount() {
     this.checkIsBlockField();
   }
@@ -220,7 +226,7 @@ export default class MixedSetter extends Component<{
       ...extraProps,
       onInitial: () => {
         this.handleInitial(currentSetter);
-      }
+      },
     });
   }
 
@@ -307,7 +313,7 @@ export default class MixedSetter extends Component<{
     );
     return (
       <Dropdown trigger={triggerNode} triggerType="click" align="tr br">
-        <Menu selectMode="single" hasSelectedIcon={true} selectedKeys={usedName} onItemClick={this.useSetter}>
+        <Menu selectMode="single" hasSelectedIcon selectedKeys={usedName} onItemClick={this.useSetter}>
           {this.setters
             .filter((setter) => setter.list || setter.name === usedName)
             .map((setter) => {
@@ -344,7 +350,7 @@ export default class MixedSetter extends Component<{
     }
 
     return (
-      <div ref={(shell) => (this.shell = shell)} className={classNames('lc-setter-mixed', className)}>
+      <div ref={(shell) => { this.shell = shell; }} className={classNames('lc-setter-mixed', className)}>
         {contents.setterContent}
         <div className="lc-setter-actions">{contents.actions}</div>
       </div>
diff --git a/packages/editor-skeleton/src/components/object-setter/index.tsx b/packages/editor-skeleton/src/components/object-setter/index.tsx
index 7db49483b..dd600ef6f 100644
--- a/packages/editor-skeleton/src/components/object-setter/index.tsx
+++ b/packages/editor-skeleton/src/components/object-setter/index.tsx
@@ -20,7 +20,7 @@ export default class ObjectSetter extends Component<{
     if (forceInline || mode === 'popup') {
       if (forceInline > 2 || mode === 'popup') {
         // popup
-        return <RowSetter {...props} primaryButton={forceInline ? false : true} />;
+        return <RowSetter {...props} primaryButton={!forceInline} />;
       } else {
         return <RowSetter columns={forceInline > 1 ? 2 : 4} {...props} />;
       }
@@ -52,6 +52,7 @@ class RowSetter extends Component<RowSetterProps> {
   };
 
   private items?: SettingField[];
+
   constructor(props: RowSetterProps) {
     super(props);
     const { config, descriptor, field, columns } = props;
@@ -75,9 +76,9 @@ class RowSetter extends Component<RowSetterProps> {
       this.items = items;
     }
 
-    let firstRun: boolean = true;
+    let firstRun = true;
     field.onEffect(() => {
-      let state: any = {};
+      const state: any = {};
       if (descriptor) {
         if (typeof descriptor === 'function') {
           state.descriptor = descriptor(field);
@@ -105,8 +106,9 @@ class RowSetter extends Component<RowSetterProps> {
   }
 
   private pipe: any;
+
   render() {
-    const items = this.items;
+    const { items } = this;
     const { field, primaryButton, config } = this.props;
 
     if (!this.pipe) {
@@ -158,6 +160,7 @@ interface FormSetterProps {
 }
 class FormSetter extends Component<FormSetterProps> {
   private items: SettingField[];
+
   constructor(props: RowSetterProps) {
     super(props);
     const { config, field } = props;
diff --git a/packages/editor-skeleton/src/components/popup/index.tsx b/packages/editor-skeleton/src/components/popup/index.tsx
index 43b3f20a6..c83ad6d4c 100644
--- a/packages/editor-skeleton/src/components/popup/index.tsx
+++ b/packages/editor-skeleton/src/components/popup/index.tsx
@@ -8,6 +8,7 @@ export const PopupContext = createContext<PopupPipe>({} as any);
 
 export class PopupPipe {
   private emitter = new EventEmitter();
+
   private currentId?: string;
 
   create(props?: object): { send: (content: ReactNode, title: ReactNode) => void; show: (target: Element) => void } {
@@ -71,7 +72,7 @@ export default class PopupService extends Component<{ popupPipe?: PopupPipe; act
     return (
       <PopupContext.Provider value={this.popupPipe}>
         {children}
-        <PopupContent key={'pop' + actionKey} safeId={safeId} />
+        <PopupContent key={`pop${ actionKey}`} safeId={safeId} />
       </PopupContext.Provider>
     );
   }
@@ -79,6 +80,7 @@ export default class PopupService extends Component<{ popupPipe?: PopupPipe; act
 
 export class PopupContent extends PureComponent<{ safeId?: string }> {
   static contextType = PopupContext;
+
   state: any = {
     visible: false,
     pos: {},
@@ -125,7 +127,7 @@ export class PopupContent extends PureComponent<{ safeId?: string }> {
         safeNode={id}
         visible={visible}
         style={{ width }}
-        onVisibleChange={(visible,type) => {
+        onVisibleChange={(visible, type) => {
           if (avoidLaterHidden) {
             return;
           }
diff --git a/packages/editor-skeleton/src/components/settings/index.ts b/packages/editor-skeleton/src/components/settings/index.ts
index 4738b3e54..0758f6a21 100644
--- a/packages/editor-skeleton/src/components/settings/index.ts
+++ b/packages/editor-skeleton/src/components/settings/index.ts
@@ -1,3 +1,4 @@
 import './style.less';
+
 export * from './settings-primary-pane';
 export * from './settings-pane';
diff --git a/packages/editor-skeleton/src/components/settings/main.ts b/packages/editor-skeleton/src/components/settings/main.ts
index e18bcc610..40e62059e 100644
--- a/packages/editor-skeleton/src/components/settings/main.ts
+++ b/packages/editor-skeleton/src/components/settings/main.ts
@@ -11,7 +11,9 @@ function generateSessionId(nodes: Node[]) {
 
 export class SettingsMain {
   private emitter = new EventEmitter();
+
   private _sessionId = '';
+
   @obx.ref private _settings?: SettingTopEntry;
 
   @computed get length(): number | undefined {
diff --git a/packages/editor-skeleton/src/components/settings/settings-pane.tsx b/packages/editor-skeleton/src/components/settings/settings-pane.tsx
index b299e810a..65772a87e 100644
--- a/packages/editor-skeleton/src/components/settings/settings-pane.tsx
+++ b/packages/editor-skeleton/src/components/settings/settings-pane.tsx
@@ -1,5 +1,5 @@
 import { Component, MouseEvent, Fragment } from 'react';
-import { shallowIntl, createSetterContent, observer, obx, Title } from '@ali/lowcode-editor-core';
+import { shallowIntl, createSetterContent, observer, obx } from '@ali/lowcode-editor-core';
 import { createContent } from '@ali/lowcode-utils';
 import { createField } from '../field';
 import PopupService, { PopupPipe } from '../popup';
@@ -9,8 +9,10 @@ import { SettingField, isSettingField, SettingTopEntry, SettingEntry } from '@al
 import { isSetterConfig, CustomView } from '@ali/lowcode-types';
 import { intl } from '../../locale';
 import { Skeleton } from 'editor-skeleton/src/skeleton';
+
 function transformStringToFunction(str) {
   if (typeof str !== 'string') return str;
+  // eslint-disable-next-line no-new-func
   return new Function(`"use strict"; return ${str}`)();
 }
 
@@ -93,7 +95,7 @@ class SettingFieldView extends Component<{ field: SettingField }> {
     if (display === 'entry') {
       const stage = stages.add({
         type: 'Widget',
-        name: field.getNode().id + '_' + field.name.toString(),
+        name: `${field.getNode().id }_${ field.name.toString()}`,
         content: <Fragment>{field.items.map((item, index) => createSettingFieldView(item, field, index))}</Fragment>,
         props: {
           title: field.title,
@@ -127,6 +129,7 @@ class SettingFieldView extends Component<{ field: SettingField }> {
           value, // reaction point
           onChange: (value: any) => {
             this.setState({
+              // eslint-disable-next-line react/no-unused-state
               value,
             });
             field.setValue(value);
@@ -138,14 +141,15 @@ class SettingFieldView extends Component<{ field: SettingField }> {
             }
             const value = typeof initialValue === 'function' ? initialValue(field) : initialValue;
             this.setState({
+              // eslint-disable-next-line react/no-unused-state
               value,
             });
             field.setValue(value);
           },
 
-          removeProp:()=>{
+          removeProp: () => {
             field.parent.clearPropValue(field.name);
-          }
+          },
         }),
       extraProps.forceInline ? 'plain' : extraProps.display,
     );
@@ -177,7 +181,7 @@ class SettingGroupView extends Component<{ field: SettingField }> {
     if (display === 'entry') {
       const stage = stages.add({
         type: 'Widget',
-        name: field.getNode().id + '_' + field.name.toString(),
+        name: `${field.getNode().id }_${ field.name.toString()}`,
         content: <Fragment>{field.items.map((item, index) => createSettingFieldView(item, field, index))}</Fragment>,
         props: {
           title: field.title,
@@ -223,6 +227,7 @@ export type SettingsPaneProps = {
 @observer
 export class SettingsPane extends Component<SettingsPaneProps> {
   static contextType = SkeletonContext;
+
   @obx
   private currentStage?: Stage;
 
@@ -231,6 +236,7 @@ export class SettingsPane extends Component<SettingsPaneProps> {
   }
 
   private popupPipe = new PopupPipe();
+
   private pipe = this.popupPipe.create();
 
   private handleClick = (e: MouseEvent) => {
@@ -274,7 +280,7 @@ export class SettingsPane extends Component<SettingsPaneProps> {
 
   render() {
     const { target } = this.props;
-    const items = target.items;
+    const { items } = target;
 
     return (
       <div className="lc-settings-pane" onClick={this.handleClick}>
diff --git a/packages/editor-skeleton/src/components/settings/utils.ts b/packages/editor-skeleton/src/components/settings/utils.ts
index b8f5bbdcc..86ba0ed53 100644
--- a/packages/editor-skeleton/src/components/settings/utils.ts
+++ b/packages/editor-skeleton/src/components/settings/utils.ts
@@ -4,7 +4,7 @@ function getHotterFromSetter(setter) {
 
 function getTransducerFromSetter(setter) {
   return setter && (
-      setter.transducer || setter.Transducer
+    setter.transducer || setter.Transducer
       || (setter.type && (setter.type.transducer || setter.type.Transducer))
     ) || null; // eslint-disable-line
 }
diff --git a/packages/editor-skeleton/src/components/slot-setter/index.tsx b/packages/editor-skeleton/src/components/slot-setter/index.tsx
index 344a2a2a3..584cac2f0 100644
--- a/packages/editor-skeleton/src/components/slot-setter/index.tsx
+++ b/packages/editor-skeleton/src/components/slot-setter/index.tsx
@@ -11,7 +11,7 @@ export default class SlotSetter extends Component<{
   supportParams?: boolean;
 }> {
   private handleInitial = () => {
-    const { value, onChange, onInitial } = this.props;
+    const { onChange, onInitial } = this.props;
     if (onInitial) {
       onInitial();
       return;
@@ -24,6 +24,7 @@ export default class SlotSetter extends Component<{
       value: null,
     });
   };
+
   render() {
     const { value, onChange, supportParams } = this.props;
     if (!isJSSlot(value)) {
diff --git a/packages/editor-skeleton/src/components/stage-box/stage-box.tsx b/packages/editor-skeleton/src/components/stage-box/stage-box.tsx
index 5996eec31..f80479dca 100644
--- a/packages/editor-skeleton/src/components/stage-box/stage-box.tsx
+++ b/packages/editor-skeleton/src/components/stage-box/stage-box.tsx
@@ -27,7 +27,9 @@ export default class StageBox extends Component<StageBoxProps> {
   static displayName = 'StageBox';
 
   private stageChain: StageChain;
+
   private willDetach: WillDetachMember[] = [];
+
   private shell: HTMLElement | null;
 
   constructor(props: StageBoxProps) {
@@ -45,7 +47,7 @@ export default class StageBox extends Component<StageBoxProps> {
   }
 
   componentDidMount() {
-    const shell = this.shell;
+    const { shell } = this;
 
     /**
      * 向上层递归寻找 target
diff --git a/packages/editor-skeleton/src/components/stage-box/stage-chain.ts b/packages/editor-skeleton/src/components/stage-box/stage-chain.ts
index b644de318..37119ec83 100644
--- a/packages/editor-skeleton/src/components/stage-box/stage-chain.ts
+++ b/packages/editor-skeleton/src/components/stage-box/stage-chain.ts
@@ -3,6 +3,7 @@ import { Stage as StageWidget } from '../../widget/stage';
 
 export default class StageChain {
   private emitter: EventEmitter;
+
   private stage: StageWidget;
 
   constructor(stage: StageWidget) {
diff --git a/packages/editor-skeleton/src/components/stage-box/stage.tsx b/packages/editor-skeleton/src/components/stage-box/stage.tsx
index 9cf90830a..eff8b07f5 100644
--- a/packages/editor-skeleton/src/components/stage-box/stage.tsx
+++ b/packages/editor-skeleton/src/components/stage-box/stage.tsx
@@ -18,7 +18,9 @@ export default class Stage extends Component<StageProps> {
   static defaultProps = StageDefaultProps;
 
   private timer: number;
+
   private additionClassName: string | null;
+
   private shell: any;
 
   componentDidMount() {
diff --git a/packages/editor-skeleton/src/components/widget-views/index.tsx b/packages/editor-skeleton/src/components/widget-views/index.tsx
index 61401cc1a..1d6914978 100644
--- a/packages/editor-skeleton/src/components/widget-views/index.tsx
+++ b/packages/editor-skeleton/src/components/widget-views/index.tsx
@@ -48,10 +48,13 @@ export class PanelDockView extends Component<DockProps & { dock: PanelDock }> {
   componentDidMount() {
     this.checkActived();
   }
+
   componentDidUpdate() {
     this.checkActived();
   }
+
   private lastActived = false;
+
   checkActived() {
     const { dock } = this.props;
     if (dock.actived !== this.lastActived) {
@@ -86,13 +89,17 @@ export class TitledPanelView extends Component<{ panel: Panel; area?: string }>
   shouldComponentUpdate() {
     return false;
   }
+
   componentDidMount() {
     this.checkVisible();
   }
+
   componentDidUpdate() {
     this.checkVisible();
   }
+
   private lastVisible = false;
+
   checkVisible() {
     const { panel } = this.props;
     const currentVisible = panel.inited && panel.visible;
@@ -105,6 +112,7 @@ export class TitledPanelView extends Component<{ panel: Panel; area?: string }>
       }
     }
   }
+
   render() {
     const { panel, area } = this.props;
     if (!panel.inited) {
@@ -135,13 +143,17 @@ export class PanelView extends Component<{ panel: Panel; area?: string }> {
   shouldComponentUpdate() {
     return false;
   }
+
   componentDidMount() {
     this.checkVisible();
   }
+
   componentDidUpdate() {
     this.checkVisible();
   }
+
   private lastVisible = false;
+
   checkVisible() {
     const { panel } = this.props;
     const currentVisible = panel.inited && panel.visible;
@@ -158,6 +170,7 @@ export class PanelView extends Component<{ panel: Panel; area?: string }> {
       }
     }
   }
+
   render() {
     const { panel, area } = this.props;
     if (!panel.inited) {
@@ -243,13 +256,17 @@ export class WidgetView extends Component<{ widget: IWidget }> {
   shouldComponentUpdate() {
     return false;
   }
+
   componentDidMount() {
     this.checkVisible();
   }
+
   componentDidUpdate() {
     this.checkVisible();
   }
+
   private lastVisible = false;
+
   checkVisible() {
     const { widget } = this.props;
     const currentVisible = widget.visible;
@@ -262,6 +279,7 @@ export class WidgetView extends Component<{ widget: IWidget }> {
       }
     }
   }
+
   render() {
     const { widget } = this.props;
     if (!widget.visible) {
diff --git a/packages/editor-skeleton/src/icons/clear.tsx b/packages/editor-skeleton/src/icons/clear.tsx
index 5fa5f866c..43fc05530 100644
--- a/packages/editor-skeleton/src/icons/clear.tsx
+++ b/packages/editor-skeleton/src/icons/clear.tsx
@@ -1,4 +1,4 @@
-import { SVGIcon, IconProps } from "@ali/lowcode-utils";
+import { SVGIcon, IconProps } from '@ali/lowcode-utils';
 
 export function IconClear(props: IconProps) {
   return (
diff --git a/packages/editor-skeleton/src/icons/convert.tsx b/packages/editor-skeleton/src/icons/convert.tsx
index f69d9e104..7ffc01bda 100644
--- a/packages/editor-skeleton/src/icons/convert.tsx
+++ b/packages/editor-skeleton/src/icons/convert.tsx
@@ -1,4 +1,4 @@
-import { SVGIcon, IconProps } from "@ali/lowcode-utils";
+import { SVGIcon, IconProps } from '@ali/lowcode-utils';
 
 export function IconConvert(props: IconProps) {
   return (
diff --git a/packages/editor-skeleton/src/icons/fix.tsx b/packages/editor-skeleton/src/icons/fix.tsx
index 27af3cc5f..399f4eabf 100644
--- a/packages/editor-skeleton/src/icons/fix.tsx
+++ b/packages/editor-skeleton/src/icons/fix.tsx
@@ -1,9 +1,9 @@
-import { SVGIcon, IconProps } from "@ali/lowcode-utils";
+import { SVGIcon, IconProps } from '@ali/lowcode-utils';
 
 export function IconFix(props: IconProps) {
   return (
     <SVGIcon viewBox="0 0 1024 1024" {...props}>
-      <path d="M750.848 28.928l245.248 242.944a66.048 66.048 0 1 1-93.184 93.184l-25.6-19.456-249.6 353.792 78.336 78.336a66.048 66.048 0 0 1-93.184 92.672l-460.8-464.64a66.048 66.048 0 0 1 93.184-93.184l76.8 78.336 354.048-249.856-18.176-18.944a66.048 66.048 0 1 1 93.184-93.184zM380.672 732.416l-91.904-90.88c-74.24 89.6-191.488 219.904-212.736 247.04a419.84 419.84 0 0 0-70.656 128 419.84 419.84 0 0 0 128-70.144c27.136-21.248 157.44-138.496 246.528-214.016z"></path>
+      <path d="M750.848 28.928l245.248 242.944a66.048 66.048 0 1 1-93.184 93.184l-25.6-19.456-249.6 353.792 78.336 78.336a66.048 66.048 0 0 1-93.184 92.672l-460.8-464.64a66.048 66.048 0 0 1 93.184-93.184l76.8 78.336 354.048-249.856-18.176-18.944a66.048 66.048 0 1 1 93.184-93.184zM380.672 732.416l-91.904-90.88c-74.24 89.6-191.488 219.904-212.736 247.04a419.84 419.84 0 0 0-70.656 128 419.84 419.84 0 0 0 128-70.144c27.136-21.248 157.44-138.496 246.528-214.016z" />
     </SVGIcon>
   );
 }
diff --git a/packages/editor-skeleton/src/icons/float.tsx b/packages/editor-skeleton/src/icons/float.tsx
index a6d88109c..e8786db39 100644
--- a/packages/editor-skeleton/src/icons/float.tsx
+++ b/packages/editor-skeleton/src/icons/float.tsx
@@ -1,10 +1,10 @@
-import { SVGIcon, IconProps } from "@ali/lowcode-utils";
+import { SVGIcon, IconProps } from '@ali/lowcode-utils';
 
 export function IconFloat(props: IconProps) {
   return (
     <SVGIcon viewBox="0 0 1024 1024" {...props}>
-      <path d="M160.256 816.64C116.224 872.448 102.4 921.6 102.4 921.6s49.152-13.824 104.96-57.856c22.016-17.408 128-112.64 200.704-174.08l-73.728-73.728c-61.44 72.704-157.184 178.688-174.08 200.704zM648.704 209.408L442.368 355.328l226.304 226.304 145.92-206.336 15.872 15.872c20.992 20.992 54.784 20.992 75.776 0s20.992-54.784 0-75.776l-197.12-197.12c-20.992-20.992-54.784-20.992-75.776 0-20.992 20.992-20.992 54.784 0 75.776l15.36 15.36zM247.808 334.848c-9.728 2.048-18.944 6.656-26.624 14.336-20.992 20.992-20.992 54.784 0 75.776l377.856 377.856c20.992 20.992 54.784 20.992 75.776 0 7.68-7.68 12.288-16.896 14.336-26.624L247.808 334.848z"></path>
-      <path d="M840.704 879.104c-9.728 0-19.456-3.584-27.136-11.264L155.648 210.432c-14.848-14.848-14.848-39.424 0-54.272 14.848-14.848 39.424-14.848 54.272 0L867.84 814.08c14.848 14.848 14.848 39.424 0 54.272-7.168 7.168-16.896 10.752-27.136 10.752z"></path>
+      <path d="M160.256 816.64C116.224 872.448 102.4 921.6 102.4 921.6s49.152-13.824 104.96-57.856c22.016-17.408 128-112.64 200.704-174.08l-73.728-73.728c-61.44 72.704-157.184 178.688-174.08 200.704zM648.704 209.408L442.368 355.328l226.304 226.304 145.92-206.336 15.872 15.872c20.992 20.992 54.784 20.992 75.776 0s20.992-54.784 0-75.776l-197.12-197.12c-20.992-20.992-54.784-20.992-75.776 0-20.992 20.992-20.992 54.784 0 75.776l15.36 15.36zM247.808 334.848c-9.728 2.048-18.944 6.656-26.624 14.336-20.992 20.992-20.992 54.784 0 75.776l377.856 377.856c20.992 20.992 54.784 20.992 75.776 0 7.68-7.68 12.288-16.896 14.336-26.624L247.808 334.848z" />
+      <path d="M840.704 879.104c-9.728 0-19.456-3.584-27.136-11.264L155.648 210.432c-14.848-14.848-14.848-39.424 0-54.272 14.848-14.848 39.424-14.848 54.272 0L867.84 814.08c14.848 14.848 14.848 39.424 0 54.272-7.168 7.168-16.896 10.752-27.136 10.752z" />
     </SVGIcon>
   );
 }
diff --git a/packages/editor-skeleton/src/icons/variable.tsx b/packages/editor-skeleton/src/icons/variable.tsx
index a45e5df00..3cd6f1c9a 100644
--- a/packages/editor-skeleton/src/icons/variable.tsx
+++ b/packages/editor-skeleton/src/icons/variable.tsx
@@ -1,4 +1,4 @@
-import { SVGIcon, IconProps } from "@ali/lowcode-utils";
+import { SVGIcon, IconProps } from '@ali/lowcode-utils';
 
 export function IconVariable(props: IconProps) {
   return (
diff --git a/packages/editor-skeleton/src/layouts/bottom-area.tsx b/packages/editor-skeleton/src/layouts/bottom-area.tsx
index 08bc337e2..d7b634390 100644
--- a/packages/editor-skeleton/src/layouts/bottom-area.tsx
+++ b/packages/editor-skeleton/src/layouts/bottom-area.tsx
@@ -9,6 +9,7 @@ export default class BottomArea extends Component<{ area: Area<any, Panel> }> {
   shouldComponentUpdate() {
     return false;
   }
+
   render() {
     const { area } = this.props;
     if (area.isEmpty()) {
@@ -17,7 +18,8 @@ export default class BottomArea extends Component<{ area: Area<any, Panel> }> {
     return (
       <div className={classNames('lc-bottom-area', {
         'lc-area-visible': area.visible,
-      })}>
+      })}
+      >
         <Contents area={area} />
       </div>
     );
diff --git a/packages/editor-skeleton/src/layouts/left-area.tsx b/packages/editor-skeleton/src/layouts/left-area.tsx
index 53dd4805b..bff3f500d 100644
--- a/packages/editor-skeleton/src/layouts/left-area.tsx
+++ b/packages/editor-skeleton/src/layouts/left-area.tsx
@@ -8,9 +8,10 @@ export default class LeftArea extends Component<{ area: Area }> {
   render() {
     const { area } = this.props;
     return (
-      <div className={classNames("lc-left-area", {
-        'lc-area-visible': area.visible
-      })}>
+      <div className={classNames('lc-left-area', {
+        'lc-area-visible': area.visible,
+      })}
+      >
         <Contents area={area} />
       </div>
     );
diff --git a/packages/editor-skeleton/src/layouts/left-fixed-pane.tsx b/packages/editor-skeleton/src/layouts/left-fixed-pane.tsx
index 6baf176f9..283f787f4 100644
--- a/packages/editor-skeleton/src/layouts/left-fixed-pane.tsx
+++ b/packages/editor-skeleton/src/layouts/left-fixed-pane.tsx
@@ -79,6 +79,7 @@ class Contents extends Component<{ area: Area<PanelConfig, Panel> }> {
   shouldComponentUpdate() {
     return false;
   }
+
   render() {
     const { area } = this.props;
     return <Fragment>{area.container.items.map((panel) => panel.content)}</Fragment>;
diff --git a/packages/editor-skeleton/src/layouts/left-float-pane.tsx b/packages/editor-skeleton/src/layouts/left-float-pane.tsx
index 9b6ed7c31..d4118645f 100644
--- a/packages/editor-skeleton/src/layouts/left-float-pane.tsx
+++ b/packages/editor-skeleton/src/layouts/left-float-pane.tsx
@@ -13,15 +13,18 @@ export default class LeftFloatPane extends Component<{ area: Area<any, Panel> }>
   }
 
   private dispose?: () => void;
+
   private focusing?: Focusable;
+
   private shell: HTMLElement | null = null;
+
   componentDidMount() {
     const { area } = this.props;
     const triggerClose = () => area.setVisible(false);
     area.skeleton.editor.on('designer.dragstart', triggerClose);
     this.dispose = () => {
       area.skeleton.editor.removeListener('designer.dragstart', triggerClose);
-    }
+    };
 
     this.focusing = focusTracker.create({
       range: (e) => {
@@ -34,7 +37,7 @@ export default class LeftFloatPane extends Component<{ area: Area<any, Panel> }>
         }
         // 点击了 iframe 内容，算失焦
         if (document.querySelector('.lc-simulator-content-frame')
-            .contentWindow.document.documentElement.contains(target)) {
+          .contentWindow.document.documentElement.contains(target)) {
           return false;
         }
         // 点击非编辑区域的 popup / dialog 等，不触发失焦
@@ -108,11 +111,11 @@ export default class LeftFloatPane extends Component<{ area: Area<any, Panel> }>
 
     const hideTitleBar = area.current?.config.props?.hideTitleBar;
     const style = width ? {
-      width
+      width,
     } : undefined;
     return (
       <div
-        ref={(ref) => { this.shell = ref }}
+        ref={(ref) => { this.shell = ref; }}
         className={classNames('lc-left-float-pane', {
           'lc-area-visible': area.visible,
         })}
@@ -155,6 +158,7 @@ class Contents extends Component<{ area: Area<any, Panel> }> {
   shouldComponentUpdate() {
     return false;
   }
+
   render() {
     const { area } = this.props;
     return (
diff --git a/packages/editor-skeleton/src/layouts/main-area.tsx b/packages/editor-skeleton/src/layouts/main-area.tsx
index 9361a320f..edd0d1aff 100644
--- a/packages/editor-skeleton/src/layouts/main-area.tsx
+++ b/packages/editor-skeleton/src/layouts/main-area.tsx
@@ -10,6 +10,7 @@ export default class MainArea extends Component<{ area: Area<any, Panel | Widget
   shouldComponentUpdate() {
     return false;
   }
+
   render() {
     const { area } = this.props;
     return (
diff --git a/packages/editor-skeleton/src/layouts/right-area.tsx b/packages/editor-skeleton/src/layouts/right-area.tsx
index 69178edc3..448788dd6 100644
--- a/packages/editor-skeleton/src/layouts/right-area.tsx
+++ b/packages/editor-skeleton/src/layouts/right-area.tsx
@@ -9,12 +9,14 @@ export default class RightArea extends Component<{ area: Area<any, Panel> }> {
   shouldComponentUpdate() {
     return false;
   }
+
   render() {
     const { area } = this.props;
     return (
       <div className={classNames('lc-right-area engine-tabpane', {
         'lc-area-visible': area.visible,
-      })}>
+      })}
+      >
         <Contents area={area} />
       </div>
     );
diff --git a/packages/editor-skeleton/src/layouts/top-area.tsx b/packages/editor-skeleton/src/layouts/top-area.tsx
index 4e4b05258..e28c729ca 100644
--- a/packages/editor-skeleton/src/layouts/top-area.tsx
+++ b/packages/editor-skeleton/src/layouts/top-area.tsx
@@ -8,9 +8,10 @@ export default class TopArea extends Component<{ area: Area, itemClassName?: str
   render() {
     const { area, itemClassName } = this.props;
     return (
-      <div className={classNames("lc-top-area engine-actionpane", {
-        'lc-area-visible': area.visible
-      })}>
+      <div className={classNames('lc-top-area engine-actionpane', {
+        'lc-area-visible': area.visible,
+      })}
+      >
         <Contents area={area} itemClassName={itemClassName} />
       </div>
     );
@@ -24,7 +25,7 @@ class Contents extends Component<{ area: Area, itemClassName?: string }> {
     const left: any[] = [];
     const center: any[] = [];
     const right: any[] = [];
-    area.container.items.sort((a,b) => {
+    area.container.items.sort((a, b) => {
       const index1 = a.config?.index || 0;
       const index2 = b.config?.index || 0;
       return index1 === index2 ? 0 : (index1 > index2 ? 1 : -1);
diff --git a/packages/editor-skeleton/src/layouts/workbench.tsx b/packages/editor-skeleton/src/layouts/workbench.tsx
index 7d116172b..0d5d65379 100644
--- a/packages/editor-skeleton/src/layouts/workbench.tsx
+++ b/packages/editor-skeleton/src/layouts/workbench.tsx
@@ -21,6 +21,7 @@ export class Workbench extends Component<{ skeleton: Skeleton; config?: EditorCo
     const { config, components, skeleton } = this.props;
     skeleton.buildFromConfig(config, components);
   }
+
   shouldComponentUpdate() {
     return false;
   }
diff --git a/packages/editor-skeleton/src/register-defaults.ts b/packages/editor-skeleton/src/register-defaults.ts
index 90de02f69..50e73b508 100644
--- a/packages/editor-skeleton/src/register-defaults.ts
+++ b/packages/editor-skeleton/src/register-defaults.ts
@@ -7,7 +7,7 @@ import { isPlainObject } from '@ali/lowcode-utils';
 import parseProps from './transducers/parse-props';
 import addonCombine from './transducers/addon-combine';
 import SlotSetter from './components/slot-setter';
-import { isJSSlot, isJSExpression } from '@ali/lowcode-types';
+import { isJSSlot } from '@ali/lowcode-types';
 
 export const registerDefaults = () => {
   registerSetter('ArraySetter', {
@@ -49,7 +49,7 @@ export const registerDefaults = () => {
       }
       return {
         type: 'JSSlot',
-        value: value,
+        value,
       };
     },
     recommend: true,
diff --git a/packages/editor-skeleton/src/skeleton.ts b/packages/editor-skeleton/src/skeleton.ts
index 01285a0f4..c8feb4c19 100644
--- a/packages/editor-skeleton/src/skeleton.ts
+++ b/packages/editor-skeleton/src/skeleton.ts
@@ -10,7 +10,7 @@ import {
   isPanelDockConfig,
   isPanelConfig,
   DividerConfig,
-  isDividerConfig
+  isDividerConfig,
 } from './types';
 import Panel, { isPanel } from './widget/panel';
 import WidgetContainer from './widget/widget-container';
@@ -35,15 +35,25 @@ export enum SkeletonEvents {
 
 export class Skeleton {
   private panels = new Map<string, Panel>();
+
   private containers = new Map<string, WidgetContainer<any>>();
+
   readonly leftArea: Area<DockConfig | PanelDockConfig | DialogDockConfig>;
+
   readonly topArea: Area<DockConfig | DividerConfig | PanelDockConfig | DialogDockConfig>;
+
   readonly toolbar: Area<DockConfig | DividerConfig | PanelDockConfig | DialogDockConfig>;
+
   readonly leftFixedArea: Area<PanelConfig, Panel>;
+
   readonly leftFloatArea: Area<PanelConfig, Panel>;
+
   readonly rightArea: Area<PanelConfig, Panel>;
+
   readonly mainArea: Area<WidgetConfig | PanelConfig, Widget | Panel>;
+
   readonly bottomArea: Area<PanelConfig, Panel>;
+
   readonly stages: Area<StageConfig, Stage>;
 
   constructor(readonly editor: Editor) {
@@ -205,6 +215,7 @@ export class Skeleton {
   }
 
   readonly widgets: IWidget[] = [];
+
   createWidget(config: IWidgetBaseConfig | IWidget) {
     if (isWidget(config)) {
       return config;
@@ -219,7 +230,6 @@ export class Skeleton {
         // DialogDock
         // others...
       } else {
-
         widget = new Dock(this, config);
       }
     } else if (isDividerConfig(config)) {
diff --git a/packages/editor-skeleton/src/transducers/addon-combine.ts b/packages/editor-skeleton/src/transducers/addon-combine.ts
index af8d42975..48146cdca 100644
--- a/packages/editor-skeleton/src/transducers/addon-combine.ts
+++ b/packages/editor-skeleton/src/transducers/addon-combine.ts
@@ -2,7 +2,7 @@ import { TransformedComponentMetadata, FieldConfig, SettingTarget } from '@ali/l
 import { IconSlot } from '../icons/slot';
 import { getConvertedExtraKey } from '@ali/lowcode-designer';
 
-export default function(metadata: TransformedComponentMetadata): TransformedComponentMetadata {
+export default function (metadata: TransformedComponentMetadata): TransformedComponentMetadata {
   const { componentName, configure = {} } = metadata;
   if (componentName === 'Leaf') {
     return {
@@ -48,7 +48,7 @@ export default function(metadata: TransformedComponentMetadata): TransformedComp
   const supportedLifecycles =
     supports.lifecycles ||
     (isRoot
-      ? /*[
+      ? /* [
           {
             description: '初始化时',
             name: 'constructor',
@@ -65,7 +65,7 @@ export default function(metadata: TransformedComponentMetadata): TransformedComp
             description: '卸载时',
             name: 'componentWillUnmount',
           },
-        ]*/ null
+        ] */ null
       : null);
   if (supportedLifecycles) {
     eventsDefinition.push({
@@ -216,11 +216,10 @@ export default function(metadata: TransformedComponentMetadata): TransformedComp
               field.parent.setPropValue(item.name, {
                 type: 'JSFunction',
                 // 需要传下入参
-                value: `function(){this.${item.relatedEventName}.apply(this,Array.prototype.slice.call(arguments).concat([${item.paramStr?item.paramStr:''}])) }`,
+                value: `function(){this.${item.relatedEventName}.apply(this,Array.prototype.slice.call(arguments).concat([${item.paramStr ? item.paramStr : ''}])) }`,
               });
               return item;
             });
-            return;
           },
         },
       ],
diff --git a/packages/editor-skeleton/src/transducers/parse-props.ts b/packages/editor-skeleton/src/transducers/parse-props.ts
index 35d1f099b..d0804347a 100644
--- a/packages/editor-skeleton/src/transducers/parse-props.ts
+++ b/packages/editor-skeleton/src/transducers/parse-props.ts
@@ -4,7 +4,6 @@ import {
   PropType,
   SetterType,
   OneOf,
-  Shape,
   ObjectOf,
   ArrayOf,
   TransformedComponentMetadata,
@@ -165,7 +164,7 @@ function propTypeToSetter(propType: PropType): SetterType {
     case 'func':
       return {
         componentName: 'FunctionSetter',
-        isRequired
+        isRequired,
       };
     case 'oneOfType':
       return {
@@ -186,7 +185,7 @@ function propTypeToSetter(propType: PropType): SetterType {
 
 const EVENT_RE = /^on|after|before[A-Z][\w]*$/;
 
-export default function(metadata: TransformedComponentMetadata): TransformedComponentMetadata {
+export default function (metadata: TransformedComponentMetadata): TransformedComponentMetadata {
   const { configure = {} } = metadata;
   // TODO types后续补充
   let extendsProps: any = null;
diff --git a/packages/editor-skeleton/src/types.ts b/packages/editor-skeleton/src/types.ts
index a33e7776d..83dc0f1f0 100644
--- a/packages/editor-skeleton/src/types.ts
+++ b/packages/editor-skeleton/src/types.ts
@@ -14,9 +14,9 @@ export interface IWidgetBaseConfig {
 }
 
 export interface WidgetConfig extends IWidgetBaseConfig {
-  type: "Widget";
+  type: 'Widget';
   props?: {
-    align?: "left" | "right" | "bottom" | "center" | "top";
+    align?: 'left' | 'right' | 'bottom' | 'center' | 'top';
     onInit?: (widget: IWidget) => void;
     title?: TitleContent;
   };
@@ -24,7 +24,7 @@ export interface WidgetConfig extends IWidgetBaseConfig {
 }
 
 export function isWidgetConfig(obj: any): obj is WidgetConfig {
-  return obj && obj.type === "Widget";
+  return obj && obj.type === 'Widget';
 }
 
 export interface DockProps {
@@ -37,25 +37,25 @@ export interface DockProps {
 }
 
 export interface DividerConfig extends IWidgetBaseConfig {
-  type: "Divider";
+  type: 'Divider';
   props?: {
-    align?: "left" | "right" | "center";
+    align?: 'left' | 'right' | 'center';
   };
 }
 
 export function isDividerConfig(obj: any): obj is DividerConfig {
-  return obj && obj.type === "Divider";
+  return obj && obj.type === 'Divider';
 }
 
 export interface IDockBaseConfig extends IWidgetBaseConfig {
   props?: DockProps & {
-    align?: "left" | "right" | "bottom" | "center" | "top";
+    align?: 'left' | 'right' | 'bottom' | 'center' | 'top';
     onInit?: (widget: IWidget) => void;
   };
 }
 
 export interface DockConfig extends IDockBaseConfig {
-  type: "Dock";
+  type: 'Dock';
   content?: string | ReactElement | ComponentType<any>;
 }
 
@@ -65,7 +65,7 @@ export function isDockConfig(obj: any): obj is DockConfig {
 
 // 按钮弹窗扩展
 export interface DialogDockConfig extends IDockBaseConfig {
-  type: "DialogDock";
+  type: 'DialogDock';
   dialogProps?: {
     title?: TitleContent;
     [key: string]: any;
@@ -78,7 +78,7 @@ export function isDialogDockConfig(obj: any): obj is DialogDockConfig {
 
 // 窗格扩展
 export interface PanelConfig extends IWidgetBaseConfig {
-  type: "Panel";
+  type: 'Panel';
   content?: string | ReactElement | ComponentType<any> | PanelConfig[]; // as children
   props?: PanelProps;
 }
@@ -106,7 +106,7 @@ export interface PanelProps {
 }
 
 export interface PanelDockConfig extends IDockBaseConfig {
-  type: "PanelDock";
+  type: 'PanelDock';
   panelName?: string;
   panelProps?: PanelProps & {
     area?: string;
diff --git a/packages/editor-skeleton/src/widget/dock.ts b/packages/editor-skeleton/src/widget/dock.ts
index c4ac58ad2..db15167bf 100644
--- a/packages/editor-skeleton/src/widget/dock.ts
+++ b/packages/editor-skeleton/src/widget/dock.ts
@@ -11,11 +11,15 @@ import { IWidget } from './widget';
  */
 export default class Dock implements IWidget {
   readonly isWidget = true;
+
   readonly id = uniqueId('dock');
+
   readonly name: string;
+
   readonly align?: string;
 
-  @obx.ref private _visible: boolean = true;
+  @obx.ref private _visible = true;
+
   get visible(): boolean {
     return this._visible;
   }
@@ -27,8 +31,10 @@ export default class Dock implements IWidget {
     });
   }
 
-  private inited: boolean = false;
+  private inited = false;
+
   private _body: ReactNode;
+
   get body() {
     if (this.inited) {
       return this._body;
diff --git a/packages/editor-skeleton/src/widget/panel-dock.ts b/packages/editor-skeleton/src/widget/panel-dock.ts
index 949f32613..9c52f483c 100644
--- a/packages/editor-skeleton/src/widget/panel-dock.ts
+++ b/packages/editor-skeleton/src/widget/panel-dock.ts
@@ -11,13 +11,19 @@ import { findDOMNode } from 'react-dom';
 
 export default class PanelDock implements IWidget {
   readonly isWidget = true;
+
   readonly isPanelDock = true;
+
   readonly id: string;
+
   readonly name: string;
+
   readonly align?: string;
 
-  private inited: boolean = false;
+  private inited = false;
+
   private _body: ReactNode;
+
   get body() {
     if (this.inited) {
       return this._body;
@@ -34,6 +40,7 @@ export default class PanelDock implements IWidget {
   }
 
   private _shell: ReactInstance | null = null;
+
   get content(): ReactNode {
     return createElement(WidgetView, {
       widget: this,
@@ -45,10 +52,12 @@ export default class PanelDock implements IWidget {
   }
 
   getDOMNode() {
+    // eslint-disable-next-line react/no-find-dom-node
     return this._shell ? findDOMNode(this._shell) : null;
   }
 
-  @obx.ref private _visible: boolean = true;
+  @obx.ref private _visible = true;
+
   get visible() {
     return this._visible;
   }
@@ -58,7 +67,9 @@ export default class PanelDock implements IWidget {
   }
 
   readonly panelName: string;
+
   private _panel?: Panel;
+
   @computed get panel() {
     return this._panel || this.skeleton.getPanel(this.panelName);
   }
diff --git a/packages/editor-skeleton/src/widget/panel.ts b/packages/editor-skeleton/src/widget/panel.ts
index 263db6ae3..25eecb78d 100644
--- a/packages/editor-skeleton/src/widget/panel.ts
+++ b/packages/editor-skeleton/src/widget/panel.ts
@@ -13,11 +13,17 @@ import PanelDock, { isPanelDock } from './panel-dock';
 
 export default class Panel implements IWidget {
   readonly isWidget = true;
+
   readonly name: string;
+
   readonly id: string;
+
   @obx.ref inited = false;
-  @obx.ref private _actived: boolean = false;
+
+  @obx.ref private _actived = false;
+
   private emitter = new EventEmitter();
+
   get actived(): boolean {
     return this._actived;
   }
@@ -65,15 +71,18 @@ export default class Panel implements IWidget {
   }
 
   readonly title: TitleContent;
+
   readonly help?: HelpTipConfig;
+
   private plain = false;
 
   private container?: WidgetContainer<Panel, PanelConfig>;
+
   private parent?: WidgetContainer;
 
   constructor(readonly skeleton: Skeleton, readonly config: PanelConfig) {
     const { name, content, props = {} } = config;
-    const { hideTitleBar, title, icon, description, help, shortcut } = props;
+    const { hideTitleBar, title, icon, description, help } = props;
     this.name = name;
     this.id = uniqueId(`pane:${name}$`);
     this.title = composeTitle(title || name, icon, description);
@@ -198,9 +207,10 @@ export default class Panel implements IWidget {
   /**
    * @deprecated
    */
-  setPosition(position: string) {
+  setPosition(/* position: string */) {
     // noop
   }
+
   /**
    * @deprecated
    */
diff --git a/packages/editor-skeleton/src/widget/stage.ts b/packages/editor-skeleton/src/widget/stage.ts
index a8b88914c..2af49af82 100644
--- a/packages/editor-skeleton/src/widget/stage.ts
+++ b/packages/editor-skeleton/src/widget/stage.ts
@@ -1,4 +1,4 @@
-import { uniqueId } from '@ali/lowcode-utils';
+// import { uniqueId } from '@ali/lowcode-utils';
 import Widget from './widget';
 import { Skeleton } from '../skeleton';
 import { WidgetConfig } from '../types';
@@ -9,7 +9,9 @@ export interface StageConfig extends WidgetConfig {
 
 export class Stage extends Widget {
   readonly isRoot: boolean;
+
   private previous?: Stage;
+
   private refer?: {
     stage?: Stage;
     direction?: 'right' | 'left';
@@ -29,7 +31,7 @@ export class Stage extends Widget {
   }
 
   hasBack(): boolean {
-    return this.previous && !this.isRoot ? true : false;
+    return !!(this.previous && !this.isRoot);
   }
 
   setRefer(stage: Stage, direction: 'right' | 'left') {
@@ -45,7 +47,7 @@ export class Stage extends Widget {
   }
 
   getRefer() {
-    const refer = this.refer;
+    const { refer } = this;
     this.refer = undefined;
     return refer;
   }
diff --git a/packages/editor-skeleton/src/widget/utils.ts b/packages/editor-skeleton/src/widget/utils.ts
index b90c33df8..f768e4fc3 100644
--- a/packages/editor-skeleton/src/widget/utils.ts
+++ b/packages/editor-skeleton/src/widget/utils.ts
@@ -33,7 +33,7 @@ export function composeTitle(title?: TitleContent, icon?: IconType, tip?: TipCon
       title = {
         ...title,
         icon,
-        tip
+        tip,
       };
     }
   }
diff --git a/packages/editor-skeleton/src/widget/widget-container.ts b/packages/editor-skeleton/src/widget/widget-container.ts
index 522648301..013268db8 100644
--- a/packages/editor-skeleton/src/widget/widget-container.ts
+++ b/packages/editor-skeleton/src/widget/widget-container.ts
@@ -1,6 +1,7 @@
 import { obx, computed } from '@ali/lowcode-editor-core';
 import { isPanel } from './panel';
 import { hasOwnProperty } from '@ali/lowcode-utils';
+
 export interface WidgetItem {
   name: string;
 }
@@ -15,19 +16,23 @@ function isActiveable(obj: any): obj is Activeable {
 
 export default class WidgetContainer<T extends WidgetItem = any, G extends WidgetItem = any> {
   @obx.val items: T[] = [];
+
   private maps: { [name: string]: T } = {};
+
   @obx.ref private _current: T & Activeable | null = null;
 
   get current() {
     return this._current;
   }
 
+  // eslint-disable-next-line no-useless-constructor
   constructor(
     readonly name: string,
     private handle: (item: T | G) => T,
     private exclusive: boolean = false,
     private checkVisible: () => boolean = () => true,
     private defaultSetCurrent: boolean = false,
+  // eslint-disable-next-line no-empty-function
   ) {}
 
   @computed get visible() {
diff --git a/packages/editor-skeleton/src/widget/widget.ts b/packages/editor-skeleton/src/widget/widget.ts
index a7edb3ff9..ab2c3d3dd 100644
--- a/packages/editor-skeleton/src/widget/widget.ts
+++ b/packages/editor-skeleton/src/widget/widget.ts
@@ -25,17 +25,23 @@ export interface IWidget {
 
 export default class Widget implements IWidget {
   readonly isWidget = true;
+
   readonly id = uniqueId('widget');
+
   readonly name: string;
+
   readonly align?: string;
 
-  @obx.ref private _visible: boolean = true;
+  @obx.ref private _visible = true;
+
   get visible(): boolean {
     return this._visible;
   }
 
-  @obx.ref inited: boolean = false;
+  @obx.ref inited = false;
+
   private _body: ReactNode;
+
   get body() {
     if (this.inited) {
       return this._body;
@@ -109,4 +115,3 @@ export function isWidget(obj: any): obj is IWidget {
   return obj && obj.isWidget;
 }
 
-
diff --git a/packages/material-parser/README.md b/packages/material-parser/README.md
index 30fc8ecf8..99786b2e4 100644
--- a/packages/material-parser/README.md
+++ b/packages/material-parser/README.md
@@ -12,3 +12,5 @@
 cd demo
 node index.js
 ```
+
+## API
diff --git a/packages/material-parser/demo/component.jsx b/packages/material-parser/demo/component.jsx
index d043dc5e5..0a6e805fb 100644
--- a/packages/material-parser/demo/component.jsx
+++ b/packages/material-parser/demo/component.jsx
@@ -1,3 +1,4 @@
+/* eslint-disable react/forbid-prop-types,react/no-unused-prop-types */
 import React from 'react';
 import PropTypes from 'prop-types';
 
@@ -37,7 +38,11 @@ Demo.propTypes = {
   optionalEnum: PropTypes.oneOf(['News', 'Photos']),
 
   // An object that could be one of many types
-  optionalUnion: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.instanceOf(Demo)]),
+  optionalUnion: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.number,
+    PropTypes.instanceOf(Demo),
+  ]),
 
   // An array of a certain type
   optionalArrayOf: PropTypes.arrayOf(PropTypes.number),
diff --git a/packages/material-parser/package.json b/packages/material-parser/package.json
index 3702f076f..08ab1b70b 100644
--- a/packages/material-parser/package.json
+++ b/packages/material-parser/package.json
@@ -63,6 +63,7 @@
     "prop-types": "^15.7.2",
     "react-docgen": "^5.3.0",
     "react-docgen-typescript": "^1.16.5",
+    "safe-eval": "^0.4.1",
     "semver": "^7.1.3",
     "short-uuid": "^3.1.1",
     "typescript": "^3.9.5",
diff --git a/packages/material-parser/src/core/index.ts b/packages/material-parser/src/core/index.ts
index 71f4f052e..2b46db64b 100644
--- a/packages/material-parser/src/core/index.ts
+++ b/packages/material-parser/src/core/index.ts
@@ -5,6 +5,6 @@ export * from './schema/types';
 /**
  * Dev helper
  */
-export const debug = _debug('lowcode');
+export const debug = _debug('lowcode:mat');
 export const enableDebug = () => _debug.enable('lowcode:*');
 export const disableDebug = () => _debug.disable();
diff --git a/packages/material-parser/src/core/schema/types.ts b/packages/material-parser/src/core/schema/types.ts
index 97a6d5f52..e612461e5 100644
--- a/packages/material-parser/src/core/schema/types.ts
+++ b/packages/material-parser/src/core/schema/types.ts
@@ -10,7 +10,7 @@
  */
 export type ComponentMeta = BasicSection & PropsSection & ConfigureSection;
 export type PropType = BasicType | RequiredType | ComplexType;
-export type BasicType = "array" | "bool" | "func" | "number" | "object" | "string" | "node" | "element" | "any";
+export type BasicType = 'array' | 'bool' | 'func' | 'number' | 'object' | 'string' | 'node' | 'element' | 'any';
 export type ComplexType = OneOf | OneOfType | ArrayOf | ObjectOf | Shape | Exact;
 export type ConfigureProp = {
   title?: string;
@@ -28,7 +28,7 @@ export interface BasicSection {
   screenshot?: string;
   icon?: string;
   tags?: string[];
-  devMode?: "proCode" | "lowCode";
+  devMode?: 'proCode' | 'lowCode';
   npm: Npm;
   [k: string]: any;
 }
@@ -42,13 +42,13 @@ export interface Npm {
   [k: string]: any;
 }
 export interface PropsSection {
-  props: {
+  props: Array<{
     name: string;
     propType: PropType;
     description?: string;
     defaultValue?: any;
     [k: string]: any;
-  }[];
+  }>;
   [k: string]: any;
 }
 export interface RequiredType {
@@ -56,44 +56,44 @@ export interface RequiredType {
   isRequired?: boolean;
 }
 export interface OneOf {
-  type: "oneOf";
-  value: (string | number | boolean)[];
+  type: 'oneOf';
+  value: Array<string | number | boolean>;
   isRequired?: boolean;
   [k: string]: any;
 }
 export interface OneOfType {
-  type: "oneOfType";
+  type: 'oneOfType';
   value: PropType[];
   isRequired?: boolean;
   [k: string]: any;
 }
 export interface ArrayOf {
-  type: "arrayOf";
+  type: 'arrayOf';
   value: PropType;
   isRequired?: boolean;
   [k: string]: any;
 }
 export interface ObjectOf {
-  type: "objectOf";
+  type: 'objectOf';
   value: PropType;
   isRequired?: boolean;
   [k: string]: any;
 }
 export interface Shape {
-  type: "shape";
-  value: {
+  type: 'shape';
+  value: Array<{
     name?: string;
     propType?: PropType;
-  }[];
+  }>;
   isRequired?: boolean;
   [k: string]: any;
 }
 export interface Exact {
-  type: "exact";
-  value: {
+  type: 'exact';
+  value: Array<{
     name?: string;
     propType?: PropType;
-  }[];
+  }>;
   isRequired?: boolean;
   [k: string]: any;
 }
@@ -112,38 +112,38 @@ export interface ConfigureSection {
   [k: string]: any;
 }
 export interface ConfigureFieldProp {
-  type: "field";
+  type: 'field';
   name?: string;
   setter?: ConfigureFieldSetter;
   [k: string]: any;
 }
 export interface ConfigureFieldSetter {
   componentName:
-    | "List"
-    | "Object"
-    | "Function"
-    | "Node"
-    | "Mixin"
-    | "Expression"
-    | "Switch"
-    | "Number"
-    | "Input"
-    | "TextArea"
-    | "Date"
-    | "DateYear"
-    | "DateMonth"
-    | "DateRange"
-    | "ColorPicker"
-    | "CodeEditor"
-    | "Select"
-    | "RadioGroup";
+  | 'List'
+  | 'Object'
+  | 'Function'
+  | 'Node'
+  | 'Mixin'
+  | 'Expression'
+  | 'Switch'
+  | 'Number'
+  | 'Input'
+  | 'TextArea'
+  | 'Date'
+  | 'DateYear'
+  | 'DateMonth'
+  | 'DateRange'
+  | 'ColorPicker'
+  | 'CodeEditor'
+  | 'Select'
+  | 'RadioGroup';
   props?: {
     [k: string]: any;
   };
   [k: string]: any;
 }
 export interface ConfigureGroupProp {
-  type: "group";
+  type: 'group';
   items: ConfigureProp[];
   [k: string]: any;
 }
diff --git a/packages/material-parser/src/generate.ts b/packages/material-parser/src/generate.ts
index 2ce4d55d6..6ea712e2e 100644
--- a/packages/material-parser/src/generate.ts
+++ b/packages/material-parser/src/generate.ts
@@ -1,7 +1,7 @@
 import { debug, ComponentMeta } from './core';
 import { IMaterialParsedModel, IMaterialScanModel } from './types';
 
-const log = debug.extend('mat');
+const log = debug.extend('gen');
 
 export default async function (
   matScanModel: IMaterialScanModel,
@@ -41,6 +41,7 @@ export async function genManifest(
     title: matScanModel.pkgName,
     docUrl: '',
     screenshot: '',
+    devMode: 'proCode', // 需要入料的组件都是源码模式，低代码组件在平台上即可直接生成描述
     npm: {
       package: matScanModel.pkgName,
       version: matScanModel.pkgVersion,
diff --git a/packages/material-parser/src/index.ts b/packages/material-parser/src/index.ts
index b39634182..4f5062651 100644
--- a/packages/material-parser/src/index.ts
+++ b/packages/material-parser/src/index.ts
@@ -1,8 +1,4 @@
 import { remove, lstatSync } from 'fs-extra';
-export { default as validate } from './validate';
-export { default as schema } from './validate/schema.json';
-
-export * from './types';
 
 import { IMaterializeOptions } from './types';
 import { ComponentMeta } from './core';
@@ -11,6 +7,11 @@ import generate from './generate';
 import parse from './parse';
 import localize from './localize';
 
+export { default as validate } from './validate';
+export { default as schema } from './validate/schema.json';
+
+export * from './types';
+
 export default async function (options: IMaterializeOptions): Promise<ComponentMeta[]> {
   const { accesser = 'local', entry = '' } = options;
   let { root } = options;
diff --git a/packages/material-parser/src/localize.ts b/packages/material-parser/src/localize.ts
index 55d15c30e..de1141f4a 100644
--- a/packages/material-parser/src/localize.ts
+++ b/packages/material-parser/src/localize.ts
@@ -1,12 +1,11 @@
 import spawn from 'cross-spawn-promise';
 import { ensureDir, ensureFile, writeFile } from 'fs-extra';
 import { join } from 'path';
-import semver from 'semver';
 import uuid from 'short-uuid';
 import { debug } from './core';
 import { IMaterializeOptions } from './types';
 
-const log = debug.extend('mat');
+const log = debug.extend('localize');
 
 /**
  * 创建组件包
@@ -26,7 +25,7 @@ export async function createFakePackage(params: {
   npmClient?: string;
 }): Promise<void> {
   // 创建临时组件包
-  const workDir = params.workDir;
+  const { workDir } = params;
   const pkgJsonFilePath = join(workDir, 'package.json');
   await ensureFile(pkgJsonFilePath);
   await writeFile(
@@ -94,9 +93,9 @@ export function getPkgNameAndVersion(pkgNameWithVersion: string): { [key: string
 export default async function localize(
   options: IMaterializeOptions,
 ): Promise<{
-  workDir: string;
-  moduleDir: string;
-}> {
+    workDir: string;
+    moduleDir: string;
+  }> {
   // 创建临时目录
   const workDir = await createworkDir();
   // 创建组件包
diff --git a/packages/material-parser/src/parse/index.ts b/packages/material-parser/src/parse/index.ts
index 0189a864a..f2b2b17f7 100644
--- a/packages/material-parser/src/parse/index.ts
+++ b/packages/material-parser/src/parse/index.ts
@@ -3,6 +3,9 @@ import parseJS from './js';
 import parseTS from './ts';
 import { install, installPeerDeps, installTypeModules } from '../utils';
 import { IMaterialScanModel } from '../types';
+import { debug } from '../core';
+
+const log = debug.extend('parse');
 
 export interface IParseArgs extends IMaterialScanModel {
   accesser?: 'online' | 'local';
@@ -15,7 +18,11 @@ export interface IParseArgs extends IMaterialScanModel {
 }
 
 export default async (args: IParseArgs) => {
-  const { typingsFileAbsolutePath, mainFileAbsolutePath, moduleFileAbsolutePath = mainFileAbsolutePath } = args;
+  const {
+    typingsFileAbsolutePath,
+    mainFileAbsolutePath,
+    moduleFileAbsolutePath = mainFileAbsolutePath,
+  } = args;
   if (args.accesser === 'local') {
     if (moduleFileAbsolutePath.endsWith('ts') || moduleFileAbsolutePath.endsWith('tsx')) {
       await install(args);
@@ -48,7 +55,7 @@ export default async (args: IParseArgs) => {
       }
       return info;
     } catch (e) {
-      console.error(e);
+      log(e);
       // if error, use static js parsing instead
       return parseJS(moduleFileAbsolutePath);
     }
diff --git a/packages/material-parser/src/parse/js/handlers/componentMethodsHandler.ts b/packages/material-parser/src/parse/js/handlers/componentMethodsHandler.ts
index 5273546c8..623b72c83 100644
--- a/packages/material-parser/src/parse/js/handlers/componentMethodsHandler.ts
+++ b/packages/material-parser/src/parse/js/handlers/componentMethodsHandler.ts
@@ -8,6 +8,8 @@
  */
 
 import { namedTypes as t } from 'ast-types';
+import getMethodDocumentation from '../utils/getMethodDocumentation';
+
 const {
   getMemberValuePath,
   isReactComponentClass,
@@ -15,7 +17,6 @@ const {
   resolveToValue,
   match,
 } = require('react-docgen').utils;
-import getMethodDocumentation from '../utils/getMethodDocumentation';
 const { traverseShallow } = require('react-docgen/dist/utils/traverse');
 /**
  * The following values/constructs are considered methods:
@@ -40,12 +41,12 @@ function findAssignedMethods(scope: any, idPath: any) {
     return results;
   }
 
-  const name = idPath.node.name;
+  const { name } = idPath.node;
   const idScope = idPath.scope.lookup(idPath.node.name);
 
   traverseShallow(scope.path, {
-    visitAssignmentExpression: function(path: any) {
-      const node = path.node;
+    visitAssignmentExpression(path: any) {
+      const { node } = path;
       if (
         match(node.left, {
           type: 'MemberExpression',
diff --git a/packages/material-parser/src/parse/js/handlers/defaultPropsHandler.ts b/packages/material-parser/src/parse/js/handlers/defaultPropsHandler.ts
index 74782c162..ba56fdf38 100644
--- a/packages/material-parser/src/parse/js/handlers/defaultPropsHandler.ts
+++ b/packages/material-parser/src/parse/js/handlers/defaultPropsHandler.ts
@@ -1,4 +1,8 @@
+// import { debug } from '../../../core';
 const { namedTypes: t, NodePath } = require('ast-types');
+
+// const log = debug.extend('parse:js');
+
 type NodePathType = typeof NodePath;
 const {
   getPropertyName,
@@ -6,13 +10,12 @@ const {
   getMemberValuePath,
   isReactForwardRefCall,
   printValue,
-  resolveExportDeclaration,
   resolveToValue,
 } = require('react-docgen').utils;
 const resolveFunctionDefinitionToReturnValue = require('react-docgen/dist/utils/resolveFunctionDefinitionToReturnValue');
 
 function getDefaultValue(path: NodePathType) {
-  let node = path.node;
+  let { node } = path;
   let defaultValue;
   if (t.Literal.check(node)) {
     defaultValue = node.raw;
@@ -28,16 +31,17 @@ function getDefaultValue(path: NodePathType) {
       node = path.node;
       try {
         defaultValue = printValue(path);
-      } catch (e) {}
+      } catch (e) {
+        // log(e);
+        // TODO
+      }
     }
   }
   if (typeof defaultValue !== 'undefined') {
     return {
       value: defaultValue,
       computed:
-        t.CallExpression.check(node) ||
-        t.MemberExpression.check(node) ||
-        t.Identifier.check(node),
+        t.CallExpression.check(node) || t.MemberExpression.check(node) || t.Identifier.check(node),
     };
   }
 
@@ -54,10 +58,7 @@ function getStatelessPropsPath(componentDefinition: any) {
 }
 
 function getDefaultPropsPath(componentDefinition: any) {
-  let defaultPropsPath = getMemberValuePath(
-    componentDefinition,
-    'defaultProps',
-  );
+  let defaultPropsPath = getMemberValuePath(componentDefinition, 'defaultProps');
   if (!defaultPropsPath) {
     return null;
   }
@@ -70,9 +71,7 @@ function getDefaultPropsPath(componentDefinition: any) {
   if (t.FunctionExpression.check(defaultPropsPath.node)) {
     // Find the value that is returned from the function and process it if it is
     // an object literal.
-    const returnValue = resolveFunctionDefinitionToReturnValue(
-      defaultPropsPath,
-    );
+    const returnValue = resolveFunctionDefinitionToReturnValue(defaultPropsPath);
     if (returnValue && t.ObjectExpression.check(returnValue.node)) {
       defaultPropsPath = returnValue;
     }
@@ -80,17 +79,11 @@ function getDefaultPropsPath(componentDefinition: any) {
   return defaultPropsPath;
 }
 
-function getDefaultValuesFromProps(
-  properties: any[],
-  documentation: any,
-  isStateless: boolean,
-) {
+function getDefaultValuesFromProps(properties: any[], documentation: any, isStateless: boolean) {
   properties
     // Don't evaluate property if component is functional and the node is not an AssignmentPattern
     .filter(
-      propertyPath =>
-        !isStateless ||
-        t.AssignmentPattern.check(propertyPath.get('value').node),
+      propertyPath => !isStateless || t.AssignmentPattern.check(propertyPath.get('value').node),
     )
     .forEach(propertyPath => {
       if (t.Property.check(propertyPath.node)) {
@@ -99,9 +92,7 @@ function getDefaultValuesFromProps(
 
         const propDescriptor = documentation.getPropDescriptor(propName);
         const defaultValue = getDefaultValue(
-          isStateless
-            ? propertyPath.get('value', 'right')
-            : propertyPath.get('value'),
+          isStateless ? propertyPath.get('value', 'right') : propertyPath.get('value'),
         );
         if (defaultValue) {
           propDescriptor.defaultValue = defaultValue;
@@ -119,10 +110,7 @@ function getDefaultValuesFromProps(
     });
 }
 
-export default function defaultPropsHandler(
-  documentation: any,
-  componentDefinition: any,
-) {
+export default function defaultPropsHandler(documentation: any, componentDefinition: any) {
   let statelessProps = null;
   const defaultPropsPath = getDefaultPropsPath(componentDefinition);
   /**
@@ -134,17 +122,9 @@ export default function defaultPropsHandler(
 
   // Do both statelessProps and defaultProps if both are available so defaultProps can override
   if (statelessProps && t.ObjectPattern.check(statelessProps.node)) {
-    getDefaultValuesFromProps(
-      statelessProps.get('properties'),
-      documentation,
-      true,
-    );
+    getDefaultValuesFromProps(statelessProps.get('properties'), documentation, true);
   }
   if (defaultPropsPath && t.ObjectExpression.check(defaultPropsPath.node)) {
-    getDefaultValuesFromProps(
-      defaultPropsPath.get('properties'),
-      documentation,
-      false,
-    );
+    getDefaultValuesFromProps(defaultPropsPath.get('properties'), documentation, false);
   }
 }
diff --git a/packages/material-parser/src/parse/js/handlers/flowTypeHandler.ts b/packages/material-parser/src/parse/js/handlers/flowTypeHandler.ts
index 796a3d51c..403b459d0 100644
--- a/packages/material-parser/src/parse/js/handlers/flowTypeHandler.ts
+++ b/packages/material-parser/src/parse/js/handlers/flowTypeHandler.ts
@@ -7,13 +7,13 @@
 
 import { namedTypes as t } from 'ast-types';
 import getTSType from '../utils/getTSType';
-import getRoot from '../utils/getRoot';
-import parseTS from '../../ts';
+import getFlowTypeFromReactComponent, {
+  applyToFlowTypeProperties,
+} from '../utils/getFlowTypeFromReactComponent';
+
 const { unwrapUtilityType } = require('react-docgen/dist/utils/flowUtilityTypes');
 const { getFlowType, getPropertyName, resolveToValue } = require('react-docgen').utils;
 const setPropDescription = require('react-docgen/dist/utils/setPropDescription').default;
-import getFlowTypeFromReactComponent from '../utils/getFlowTypeFromReactComponent';
-import { applyToFlowTypeProperties } from '../utils/getFlowTypeFromReactComponent';
 
 function setPropDescriptor(documentation: any, path: any, typeParams: any) {
   if (t.ObjectTypeSpreadProperty.check(path.node)) {
diff --git a/packages/material-parser/src/parse/js/handlers/propTypeHandler.ts b/packages/material-parser/src/parse/js/handlers/propTypeHandler.ts
index 74fb883b2..2161fae45 100644
--- a/packages/material-parser/src/parse/js/handlers/propTypeHandler.ts
+++ b/packages/material-parser/src/parse/js/handlers/propTypeHandler.ts
@@ -104,7 +104,7 @@ function getDefinePropertyValuePath(nodePath: any, propName: string) {
 }
 
 function getPropTypeHandler(propName: string) {
-  return function(documentation: any, path: any) {
+  return function (documentation: any, path: any) {
     let propTypesPath = getMemberValuePath(path, propName);
     if (!propTypesPath) {
       propTypesPath = getDefinePropertyValuePath(path, propName);
diff --git a/packages/material-parser/src/parse/js/index.ts b/packages/material-parser/src/parse/js/index.ts
index d01f3fb18..07296cbf6 100644
--- a/packages/material-parser/src/parse/js/index.ts
+++ b/packages/material-parser/src/parse/js/index.ts
@@ -1,10 +1,11 @@
-const reactDocs = require('react-docgen');
 import { transformItem } from '../transform';
 import { IMaterialParsedModel } from '../../types';
 import { loadFile } from '../../utils';
 import resolver from './resolver';
 import handlers from './handlers';
 
+const reactDocs = require('react-docgen');
+
 export default function parse(filePath: string): IMaterialParsedModel[] {
   const fileContent = loadFile(filePath);
   const result = reactDocs.parse(
@@ -25,9 +26,9 @@ export default function parse(filePath: string): IMaterialParsedModel[] {
         const item: any = transformItem(name, info.props[name]);
         acc.push(item);
       } catch (e) {
-      } finally {
-        return acc;
+        // TODO
       }
+      return acc;
     }, []);
     res.push({
       componentName: info.displayName,
diff --git a/packages/material-parser/src/parse/js/resolver/findAssignedMethods.ts b/packages/material-parser/src/parse/js/resolver/findAssignedMethods.ts
index 84f4f2075..e14a40ac1 100644
--- a/packages/material-parser/src/parse/js/resolver/findAssignedMethods.ts
+++ b/packages/material-parser/src/parse/js/resolver/findAssignedMethods.ts
@@ -1,7 +1,8 @@
 import { namedTypes as t } from 'ast-types';
+import isReactComponentStaticMember from './isReactComponentStaticMember';
+
 const { match } = require('react-docgen').utils;
 const { traverseShallow } = require('react-docgen/dist/utils/traverse');
-import isReactComponentStaticMember from './isReactComponentStaticMember';
 
 function findAssignedMethods(scope: any, idPath: any) {
   const results: any[] = [];
@@ -10,12 +11,12 @@ function findAssignedMethods(scope: any, idPath: any) {
     return results;
   }
 
-  const name = idPath.node.name;
+  const { name } = idPath.node;
   // const idScope = idPath.scope.lookup(idPath.node.name);
 
   traverseShallow(scope.path, {
-    visitAssignmentExpression: function(path: any) {
-      const node = path.node;
+    visitAssignmentExpression(path: any) {
+      const { node } = path;
       if (
         match(node.left, {
           type: 'MemberExpression',
@@ -33,4 +34,4 @@ function findAssignedMethods(scope: any, idPath: any) {
   return results.filter((x) => !isReactComponentStaticMember(x.get('left')));
 }
 
-export default findAssignedMethods;
\ No newline at end of file
+export default findAssignedMethods;
diff --git a/packages/material-parser/src/parse/js/resolver/index.ts b/packages/material-parser/src/parse/js/resolver/index.ts
index d1b0a06e4..6446eb291 100644
--- a/packages/material-parser/src/parse/js/resolver/index.ts
+++ b/packages/material-parser/src/parse/js/resolver/index.ts
@@ -3,16 +3,17 @@ import { uniqBy } from 'lodash';
 import checkIsIIFE from './checkIsIIFE';
 import resolveHOC from './resolveHOC';
 import resolveIIFE from './resolveIIFE';
-import resolveImport, { isImportLike } from './resolveImport';
+import resolveImport from './resolveImport';
 import resolveTranspiledClass from './resolveTranspiledClass';
 import isStaticMethod from './isStaticMethod';
 import findAssignedMethods from './findAssignedMethods';
 import resolveExportDeclaration from './resolveExportDeclaration';
 import makeProxy from '../utils/makeProxy';
-const expressionTo = require('react-docgen/dist/utils/expressionTo');
 import { get, set, has, ICache } from '../utils/cache';
 import getName from '../utils/getName';
 
+const expressionTo = require('react-docgen/dist/utils/expressionTo');
+
 const {
   isExportsOrModuleAssignment,
   isReactComponentClass,
@@ -76,10 +77,10 @@ function getDefinition(definition: any, cache: ICache = {}): any {
     } else if (t.SequenceExpression.check(definition.node)) {
       const classNameNode = definition.parent.get('id').node;
       const localNames: string[] = [];
-      let node = definition.get('expressions', 0).node;
+      let { node } = definition.get('expressions', 0);
       while (t.AssignmentExpression.check(node)) {
         // @ts-ignore
-        const name = node.left.name;
+        const { name } = node.left;
         if (name) {
           localNames.push(name);
         }
@@ -121,9 +122,9 @@ function getDefinition(definition: any, cache: ICache = {}): any {
         const exportList: any[] = [];
         const importList: any[] = [];
         result = result.forEach((def: any) => {
-          let { __meta: meta = {} } = def;
-          let exportName = meta.exportName;
-          for (let item of importMeta) {
+          const { __meta: meta = {} } = def;
+          let { exportName } = meta;
+          for (const item of importMeta) {
             if (exportName === item.importedName) {
               exportName = item.localName;
               break;
@@ -252,18 +253,18 @@ function getSubComponents(path: any, scope: any, cache: ICache) {
           value: def.flatMap((x: any) => x).filter((x: any) => isComponentDefinition(x)),
         };
       })
-      .map(({ subName, localName, value }: IMethodsPath) =>
-        value.map((x: any) => ({
+      .map(({ subName, localName, value }: IMethodsPath) => {
+        return value.map((x: any) => ({
           subName,
           localName,
           value: x,
-        })),
-      )
+        }));
+      })
       // @ts-ignore
       .flatMap((x: any) => x)
-      .map(({ subName, localName, value }: IMethodsPath) => {
+      .map(({ subName, value }: IMethodsPath) => {
         const __meta = {
-          subName: subName,
+          subName,
           exportName: path.__meta && path.__meta.exportName,
         };
         return makeProxy(value, { __meta });
@@ -327,7 +328,7 @@ export default function findAllExportedComponentDefinition(ast: any) {
   }
 
   visit(ast, {
-    visitProgram: function(path) {
+    visitProgram(path) {
       programScope = path.scope;
       return this.traverse(path);
     },
@@ -347,7 +348,7 @@ export default function findAllExportedComponentDefinition(ast: any) {
 
     visitExportNamedDeclaration: exportDeclaration,
     visitExportDefaultDeclaration: exportDeclaration,
-    visitExportAllDeclaration: function(path) {
+    visitExportAllDeclaration(path) {
       components.push(...resolveImport(path, findAllExportedComponentDefinition));
       return false;
     },
diff --git a/packages/material-parser/src/parse/js/resolver/isReactComponentStaticMember.ts b/packages/material-parser/src/parse/js/resolver/isReactComponentStaticMember.ts
index 21bfba346..8249dfac3 100644
--- a/packages/material-parser/src/parse/js/resolver/isReactComponentStaticMember.ts
+++ b/packages/material-parser/src/parse/js/resolver/isReactComponentStaticMember.ts
@@ -1,4 +1,5 @@
 import { namedTypes as t } from 'ast-types';
+
 const { getPropertyName } = require('react-docgen').utils;
 
 const reactStaticMembers = ['propTypes', 'defaultProps', 'contextTypes'];
diff --git a/packages/material-parser/src/parse/js/resolver/isStaticMethod.ts b/packages/material-parser/src/parse/js/resolver/isStaticMethod.ts
index 3c721ea9d..f8168fa8e 100644
--- a/packages/material-parser/src/parse/js/resolver/isStaticMethod.ts
+++ b/packages/material-parser/src/parse/js/resolver/isStaticMethod.ts
@@ -1,5 +1,6 @@
 import { namedTypes as t } from 'ast-types';
 import isReactComponentStaticMember from './isReactComponentStaticMember';
+
 const { isReactComponentMethod } = require('react-docgen').utils;
 
 /**
diff --git a/packages/material-parser/src/parse/js/resolver/resolveExportDeclaration.ts b/packages/material-parser/src/parse/js/resolver/resolveExportDeclaration.ts
index 59a72f0ca..5e8875975 100644
--- a/packages/material-parser/src/parse/js/resolver/resolveExportDeclaration.ts
+++ b/packages/material-parser/src/parse/js/resolver/resolveExportDeclaration.ts
@@ -42,8 +42,8 @@ export default function resolveExportDeclaration(path: any) {
       definitions.push(
         makeProxy(def, {
           __meta: {
-            exportName: exportName,
-            localName: localName,
+            exportName,
+            localName,
           },
         }),
       );
diff --git a/packages/material-parser/src/parse/js/resolver/resolveHOC.ts b/packages/material-parser/src/parse/js/resolver/resolveHOC.ts
index 245357d2e..ab62f895f 100644
--- a/packages/material-parser/src/parse/js/resolver/resolveHOC.ts
+++ b/packages/material-parser/src/parse/js/resolver/resolveHOC.ts
@@ -1,10 +1,6 @@
-import { namedTypes as t, visit } from 'ast-types';
+import { namedTypes as t } from 'ast-types';
 
-const {
-  isReactCreateClassCall,
-  isReactForwardRefCall,
-  resolveToValue,
-} = require('react-docgen').utils;
+const { isReactCreateClassCall, isReactForwardRefCall } = require('react-docgen').utils;
 
 /**
  * If the path is a call expression, it recursively resolves to the
@@ -13,7 +9,7 @@ const {
  * Else the path itself is returned.
  */
 export default function resolveHOC(path: any): any {
-  const node = path.node;
+  const { node } = path;
   if (
     t.CallExpression.check(node) &&
     !isReactCreateClassCall(path) &&
diff --git a/packages/material-parser/src/parse/js/resolver/resolveImport.ts b/packages/material-parser/src/parse/js/resolver/resolveImport.ts
index 4f86df613..456aa6485 100644
--- a/packages/material-parser/src/parse/js/resolver/resolveImport.ts
+++ b/packages/material-parser/src/parse/js/resolver/resolveImport.ts
@@ -14,7 +14,7 @@ function getPath(path: any, name: any) {
   __path = p.dirname(__path);
   // is directory
   if (fs.existsSync(p.resolve(__path, name))) {
-    name = name + '/index';
+    name += '/index';
   }
   const suffix = suffixes.find((suf) => {
     return fs.existsSync(p.resolve(__path, name + suf));
@@ -24,6 +24,7 @@ function getPath(path: any, name: any) {
 }
 
 const buildParser = require('react-docgen/dist/babelParser').default;
+
 const suffixes = ['.js', '.jsx', '.ts', '.tsx'];
 
 const cache: {
diff --git a/packages/material-parser/src/parse/js/resolver/resolveTranspiledClass.ts b/packages/material-parser/src/parse/js/resolver/resolveTranspiledClass.ts
index 399c3ffc0..992d0321b 100644
--- a/packages/material-parser/src/parse/js/resolver/resolveTranspiledClass.ts
+++ b/packages/material-parser/src/parse/js/resolver/resolveTranspiledClass.ts
@@ -1,4 +1,4 @@
-import { builders, namedTypes as t, NodePath, visit } from 'ast-types';
+import { builders, NodePath, visit } from 'ast-types';
 /**
  * If the path is a call expression, it recursively resolves to the
  * rightmost argument, stopping if it finds a React.createClass call expression
@@ -17,11 +17,7 @@ export default function resolveTranspiledClass(path: any) {
           builders.blockStatement([
             builders.returnStatement(
               builders.jsxElement(
-                builders.jsxOpeningElement(
-                  builders.jsxIdentifier('div'),
-                  [],
-                  true,
-                ),
+                builders.jsxOpeningElement(builders.jsxIdentifier('div'), [], true),
               ),
             ),
           ]),
diff --git a/packages/material-parser/src/parse/js/utils/cache.ts b/packages/material-parser/src/parse/js/utils/cache.ts
index 21a92c1e7..c8bcabb8d 100644
--- a/packages/material-parser/src/parse/js/utils/cache.ts
+++ b/packages/material-parser/src/parse/js/utils/cache.ts
@@ -14,5 +14,5 @@ export function get(scope: string, name: string) {
 }
 
 export function has(scope: string, name: string) {
-  return cache[scope] && cache[scope].hasOwnProperty(name);
+  return cache[scope] && Object.prototype.hasOwnProperty.call(cache[scope], name);
 }
diff --git a/packages/material-parser/src/parse/js/utils/flowUtilityTypes.ts b/packages/material-parser/src/parse/js/utils/flowUtilityTypes.ts
index b870c049b..a26ec7dcf 100644
--- a/packages/material-parser/src/parse/js/utils/flowUtilityTypes.ts
+++ b/packages/material-parser/src/parse/js/utils/flowUtilityTypes.ts
@@ -6,6 +6,7 @@
  *
  */
 import { namedTypes as t } from 'ast-types';
+
 const supportedUtilityTypes = new Set(['$Exact', '$ReadOnly']);
 
 /**
diff --git a/packages/material-parser/src/parse/js/utils/getFlowTypeFromReactComponent.ts b/packages/material-parser/src/parse/js/utils/getFlowTypeFromReactComponent.ts
index 226a39274..d5c61eee8 100644
--- a/packages/material-parser/src/parse/js/utils/getFlowTypeFromReactComponent.ts
+++ b/packages/material-parser/src/parse/js/utils/getFlowTypeFromReactComponent.ts
@@ -1,4 +1,6 @@
 import { namedTypes as t } from 'ast-types';
+import resolveGenericTypeAnnotation from './resolveGenericTypeAnnotation';
+
 const {
   isReactComponentClass,
   isReactForwardRefCall,
@@ -6,7 +8,6 @@ const {
   resolveToValue,
   getMemberValuePath,
 } = require('react-docgen').utils;
-import resolveGenericTypeAnnotation from './resolveGenericTypeAnnotation';
 const getTypeParameters = require('react-docgen/dist/utils/getTypeParameters').default;
 
 function getStatelessPropsPath(componentDefinition: any) {
diff --git a/packages/material-parser/src/parse/js/utils/getName.ts b/packages/material-parser/src/parse/js/utils/getName.ts
index 425dfed9b..81f48cc71 100644
--- a/packages/material-parser/src/parse/js/utils/getName.ts
+++ b/packages/material-parser/src/parse/js/utils/getName.ts
@@ -1,13 +1,12 @@
 import { namedTypes as t } from 'ast-types';
 
-export default function(def: any) {
+export default function (def: any) {
   let name = '';
   if (def.node.name) {
     name = def.node.name;
     // hoc
   } else if (t.CallExpression.check(def.node)) {
-    if (def.node.arguments && def.node.arguments.length && t.Identifier.check(def.get('arguments', 0).node))
-      name = def.get('arguments', 0).node.name;
+    if (def.node.arguments && def.node.arguments.length && t.Identifier.check(def.get('arguments', 0).node)) name = def.get('arguments', 0).node.name;
   }
 
   return name;
diff --git a/packages/material-parser/src/parse/js/utils/makeProxy.ts b/packages/material-parser/src/parse/js/utils/makeProxy.ts
index e08c8edd2..125e8d19d 100644
--- a/packages/material-parser/src/parse/js/utils/makeProxy.ts
+++ b/packages/material-parser/src/parse/js/utils/makeProxy.ts
@@ -9,10 +9,15 @@ function makeProxy(target: { [name: string]: any }, meta: any = {}): any {
       if (prop === '__isProxy') return true;
       if (prop === '__getRaw') return () => target;
       if (prop === '__getMeta') return () => meta;
-      return meta.hasOwnProperty(prop) ? meta[prop] : obj[prop];
+      return Object.prototype.hasOwnProperty.call(meta, prop) ? meta[prop] : obj[prop];
       // return obj[prop];
     },
-    has: (obj, prop) => obj.hasOwnProperty(prop) || meta.hasOwnProperty(prop),
+    has: (obj, prop) => {
+      return (
+        Object.prototype.hasOwnProperty.call(obj, prop) ||
+        Object.prototype.hasOwnProperty.call(meta, prop)
+      );
+    },
   });
 }
 
diff --git a/packages/material-parser/src/parse/js/utils/resolveGenericTypeAnnotation.ts b/packages/material-parser/src/parse/js/utils/resolveGenericTypeAnnotation.ts
index 44f3270ce..f11060429 100644
--- a/packages/material-parser/src/parse/js/utils/resolveGenericTypeAnnotation.ts
+++ b/packages/material-parser/src/parse/js/utils/resolveGenericTypeAnnotation.ts
@@ -7,6 +7,7 @@
  */
 
 import { namedTypes as t } from 'ast-types';
+
 const { resolveToValue } = require('react-docgen').utils;
 const { unwrapUtilityType } = require('./flowUtilityTypes');
 const isUnreachableFlowType = require('react-docgen/dist/utils/isUnreachableFlowType').default;
diff --git a/packages/material-parser/src/parse/runtime/index.ts b/packages/material-parser/src/parse/runtime/index.ts
index 93ae6792a..e2c786c01 100644
--- a/packages/material-parser/src/parse/runtime/index.ts
+++ b/packages/material-parser/src/parse/runtime/index.ts
@@ -4,7 +4,6 @@ import { isEmpty } from 'lodash';
 import parsePropTypes from 'parse-prop-types';
 import PropTypes from 'prop-types';
 import { transformItem } from '../transform';
-import { IParseArgs } from '../index';
 import requireInSandbox from './requireInSandbox';
 
 export interface IComponentInfo {
@@ -29,7 +28,7 @@ const reservedKeys = [
 ];
 
 function getKeys(com: any) {
-  const keys = Object.keys(com).filter((x) => {
+  const keys = Object.keys(com).filter(x => {
     return !reservedKeys.includes(x) && !x.startsWith('_');
   });
 
@@ -37,10 +36,14 @@ function getKeys(com: any) {
 }
 
 function isComponent(obj: any) {
-  return typeof obj === 'function' && (obj.hasOwnProperty('propTypes') || obj.hasOwnProperty('defaultProps'));
+  return (
+    typeof obj === 'function' &&
+    (Object.prototype.hasOwnProperty.call(obj, 'propTypes') ||
+      Object.prototype.hasOwnProperty.call(obj, 'defaultProps'))
+  );
 }
 
-export default function(filePath: string) {
+export default function (filePath: string) {
   // const { filePath } = arg;
   // const modulePath = path.resolve(workDir, 'node_modules', 'parse-prop-types');
   // const parsePropTypes = require(modulePath).default;
@@ -50,7 +53,7 @@ export default function(filePath: string) {
 
   if (Com.__esModule) {
     const keys = getKeys(Com);
-    keys.forEach((k) => {
+    keys.forEach(k => {
       if (isComponent(Com[k])) {
         components.push({
           component: Com[k],
@@ -60,15 +63,13 @@ export default function(filePath: string) {
         });
       }
     });
-  } else {
-    if (isComponent(Com)) {
-      components.push({
-        component: Com,
-        meta: {
-          exportName: 'default',
-        },
-      });
-    }
+  } else if (isComponent(Com)) {
+    components.push({
+      component: Com,
+      meta: {
+        exportName: 'default',
+      },
+    });
   }
 
   // dps
@@ -77,8 +78,8 @@ export default function(filePath: string) {
 
     const keys = getKeys(item.component);
     const subs = keys
-      .filter((k) => isComponent(item.component[k]))
-      .map((k) => ({
+      .filter(k => isComponent(item.component[k]))
+      .map(k => ({
         component: item.component[k],
         meta: {
           ...item.meta,
@@ -93,14 +94,14 @@ export default function(filePath: string) {
   const result = components.reduce((acc: any, { meta, component }) => {
     const componentInfo = parsePropTypes(component);
     if (!isEmpty(componentInfo)) {
-      const props = Object.keys(componentInfo).reduce((acc: any[], name) => {
+      const props = Object.keys(componentInfo).reduce((acc2: any[], name) => {
         try {
           const item: any = transformItem(name, componentInfo[name]);
-          acc.push(item);
+          acc2.push(item);
         } catch (e) {
-        } finally {
-          return acc;
+          // TODO
         }
+        return acc2;
       }, []);
 
       return [
diff --git a/packages/material-parser/src/parse/transform.ts b/packages/material-parser/src/parse/transform.ts
index b26a13950..669af0c57 100644
--- a/packages/material-parser/src/parse/transform.ts
+++ b/packages/material-parser/src/parse/transform.ts
@@ -1,4 +1,8 @@
-import { omit, pick } from 'lodash';
+import { omit, pick, isNil } from 'lodash';
+import { safeEval, isEvaluable } from '../utils';
+import { debug } from '../core';
+
+const log = debug.extend('parse:transform');
 
 export function transformType(itemType: any) {
   if (typeof itemType === 'string') return itemType;
@@ -7,7 +11,7 @@ export function transformType(itemType: any) {
   //   return name;
   // }
   if (computed !== undefined && value) {
-    return eval(value);
+    return safeEval(value);
   }
   const result: any = {
     type: name,
@@ -24,16 +28,31 @@ export function transformType(itemType: any) {
     case 'symbol':
     case 'object':
     case 'null':
+    case 'array':
+    case 'element':
+    case 'node':
       break;
     case 'literal':
-      return eval(value);
+      return safeEval(value);
     case 'enum':
     case 'tuple':
     case 'oneOf':
       result.type = 'oneOf';
       result.value = value.map(transformType);
       break;
-    case 'union':
+    case 'union': {
+      const { raw } = itemType;
+      if (raw) {
+        if (raw.match(/ReactNode$/)) {
+          result.type = 'node';
+          break;
+        } else if (raw.match(/Element$/)) {
+          result.type = 'element';
+          break;
+        }
+      }
+    }
+    // eslint-disable-next-line no-fallthrough
     case 'oneOfType':
       result.type = 'oneOfType';
       result.value = value.map(transformType);
@@ -77,12 +96,9 @@ export function transformType(itemType: any) {
         result.value = properties
           .filter((item: any) => typeof item.key !== 'object')
           .map((prop: any) => {
-            const {
-              key,
-              value: { name, ...others },
-            } = prop;
+            const { key } = prop;
             return transformItem(key, {
-              ...others,
+              ...omit(prop.value, 'name'),
               type: pick(prop.value, ['name', 'value']),
             });
           });
@@ -90,7 +106,6 @@ export function transformType(itemType: any) {
       break;
     }
     case 'objectOf':
-    case 'arrayOf':
     case 'instanceOf':
       result.value = transformType(value);
       break;
@@ -107,18 +122,19 @@ export function transformType(itemType: any) {
         });
       });
       break;
-    case (name.match('ReactNode$') || {}).input:
+    case (name.match(/ReactNode$/) || {}).input:
       result.type = 'node';
       break;
-    case (name.match('Element$') || {}).input:
+    case (name.match(/Element$/) || {}).input:
       result.type = 'element';
       break;
-    case (name.match('ElementType$') || {}).input:
-      result.type = 'elementType';
-      break;
+    // case (name.match(/ElementType$/) || {}).input:
+    //   result.type = 'elementType';
+    //   break;
     default:
-      result.type = 'instanceOf';
-      result.value = name;
+      // result.type = 'instanceOf';
+      // result.value = name;
+      result.type = 'any';
       break;
   }
   if (Object.keys(result).length === 1) {
@@ -128,7 +144,15 @@ export function transformType(itemType: any) {
 }
 
 export function transformItem(name: string, item: any) {
-  const { description, flowType, tsType, type = tsType || flowType, required, defaultValue, ...others } = item;
+  const {
+    description,
+    flowType,
+    tsType,
+    type = tsType || flowType,
+    required,
+    defaultValue,
+    ...others
+  } = item;
   const result: any = {
     name,
   };
@@ -147,11 +171,19 @@ export function transformItem(name: string, item: any) {
       result.description = description;
     }
   }
-  if (defaultValue !== undefined) {
-    try {
-      const value = eval(defaultValue.value);
-      result.defaultValue = value;
-    } catch (e) {}
+  if (!isNil(defaultValue) && typeof defaultValue === 'object' && isEvaluable(defaultValue)) {
+    if (defaultValue === null) {
+      result.defaultValue = defaultValue;
+    } else {
+      try {
+        const value = safeEval(defaultValue.value);
+        if (isEvaluable(value)) {
+          result.defaultValue = value;
+        }
+      } catch (e) {
+        log(e);
+      }
+    }
   }
   if (result.propType === undefined) {
     delete result.propType;
diff --git a/packages/material-parser/src/parse/ts/index.ts b/packages/material-parser/src/parse/ts/index.ts
index 761d9bbb2..0ca0279db 100644
--- a/packages/material-parser/src/parse/ts/index.ts
+++ b/packages/material-parser/src/parse/ts/index.ts
@@ -1,8 +1,17 @@
 import { Parser, ComponentDoc } from 'react-docgen-typescript';
 import ts, { SymbolFlags, TypeFlags } from 'typescript';
 import { isEmpty, isEqual } from 'lodash';
+import { debug } from '../../core';
+import { Json } from '../../types';
 import { transformItem } from '../transform';
 
+const log = debug.extend('parse:ts');
+
+type ExtendedType = ts.Type & {
+  id: string;
+  typeArguments: any[];
+};
+
 function getSymbolName(symbol: ts.Symbol) {
   // @ts-ignore
   const prefix: string = symbol.parent && getSymbolName(symbol.parent);
@@ -30,15 +39,12 @@ function getDocgenTypeHelper(
   type: ts.Type,
   skipRequired = false,
   parentIds: number[] = [],
-  isRequired: boolean = false,
+  isRequired = false,
 ): any {
-  function isTuple(type: ts.Type) {
+  function isTuple(_type: ts.Type) {
     // @ts-ignore use internal methods
-    return checker.isArrayLikeType(type) && !checker.isArrayType(type);
+    return checker.isArrayLikeType(_type) && !checker.isArrayType(_type);
   }
-  // if (type.aliasSymbol && type.aliasSymbol.getName() === 'ReactNode') {
-  //   return 'children';
-  // }
   let required: boolean;
   if (isRequired !== undefined) {
     required = isRequired;
@@ -46,7 +52,7 @@ function getDocgenTypeHelper(
     required = !(type.flags & SymbolFlags.Optional) || isRequired;
   }
 
-  function makeResult(typeInfo: object) {
+  function makeResult(typeInfo: Json) {
     if (skipRequired) {
       return {
         raw: checker.typeToString(type),
@@ -61,15 +67,15 @@ function getDocgenTypeHelper(
     }
   }
 
-  function getShapeFromArray(symbolArr: ts.Symbol[], type: ts.Type) {
-    const shape: {
+  function getShapeFromArray(symbolArr: ts.Symbol[], _type: ts.Type) {
+    const shape: Array<{
       key:
-        | {
-            name: string;
-          }
-        | string;
+      | {
+        name: string;
+      }
+      | string;
       value: any;
-    }[] = symbolArr.map((prop) => {
+    }> = symbolArr.map(prop => {
       const propType = checker.getTypeOfSymbolAtLocation(
         prop,
         // @ts-ignore
@@ -83,19 +89,19 @@ function getDocgenTypeHelper(
           propType,
           false,
           // @ts-ignore
-          [...parentIds, type.id],
+          [...parentIds, _type.id],
           // @ts-ignore
           prop?.valueDeclaration?.questionToken ? false : undefined,
         ),
       };
     });
     // @ts-ignore use internal methods
-    if (checker.isArrayLikeType(type)) {
+    if (checker.isArrayLikeType(_type)) {
       return shape;
     }
-    if (type.getStringIndexType()) {
+    if (_type.getStringIndexType()) {
       // @ts-ignore use internal methods
-      if (!type.stringIndexInfo) {
+      if (!_type.stringIndexInfo) {
         return shape;
       }
       shape.push({
@@ -103,11 +109,14 @@ function getDocgenTypeHelper(
           name: 'string',
         },
         // @ts-ignore use internal methods
-        value: getDocgenTypeHelper(checker, type.stringIndexInfo.type, false, [...parentIds, type.id]),
+        value: getDocgenTypeHelper(checker, _type.stringIndexInfo.type, false, [
+          ...parentIds,
+          (_type as ExtendedType).id,
+        ]),
       });
-    } else if (type.getNumberIndexType()) {
+    } else if (_type.getNumberIndexType()) {
       // @ts-ignore use internal methods
-      if (!type.numberIndexInfo) {
+      if (!_type.numberIndexInfo) {
         return shape;
       }
       shape.push({
@@ -116,32 +125,34 @@ function getDocgenTypeHelper(
         },
 
         // @ts-ignore use internal methods
-        value: getDocgenTypeHelper(checker, type.numberIndexInfo.type, false, [...parentIds, type.id]),
+        value: getDocgenTypeHelper(checker, _type.numberIndexInfo.type, false, [
+          ...parentIds,
+          (_type as ExtendedType).id,
+        ]),
       });
     }
     return shape;
   }
 
-  function getShape(type: ts.Type) {
-    const { symbol } = type;
+  function getShape(_type: ts.Type) {
+    const { symbol } = _type;
     if (symbol && symbol.members) {
       // @ts-ignore
       const props: ts.Symbol[] = Array.from(symbol.members.values());
       return getShapeFromArray(
-        props.filter((prop) => prop.getName() !== '__index'),
-        type,
+        props.filter(prop => prop.getName() !== '__index'),
+        _type,
       );
     } else {
       // @ts-ignore
-      const args = type.resolvedTypeArguments || [];
-      const props = checker.getPropertiesOfType(type);
-      const shape = getShapeFromArray(props.slice(0, args.length), type);
+      const args = _type.resolvedTypeArguments || [];
+      const props = checker.getPropertiesOfType(_type);
+      const shape = getShapeFromArray(props.slice(0, args.length), _type);
       return shape;
     }
   }
 
   const pattern = /^__global\.(.+)$/;
-
   // @ts-ignore
   if (parentIds.includes(type.id)) {
     return makeResult({
@@ -191,21 +202,26 @@ function getDocgenTypeHelper(
     return makeResult({
       name: 'union',
       // @ts-ignore
-      value: type.types.map((t) => getDocgenTypeHelper(checker, t, true, [...parentIds, type.id])),
+      value: type.types.map(t => getDocgenTypeHelper(checker, t, true, [...parentIds, type.id])),
     });
   } else if (type.flags & (TypeFlags.Object | TypeFlags.Intersection)) {
     if (isTuple(type)) {
       const props = getShape(type);
       return makeResult({
         name: 'union',
-        value: props.map((p) => p.value),
+        value: props.map(p => p.value),
       });
       // @ts-ignore
     } else if (checker.isArrayType(type)) {
       return makeResult({
         name: 'Array',
         // @ts-ignore
-        elements: [getDocgenTypeHelper(checker, type.typeArguments[0], false, [...parentIds, type.id])],
+        elements: [
+          getDocgenTypeHelper(checker, (type as ExtendedType).typeArguments[0], false, [
+            ...parentIds,
+            (type as any).id,
+          ]),
+        ],
       });
     } else if (type.aliasSymbol) {
       return makeResult({
@@ -254,7 +270,10 @@ interface SymbolWithMeta extends ts.Symbol {
   };
 }
 
-export default function parseTS(filePathOrPaths: string | string[], parserOpts: any = {}): ComponentDoc[] {
+export default function parseTS(
+  filePathOrPaths: string | string[],
+  parserOpts: any = {},
+): ComponentDoc[] {
   const filePaths = Array.isArray(filePathOrPaths) ? filePathOrPaths : [filePathOrPaths];
 
   const program = ts.createProgram(filePaths, compilerOptions);
@@ -264,8 +283,8 @@ export default function parseTS(filePathOrPaths: string | string[], parserOpts:
   const checker = program.getTypeChecker();
 
   const result = filePaths
-    .map((filePath) => program.getSourceFile(filePath))
-    .filter((sourceFile) => typeof sourceFile !== 'undefined')
+    .map(filePath => program.getSourceFile(filePath))
+    .filter(sourceFile => typeof sourceFile !== 'undefined')
     .reduce((docs: any[], sourceFile) => {
       const moduleSymbol = checker.getSymbolAtLocation(sourceFile as ts.Node);
 
@@ -289,9 +308,9 @@ export default function parseTS(filePathOrPaths: string | string[], parserOpts:
         const exportName = sym.meta && sym.meta.exportName;
         const meta = {
           subName: exportName ? name : '',
-          exportName: exportName ? exportName : name,
+          exportName: exportName || name,
         };
-        if (docs.find((x) => isEqual(x.meta, meta))) {
+        if (docs.find(x => isEqual(x.meta, meta))) {
           continue;
         }
         docs.push({
@@ -303,7 +322,10 @@ export default function parseTS(filePathOrPaths: string | string[], parserOpts:
           continue;
         }
 
-        const type = checker.getTypeOfSymbolAtLocation(sym, sym.valueDeclaration || sym.declarations[0]);
+        const type = checker.getTypeOfSymbolAtLocation(
+          sym,
+          sym.valueDeclaration || sym.declarations[0],
+        );
 
         Array.prototype.push.apply(
           exportSymbols,
@@ -323,10 +345,9 @@ export default function parseTS(filePathOrPaths: string | string[], parserOpts:
         const item: any = transformItem(name, info.props[name]);
         acc.push(item);
       } catch (e) {
-        console.log('error', e);
-      } finally {
-        return acc;
+        log(e);
       }
+      return acc;
     }, []);
     res.push({
       componentName: info?.meta?.exportName || info.displayName,
diff --git a/packages/material-parser/src/scan.ts b/packages/material-parser/src/scan.ts
index 2b1a09718..2978edf68 100644
--- a/packages/material-parser/src/scan.ts
+++ b/packages/material-parser/src/scan.ts
@@ -3,6 +3,7 @@ import { pathExists, lstatSync } from 'fs-extra';
 import { join, isAbsolute, resolve } from 'path';
 import { debug } from './core';
 import { resolvePkgJson } from './utils';
+
 const log = debug.extend('mat');
 
 export default async function scan(options: IMaterializeOptions & { root: string }): Promise<IMaterialScanModel> {
@@ -14,7 +15,7 @@ export default async function scan(options: IMaterializeOptions & { root: string
   };
   log('options', options);
   // 入口文件路径
-  let entryFilePath = options.entry;
+  const entryFilePath = options.entry;
   const stats = lstatSync(entryFilePath);
   if (options.accesser === 'local' && stats.isFile()) {
     if (isAbsolute(entryFilePath)) {
@@ -27,7 +28,7 @@ export default async function scan(options: IMaterializeOptions & { root: string
   }
   const pkgJsonPath = join(options.root, 'package.json');
   if (await pathExists(pkgJsonPath)) {
-    let pkgJson = await resolvePkgJson(pkgJsonPath);
+    const pkgJson = await resolvePkgJson(pkgJsonPath);
     model.pkgName = pkgJson.name;
     model.pkgVersion = pkgJson.version;
     if (pkgJson.module) {
diff --git a/packages/material-parser/src/types/Basic.ts b/packages/material-parser/src/types/Basic.ts
new file mode 100644
index 000000000..87c457224
--- /dev/null
+++ b/packages/material-parser/src/types/Basic.ts
@@ -0,0 +1,4 @@
+export interface Json {
+  [x: string]: string | number | boolean | Date | Json | JsonArray;
+}
+export type JsonArray = Array<string | number | boolean | Date | Json | JsonArray>;
diff --git a/packages/material-parser/src/types/ChannelType.ts b/packages/material-parser/src/types/ChannelType.ts
index 90c12050c..1f9953480 100644
--- a/packages/material-parser/src/types/ChannelType.ts
+++ b/packages/material-parser/src/types/ChannelType.ts
@@ -1,11 +1,9 @@
 /**
  * 物料接入渠道
  */
-enum ChannelType {
+export enum ChannelType {
   /** 本地 */
   LOCAL = 'local',
   /** 在线 */
   ONLINE = 'online',
 }
-
-export default ChannelType;
diff --git a/packages/material-parser/src/types/EcologyType.ts b/packages/material-parser/src/types/EcologyType.ts
index c13a55f31..9e079f7b2 100644
--- a/packages/material-parser/src/types/EcologyType.ts
+++ b/packages/material-parser/src/types/EcologyType.ts
@@ -1,7 +1,7 @@
 /**
  * 语法生态
  */
-enum EcologyType {
+export enum EcologyType {
   /** react 生态 */
   REACT = 'react',
   /** vue 生态 */
@@ -11,5 +11,3 @@ enum EcologyType {
   /** angular 生态 */
   ANGULAR = 'angular',
 }
-
-export default EcologyType;
diff --git a/packages/material-parser/src/types/ExtensionName.ts b/packages/material-parser/src/types/ExtensionName.ts
deleted file mode 100644
index e1d45afa5..000000000
--- a/packages/material-parser/src/types/ExtensionName.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * 扩展点名称
- */
-enum ExtensionName {
-  /** 配置 manifest */
-  CONFIGMANIFEST = 'mat:config:manifest',
-}
-
-export default ExtensionName;
diff --git a/packages/material-parser/src/types/IAccesser.ts b/packages/material-parser/src/types/IAccesser.ts
index 4aacf145d..3495817d7 100644
--- a/packages/material-parser/src/types/IAccesser.ts
+++ b/packages/material-parser/src/types/IAccesser.ts
@@ -4,7 +4,7 @@ import { ComponentMeta } from '../core';
  * 接入器接口（用于定义物料化组件的接入渠道）
  * @interface IAccesser
  */
-interface IAccesser {
+export interface IAccesser {
   /**
    * 接入
    * @returns {Promise<IMaterialinSchema>}
@@ -12,5 +12,3 @@ interface IAccesser {
    */
   access(): Promise<ComponentMeta[]>;
 }
-
-export default IAccesser;
diff --git a/packages/material-parser/src/types/ICompiler.ts b/packages/material-parser/src/types/ICompiler.ts
deleted file mode 100644
index 30835573e..000000000
--- a/packages/material-parser/src/types/ICompiler.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-/**
- * 编译器 - 用于编译并打包生成 bundle.js
- * @interface ICompiler
- */
-interface ICompiler {
-  /**
-   * 编译
-   * @param {{ [key: string]: any }} config webpack 配置文件
-   * @returns {Promise<void>}
-   * @memberof ICompiler
-   */
-  compile(config: { [key: string]: any }): Promise<void>;
-}
-
-export default ICompiler;
diff --git a/packages/material-parser/src/types/IExtensionConfigManifest.ts b/packages/material-parser/src/types/IExtensionConfigManifest.ts
index 93c54a4a3..a1f711033 100644
--- a/packages/material-parser/src/types/IExtensionConfigManifest.ts
+++ b/packages/material-parser/src/types/IExtensionConfigManifest.ts
@@ -3,7 +3,7 @@ import { ComponentMeta } from '../core';
  * 扩展点：配置 manifest
  * （物料化场景）
  */
-type IExtensionConfigManifest = (params: {
+export type IExtensionConfigManifest = (params: {
   manifestObj: ComponentMeta; // manifest 配置对象
   manifestFilePath: string; // manifest 文件默认路径
 }) => Promise<{
@@ -11,5 +11,3 @@ type IExtensionConfigManifest = (params: {
   manifestFilePath: string; // manifest 文件路径
   manifestObj: ComponentMeta; // manifest 文件对象
 }>;
-
-export default IExtensionConfigManifest;
diff --git a/packages/material-parser/src/types/IMaterialScanModel.ts b/packages/material-parser/src/types/IMaterialScanModel.ts
index c16f8d610..60b640b71 100644
--- a/packages/material-parser/src/types/IMaterialScanModel.ts
+++ b/packages/material-parser/src/types/IMaterialScanModel.ts
@@ -1,7 +1,7 @@
 /**
  * 对应扫描阶段的产物
  */
-interface IMaterialScanModel {
+export interface IMaterialScanModel {
   /** 当前包名 */
   pkgName: string;
   /** 当前包版本 */
@@ -19,5 +19,3 @@ interface IMaterialScanModel {
   /** typings文件绝对路径 */
   typingsFileAbsolutePath?: string;
 }
-
-export default IMaterialScanModel;
diff --git a/packages/material-parser/src/types/IMaterializeOptions.ts b/packages/material-parser/src/types/IMaterializeOptions.ts
index a2f909ac9..6806f7d86 100644
--- a/packages/material-parser/src/types/IMaterializeOptions.ts
+++ b/packages/material-parser/src/types/IMaterializeOptions.ts
@@ -1,11 +1,8 @@
-import ExtensionName from './ExtensionName';
-import IExtensionConfigManifest from './IExtensionConfigManifest';
-
 /**
  * 物料化配置项
  * @interface IMaterializeOptions
  */
-interface IMaterializeOptions {
+export interface IMaterializeOptions {
   /**
    * 组件文件(夹)路径或包名
    * 形如：
@@ -35,5 +32,3 @@ interface IMaterializeOptions {
    */
   npmClient?: string;
 }
-
-export default IMaterializeOptions;
diff --git a/packages/material-parser/src/types/Meta.ts b/packages/material-parser/src/types/Meta.ts
index 01e496a4c..2cf810ce4 100644
--- a/packages/material-parser/src/types/Meta.ts
+++ b/packages/material-parser/src/types/Meta.ts
@@ -1,4 +1,4 @@
-import { NodePath, Path } from 'ast-types';
+import { Path } from 'ast-types';
 
 export interface IFileMeta {
   src: string;
diff --git a/packages/material-parser/src/types/index.ts b/packages/material-parser/src/types/index.ts
index 6151fa3e7..1b7097b8d 100644
--- a/packages/material-parser/src/types/index.ts
+++ b/packages/material-parser/src/types/index.ts
@@ -1,21 +1,8 @@
-import ChannelType from './ChannelType';
-import EcologyType from './EcologyType';
-import ExtensionName from './ExtensionName';
-import IAccesser from './IAccesser';
-import ICompiler from './ICompiler';
-import IExtensionConfigManifest from './IExtensionConfigManifest';
-import IMaterializeOptions from './IMaterializeOptions';
-import IMaterialScanModel from './IMaterialScanModel';
-import { IMaterialParsedModel } from './IMaterialParsedModel';
-
-export {
-  ExtensionName,
-  IExtensionConfigManifest,
-  IMaterialParsedModel,
-  IMaterializeOptions,
-  IMaterialScanModel,
-  ChannelType,
-  EcologyType,
-  IAccesser,
-  ICompiler,
-};
+export * from './ChannelType';
+export * from './EcologyType';
+export * from './IAccesser';
+export * from './IExtensionConfigManifest';
+export * from './IMaterializeOptions';
+export * from './IMaterialScanModel';
+export * from './IMaterialParsedModel';
+export * from './Basic';
diff --git a/packages/material-parser/src/utils.ts b/packages/material-parser/src/utils.ts
index c8f549e0f..e8b16b107 100644
--- a/packages/material-parser/src/utils.ts
+++ b/packages/material-parser/src/utils.ts
@@ -1,27 +1,42 @@
 import { pathExists, readFileSync, writeFile } from 'fs-extra';
-
+import { isPlainObject } from 'lodash';
+import safeEval from 'safe-eval';
 import * as path from 'path';
 import spawn from 'cross-spawn-promise';
 
-export async function isNPMInstalled(args: { workDir: string; moduleDir: string; npmClient?: string }) {
-  return await pathExists(path.join(args.workDir, 'node_modules'));
+export async function isNPMInstalled(args: {
+  workDir: string;
+  moduleDir: string;
+  npmClient?: string;
+}) {
+  return pathExists(path.join(args.workDir, 'node_modules'));
 }
 
 export async function install(args: { workDir: string; moduleDir: string; npmClient?: string }) {
   if (await isNPMInstalled(args)) return;
-  const { workDir, moduleDir, npmClient = 'tnpm' } = args;
+  const { workDir, npmClient = 'tnpm' } = args;
   try {
     await spawn(npmClient, ['i'], { stdio: 'inherit', cwd: workDir } as any);
-  } catch (e) {}
+  } catch (e) {
+    // TODO
+  }
 }
 
-export async function installTypeScript(args: { workDir: string; moduleDir: string; npmClient?: string }) {
+export async function installTypeScript(args: {
+  workDir: string;
+  moduleDir: string;
+  npmClient?: string;
+}) {
   if (await isNPMInstalled(args)) return;
-  const { workDir, moduleDir, npmClient = 'tnpm' } = args;
+  const { workDir, npmClient = 'tnpm' } = args;
   await spawn(npmClient, ['i', 'typescript'], { stdio: 'inherit', cwd: workDir } as any);
 }
 
-export async function installPeerDeps(args: { workDir: string; moduleDir: string; npmClient?: string }) {
+export async function installPeerDeps(args: {
+  workDir: string;
+  moduleDir: string;
+  npmClient?: string;
+}) {
   const { workDir, moduleDir, npmClient = 'tnpm' } = args;
   const modulePkgJsonPath = path.resolve(moduleDir, 'package.json');
   if (!(await pathExists(modulePkgJsonPath))) {
@@ -43,7 +58,11 @@ export async function installPeerDeps(args: { workDir: string; moduleDir: string
   await spawn(npmClient, ['i'], { stdio: 'inherit', cwd: workDir } as any);
 }
 
-export async function installTypeModules(args: { workDir: string; moduleDir: string; npmClient?: string }) {
+export async function installTypeModules(args: {
+  workDir: string;
+  moduleDir: string;
+  npmClient?: string;
+}) {
   const { workDir, moduleDir, npmClient = 'tnpm' } = args;
   const pkgJsonPath = path.resolve(moduleDir, 'package.json');
   if (!(await pathExists(pkgJsonPath))) {
@@ -65,3 +84,19 @@ export function loadFile(filePath: string): string {
   }
   return content.toString();
 }
+
+export function isPrimitive(val) {
+  return !['object', 'function'].includes(typeof val) || val === null;
+}
+
+export function isEvaluable(value) {
+  if (isPrimitive(value)) return true;
+  if (Array.isArray(value)) {
+    return value.every(isEvaluable);
+  } else if (isPlainObject(value)) {
+    return Object.keys(value).every(key => isEvaluable(value[key]));
+  }
+  return false;
+}
+
+export { safeEval };
diff --git a/packages/material-parser/src/validate/index.ts b/packages/material-parser/src/validate/index.ts
index 7309781da..3028b85c5 100644
--- a/packages/material-parser/src/validate/index.ts
+++ b/packages/material-parser/src/validate/index.ts
@@ -1,10 +1,11 @@
 import Ajv from 'ajv';
+import { Json } from '../types/Basic';
 import schema from './schema.json';
 
 const ajv = new Ajv({ jsonPointers: true });
 const validate = ajv.compile(schema);
 
-export default function validateSchema(json: object) {
+export default function validateSchema(json: Json) {
   if (validate(json) === false) {
     throw new Error(JSON.stringify(validate.errors, null, 2));
   }
diff --git a/packages/material-parser/test/antd.ts b/packages/material-parser/test/antd.ts
index 4f4b1e4c0..694906fe5 100644
--- a/packages/material-parser/test/antd.ts
+++ b/packages/material-parser/test/antd.ts
@@ -14,4 +14,4 @@ test('antd component by local', async t => {
   const actual = await parse(options);
 
   t.snapshot(actual);
-});
\ No newline at end of file
+});
diff --git a/packages/material-parser/test/fixtures/__snapshots__/test/antd.ts.md b/packages/material-parser/test/fixtures/__snapshots__/test/antd.ts.md
index 0e2c4bc7c..b93536ef3 100644
--- a/packages/material-parser/test/fixtures/__snapshots__/test/antd.ts.md
+++ b/packages/material-parser/test/fixtures/__snapshots__/test/antd.ts.md
@@ -11,6 +11,7 @@ Generated by [AVA](https://avajs.dev).
     [
       {
         componentName: 'Affix',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -60,6 +61,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Anchor',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -80,6 +82,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'AutoComplete',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -158,70 +161,7 @@ Generated by [AVA](https://avajs.dev).
                       },
                       {
                         name: 'label',
-                        propType: {
-                          type: 'oneOfType',
-                          value: [
-                            'string',
-                            'number',
-                            false,
-                            true,
-                            'object',
-                            {
-                              type: 'shape',
-                              value: [
-                                {
-                                  name: 'P',
-                                  propType: 'any',
-                                },
-                                {
-                                  name: 'T',
-                                  propType: 'any',
-                                },
-                                {
-                                  name: 'type',
-                                  propType: 'any',
-                                },
-                                {
-                                  name: 'props',
-                                  propType: 'any',
-                                },
-                                {
-                                  name: 'key',
-                                  propType: {
-                                    type: 'oneOfType',
-                                    value: [
-                                      'string',
-                                      'number',
-                                    ],
-                                  },
-                                },
-                              ],
-                            },
-                            {
-                              type: 'oneOfType',
-                              value: [],
-                            },
-                            {
-                              type: 'shape',
-                              value: [
-                                {
-                                  name: 'key',
-                                  propType: {
-                                    type: 'oneOfType',
-                                    value: [
-                                      'string',
-                                      'number',
-                                    ],
-                                  },
-                                },
-                                {
-                                  name: 'children',
-                                  propType: 'node',
-                                },
-                              ],
-                            },
-                          ],
-                        },
+                        propType: 'node',
                       },
                       {
                         name: 'options',
@@ -281,10 +221,7 @@ Generated by [AVA](https://avajs.dev).
               value: [
                 false,
                 true,
-                {
-                  type: 'instanceOf',
-                  value: 'FilterFunc',
-                },
+                'any',
               ],
             },
           },
@@ -306,70 +243,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'clearIcon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'showArrow',
@@ -377,70 +251,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'removeIcon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'menuItemSelectedIcon',
@@ -502,55 +313,7 @@ Generated by [AVA](https://avajs.dev).
                     },
                     {
                       name: 'children',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                          false,
-                          true,
-                          'object',
-                          {
-                            type: 'shape',
-                            value: [
-                              {
-                                name: 'P',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'T',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'type',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'props',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'key',
-                                propType: {
-                                  type: 'oneOfType',
-                                  value: [
-                                    'string',
-                                    'number',
-                                  ],
-                                },
-                              },
-                            ],
-                          },
-                          {
-                            type: 'oneOfType',
-                            value: [],
-                          },
-                          {
-                            type: 'instanceOf',
-                            value: 'ReactPortal',
-                          },
-                        ],
-                      },
+                      propType: 'node',
                     },
                   ],
                 },
@@ -615,10 +378,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'getPopupContainer',
-            propType: {
-              type: 'instanceOf',
-              value: 'RenderDOMFunc',
-            },
+            propType: 'any',
           },
           {
             name: 'direction',
@@ -638,137 +398,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'notFoundContent',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'placeholder',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'backfill',
@@ -846,55 +480,7 @@ Generated by [AVA](https://avajs.dev).
                     },
                     {
                       name: 'children',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                          false,
-                          true,
-                          'object',
-                          {
-                            type: 'shape',
-                            value: [
-                              {
-                                name: 'P',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'T',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'type',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'props',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'key',
-                                propType: {
-                                  type: 'oneOfType',
-                                  value: [
-                                    'string',
-                                    'number',
-                                  ],
-                                },
-                              },
-                            ],
-                          },
-                          {
-                            type: 'oneOfType',
-                            value: [],
-                          },
-                          {
-                            type: 'instanceOf',
-                            value: 'ReactPortal',
-                          },
-                        ],
-                      },
+                      propType: 'node',
                     },
                   ],
                 },
@@ -1005,10 +591,7 @@ Generated by [AVA](https://avajs.dev).
                 },
                 {
                   name: 'onClear',
-                  propType: {
-                    type: 'instanceOf',
-                    value: 'OnClear',
-                  },
+                  propType: 'any',
                 },
                 {
                   name: 'skipTriggerChange',
@@ -1474,70 +1057,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'suffixIcon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'size',
@@ -1592,6 +1112,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Alert',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -1623,207 +1144,20 @@ Generated by [AVA](https://avajs.dev).
           {
             description: 'Close text to show',
             name: 'closeText',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             description: 'Content of Alert',
             name: 'message',
             propType: {
               isRequired: true,
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
+              type: 'node',
             },
           },
           {
             description: 'Additional content of Alert',
             name: 'description',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             description: 'Callback when close Alert',
@@ -1858,70 +1192,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'icon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'onMouseEnter',
@@ -1941,6 +1212,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Avatar',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -1987,70 +1259,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: 'icon to be used in avatar',
             name: 'icon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'style',
@@ -2078,6 +1287,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'BackTop',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -2123,6 +1333,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Badge',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -2137,70 +1348,7 @@ Generated by [AVA](https://avajs.dev).
             defaultValue: null,
             description: 'Number to show in badge',
             name: 'count',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             defaultValue: false,
@@ -2272,70 +1420,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'text',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'offset',
@@ -2369,6 +1454,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Breadcrumb',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -2403,8 +1489,9 @@ Generated by [AVA](https://avajs.dev).
                     propType: {
                       type: 'arrayOf',
                       value: {
-                        type: 'instanceOf',
-                        value: 'Pick',
+                        0: 'a',
+                        1: 'n',
+                        2: 'y',
                       },
                     },
                   },
@@ -2418,70 +1505,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'separator',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'itemRender',
@@ -2501,6 +1525,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Calendar',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -2525,10 +1550,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'locale',
-            propType: {
-              type: 'instanceOf',
-              value: 'PickerLocale',
-            },
+            propType: 'any',
           },
           {
             name: 'validRange',
@@ -3234,10 +2256,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'headerRender',
-            propType: {
-              type: 'instanceOf',
-              value: 'HeaderRender',
-            },
+            propType: 'any',
           },
           {
             name: 'value',
@@ -3951,6 +2970,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Card',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -3967,137 +2987,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'title',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'extra',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'bordered',
@@ -4147,138 +3041,17 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'cover',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'actions',
             propType: {
               type: 'arrayOf',
               value: {
-                type: 'oneOfType',
-                value: [
-                  'string',
-                  'number',
-                  false,
-                  true,
-                  'object',
-                  {
-                    type: 'shape',
-                    value: [
-                      {
-                        name: 'P',
-                        propType: 'any',
-                      },
-                      {
-                        name: 'T',
-                        propType: 'any',
-                      },
-                      {
-                        name: 'type',
-                        propType: 'any',
-                      },
-                      {
-                        name: 'props',
-                        propType: 'any',
-                      },
-                      {
-                        name: 'key',
-                        propType: {
-                          type: 'oneOfType',
-                          value: [
-                            'string',
-                            'number',
-                          ],
-                        },
-                      },
-                    ],
-                  },
-                  {
-                    type: 'oneOfType',
-                    value: [],
-                  },
-                  {
-                    type: 'shape',
-                    value: [
-                      {
-                        name: 'key',
-                        propType: {
-                          type: 'oneOfType',
-                          value: [
-                            'string',
-                            'number',
-                          ],
-                        },
-                      },
-                      {
-                        name: 'children',
-                        propType: 'node',
-                      },
-                    ],
-                  },
-                ],
+                0: 'n',
+                1: 'o',
+                2: 'd',
+                3: 'e',
               },
             },
           },
@@ -4295,70 +3068,7 @@ Generated by [AVA](https://avajs.dev).
                   },
                   {
                     name: 'tab',
-                    propType: {
-                      type: 'oneOfType',
-                      value: [
-                        'string',
-                        'number',
-                        false,
-                        true,
-                        'object',
-                        {
-                          type: 'shape',
-                          value: [
-                            {
-                              name: 'P',
-                              propType: 'any',
-                            },
-                            {
-                              name: 'T',
-                              propType: 'any',
-                            },
-                            {
-                              name: 'type',
-                              propType: 'any',
-                            },
-                            {
-                              name: 'props',
-                              propType: 'any',
-                            },
-                            {
-                              name: 'key',
-                              propType: {
-                                type: 'oneOfType',
-                                value: [
-                                  'string',
-                                  'number',
-                                ],
-                              },
-                            },
-                          ],
-                        },
-                        {
-                          type: 'oneOfType',
-                          value: [],
-                        },
-                        {
-                          type: 'shape',
-                          value: [
-                            {
-                              name: 'key',
-                              propType: {
-                                type: 'oneOfType',
-                                value: [
-                                  'string',
-                                  'number',
-                                ],
-                              },
-                            },
-                            {
-                              name: 'children',
-                              propType: 'node',
-                            },
-                          ],
-                        },
-                      ],
-                    },
+                    propType: 'node',
                   },
                   {
                     name: 'disabled',
@@ -4370,70 +3080,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'tabBarExtraContent',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'onTabChange',
@@ -4482,70 +3129,7 @@ Generated by [AVA](https://avajs.dev).
                 },
                 {
                   name: 'tabBarExtraContent',
-                  propType: {
-                    type: 'oneOfType',
-                    value: [
-                      'string',
-                      'number',
-                      false,
-                      true,
-                      'object',
-                      {
-                        type: 'shape',
-                        value: [
-                          {
-                            name: 'P',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'T',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'type',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'props',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'key',
-                            propType: {
-                              type: 'oneOfType',
-                              value: [
-                                'string',
-                                'number',
-                              ],
-                            },
-                          },
-                        ],
-                      },
-                      {
-                        type: 'oneOfType',
-                        value: [],
-                      },
-                      {
-                        type: 'shape',
-                        value: [
-                          {
-                            name: 'key',
-                            propType: {
-                              type: 'oneOfType',
-                              value: [
-                                'string',
-                                'number',
-                              ],
-                            },
-                          },
-                          {
-                            name: 'children',
-                            propType: 'node',
-                          },
-                        ],
-                      },
-                    ],
-                  },
+                  propType: 'node',
                 },
                 {
                   name: 'tabBarStyle',
@@ -5972,6 +4556,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Collapse',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -6072,6 +4657,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Carousel',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -6463,10 +5049,7 @@ Generated by [AVA](https://avajs.dev).
                             },
                             {
                               name: 'responsive',
-                              propType: {
-                                type: 'instanceOf',
-                                value: 'ResponsiveObject[]',
-                              },
+                              propType: 'any',
                             },
                             {
                               name: 'rows',
@@ -6624,6 +5207,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Cascader',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -6649,70 +5233,7 @@ Generated by [AVA](https://avajs.dev).
                   },
                   {
                     name: 'label',
-                    propType: {
-                      type: 'oneOfType',
-                      value: [
-                        'string',
-                        'number',
-                        false,
-                        true,
-                        'object',
-                        {
-                          type: 'shape',
-                          value: [
-                            {
-                              name: 'P',
-                              propType: 'any',
-                            },
-                            {
-                              name: 'T',
-                              propType: 'any',
-                            },
-                            {
-                              name: 'type',
-                              propType: 'any',
-                            },
-                            {
-                              name: 'props',
-                              propType: 'any',
-                            },
-                            {
-                              name: 'key',
-                              propType: {
-                                type: 'oneOfType',
-                                value: [
-                                  'string',
-                                  'number',
-                                ],
-                              },
-                            },
-                          ],
-                        },
-                        {
-                          type: 'oneOfType',
-                          value: [],
-                        },
-                        {
-                          type: 'shape',
-                          value: [
-                            {
-                              name: 'key',
-                              propType: {
-                                type: 'oneOfType',
-                                value: [
-                                  'string',
-                                  'number',
-                                ],
-                              },
-                            },
-                            {
-                              name: 'children',
-                              propType: 'node',
-                            },
-                          ],
-                        },
-                      ],
-                    },
+                    propType: 'node',
                   },
                   {
                     name: 'disabled',
@@ -6728,10 +5249,7 @@ Generated by [AVA](https://avajs.dev).
                   },
                   {
                     name: 'children',
-                    propType: {
-                      type: 'instanceOf',
-                      value: 'CascaderOptionType[]',
-                    },
+                    propType: 'any',
                   },
                 ],
               },
@@ -6875,70 +5393,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'notFoundContent',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'loadData',
@@ -7004,70 +5459,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'suffixIcon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
         ],
         screenshot: '',
@@ -7075,6 +5467,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Checkbox',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -7164,6 +5557,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Col',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -8973,6 +7367,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Comment',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -8989,206 +7384,22 @@ Generated by [AVA](https://avajs.dev).
             propType: {
               type: 'arrayOf',
               value: {
-                type: 'oneOfType',
-                value: [
-                  'string',
-                  'number',
-                  false,
-                  true,
-                  'object',
-                  {
-                    type: 'shape',
-                    value: [
-                      {
-                        name: 'P',
-                        propType: 'any',
-                      },
-                      {
-                        name: 'T',
-                        propType: 'any',
-                      },
-                      {
-                        name: 'type',
-                        propType: 'any',
-                      },
-                      {
-                        name: 'props',
-                        propType: 'any',
-                      },
-                      {
-                        name: 'key',
-                        propType: {
-                          type: 'oneOfType',
-                          value: [
-                            'string',
-                            'number',
-                          ],
-                        },
-                      },
-                    ],
-                  },
-                  {
-                    type: 'oneOfType',
-                    value: [],
-                  },
-                  {
-                    type: 'shape',
-                    value: [
-                      {
-                        name: 'key',
-                        propType: {
-                          type: 'oneOfType',
-                          value: [
-                            'string',
-                            'number',
-                          ],
-                        },
-                      },
-                      {
-                        name: 'children',
-                        propType: 'node',
-                      },
-                    ],
-                  },
-                ],
+                0: 'n',
+                1: 'o',
+                2: 'd',
+                3: 'e',
               },
             },
           },
           {
             description: 'The element to display as the comment author.',
             name: 'author',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             description: 'The element to display as the comment avatar - generally an antd Avatar',
             name: 'avatar',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             description: 'className of comment',
@@ -9200,137 +7411,13 @@ Generated by [AVA](https://avajs.dev).
             name: 'content',
             propType: {
               isRequired: true,
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
+              type: 'node',
             },
           },
           {
             description: 'Nested comments should be provided as children of the Comment',
             name: 'children',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             description: 'Comment prefix defaults to \'.ant-comment\'',
@@ -9345,70 +7432,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: 'A datetime element containing the time to be displayed',
             name: 'datetime',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
         ],
         screenshot: '',
@@ -9416,6 +7440,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'ConfigProvider',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -9481,10 +7506,7 @@ Generated by [AVA](https://avajs.dev).
                 },
                 {
                   name: 'DatePicker',
-                  propType: {
-                    type: 'instanceOf',
-                    value: 'PickerLocale',
-                  },
+                  propType: 'any',
                 },
                 {
                   name: 'TimePicker',
@@ -9508,10 +7530,7 @@ Generated by [AVA](https://avajs.dev).
                 },
                 {
                   name: 'Transfer',
-                  propType: {
-                    type: 'instanceOf',
-                    value: 'Partial',
-                  },
+                  propType: 'any',
                 },
                 {
                   name: 'Select',
@@ -9607,6 +7626,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'DatePicker',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -10339,70 +8359,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'clearIcon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'open',
@@ -10993,70 +8950,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'suffixIcon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'role',
@@ -11435,17 +9329,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'dateRender',
-            propType: {
-              type: 'instanceOf',
-              value: 'DateRender',
-            },
+            propType: 'any',
           },
           {
             name: 'monthCellRender',
-            propType: {
-              type: 'instanceOf',
-              value: 'MonthCellRender',
-            },
+            propType: 'any',
           },
           {
             name: 'renderExtraFooter',
@@ -11453,10 +9341,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'onPanelChange',
-            propType: {
-              type: 'instanceOf',
-              value: 'OnPanelChange',
-            },
+            propType: 'any',
           },
           {
             name: 'onOk',
@@ -11518,10 +9403,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'locale',
-            propType: {
-              type: 'instanceOf',
-              value: 'PickerLocale',
-            },
+            propType: 'any',
           },
           {
             name: 'size',
@@ -11603,10 +9485,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'disabledTime',
-            propType: {
-              type: 'instanceOf',
-              value: 'DisabledTime',
-            },
+            propType: 'any',
           },
           {
             name: 'showHour',
@@ -11999,6 +9878,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Descriptions',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -12038,70 +9918,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'title',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             defaultValue: null,
@@ -12110,10 +9927,7 @@ Generated by [AVA](https://avajs.dev).
               type: 'oneOfType',
               value: [
                 'number',
-                {
-                  type: 'instanceOf',
-                  value: 'Partial',
-                },
+                'any',
               ],
             },
           },
@@ -12138,6 +9952,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Divider',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -12191,6 +10006,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Dropdown',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -12252,10 +10068,7 @@ Generated by [AVA](https://avajs.dev).
                     },
                   ],
                 },
-                {
-                  type: 'instanceOf',
-                  value: 'OverlayFunc',
-                },
+                'any',
               ],
             },
           },
@@ -12273,10 +10086,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'align',
-            propType: {
-              type: 'instanceOf',
-              value: 'Align',
-            },
+            propType: 'any',
           },
           {
             name: 'getPopupContainer',
@@ -12340,6 +10150,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Drawer',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -12450,10 +10261,7 @@ Generated by [AVA](https://avajs.dev).
                     },
                   ],
                 },
-                {
-                  type: 'instanceOf',
-                  value: 'getContainerFunc',
-                },
+                'any',
               ],
             },
           },
@@ -12488,70 +10296,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'title',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'visible',
@@ -12615,70 +10360,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'handler',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'keyboard',
@@ -12686,70 +10368,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'footer',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'footerStyle',
@@ -12761,6 +10380,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Form',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -15154,10 +12774,7 @@ Generated by [AVA](https://avajs.dev).
                     },
                     {
                       name: 'propTypes',
-                      propType: {
-                        type: 'instanceOf',
-                        value: 'React.WeakValidationMap',
-                      },
+                      propType: 'any',
                     },
                     {
                       name: 'contextType',
@@ -15165,24 +12782,15 @@ Generated by [AVA](https://avajs.dev).
                     },
                     {
                       name: 'contextTypes',
-                      propType: {
-                        type: 'instanceOf',
-                        value: 'ValidationMap',
-                      },
+                      propType: 'any',
                     },
                     {
                       name: 'childContextTypes',
-                      propType: {
-                        type: 'instanceOf',
-                        value: 'ValidationMap',
-                      },
+                      propType: 'any',
                     },
                     {
                       name: 'defaultProps',
-                      propType: {
-                        type: 'instanceOf',
-                        value: 'Partial',
-                      },
+                      propType: 'any',
                     },
                     {
                       name: 'displayName',
@@ -15190,10 +12798,7 @@ Generated by [AVA](https://avajs.dev).
                     },
                   ],
                 },
-                {
-                  type: 'instanceOf',
-                  value: 'React.FC',
-                },
+                'any',
               ],
             },
           },
@@ -15354,6 +12959,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Input',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -15416,271 +13022,19 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'addonBefore',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'addonAfter',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'prefix',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'suffix',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'allowClear',
@@ -17197,6 +14551,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'InputNumber',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -18716,6 +16071,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'List',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -18753,70 +16109,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'extra',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'grid',
@@ -19008,10 +16301,7 @@ Generated by [AVA](https://avajs.dev).
                     },
                     {
                       name: 'indicator',
-                      propType: {
-                        type: 'instanceOf',
-                        value: 'SpinIndicator',
-                      },
+                      propType: 'any',
                     },
                   ],
                 },
@@ -19020,70 +16310,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'loadMore',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'pagination',
@@ -19169,137 +16396,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'header',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'footer',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'locale',
@@ -19366,55 +16467,7 @@ Generated by [AVA](https://avajs.dev).
                           },
                           {
                             name: 'children',
-                            propType: {
-                              type: 'oneOfType',
-                              value: [
-                                'string',
-                                'number',
-                                false,
-                                true,
-                                'object',
-                                {
-                                  type: 'shape',
-                                  value: [
-                                    {
-                                      name: 'P',
-                                      propType: 'any',
-                                    },
-                                    {
-                                      name: 'T',
-                                      propType: 'any',
-                                    },
-                                    {
-                                      name: 'type',
-                                      propType: 'any',
-                                    },
-                                    {
-                                      name: 'props',
-                                      propType: 'any',
-                                    },
-                                    {
-                                      name: 'key',
-                                      propType: {
-                                        type: 'oneOfType',
-                                        value: [
-                                          'string',
-                                          'number',
-                                        ],
-                                      },
-                                    },
-                                  ],
-                                },
-                                {
-                                  type: 'oneOfType',
-                                  value: [],
-                                },
-                                {
-                                  type: 'instanceOf',
-                                  value: 'ReactPortal',
-                                },
-                              ],
-                            },
+                            propType: 'node',
                           },
                         ],
                       },
@@ -19431,6 +16484,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Menu',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -19634,70 +16688,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'overflowedIndicator',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'forceSubMenuRender',
@@ -19709,6 +16700,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Mentions',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -19737,70 +16729,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'notFoundContent',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'split',
@@ -21244,6 +18173,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Modal',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -21267,70 +18197,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '标题',
             name: 'title',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             description: '是否显示右上角的关闭按钮',
@@ -21370,138 +18237,12 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '底部内容',
             name: 'footer',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             description: '确认按钮文字',
             name: 'okText',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             description: '确认按钮类型',
@@ -21521,70 +18262,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '取消按钮文字',
             name: 'cancelText',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             description: '点击蒙层是否允许关闭',
@@ -21598,17 +18276,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'okButtonProps',
-            propType: {
-              type: 'instanceOf',
-              value: 'Partial',
-            },
+            propType: 'any',
           },
           {
             name: 'cancelButtonProps',
-            propType: {
-              type: 'instanceOf',
-              value: 'Partial',
-            },
+            propType: 'any',
           },
           {
             name: 'destroyOnClose',
@@ -21722,10 +18394,7 @@ Generated by [AVA](https://avajs.dev).
                     },
                   ],
                 },
-                {
-                  type: 'instanceOf',
-                  value: 'getContainerFunc',
-                },
+                'any',
               ],
             },
           },
@@ -21759,70 +18428,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'closeIcon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
         ],
         screenshot: '',
@@ -21830,6 +18436,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'PageHeader',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -21842,70 +18449,7 @@ Generated by [AVA](https://avajs.dev).
         props: [
           {
             name: 'backIcon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'prefixCls',
@@ -21915,136 +18459,12 @@ Generated by [AVA](https://avajs.dev).
             name: 'title',
             propType: {
               isRequired: true,
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
+              type: 'node',
             },
           },
           {
             name: 'subTitle',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'style',
@@ -22079,8 +18499,9 @@ Generated by [AVA](https://avajs.dev).
                           propType: {
                             type: 'arrayOf',
                             value: {
-                              type: 'instanceOf',
-                              value: 'Pick',
+                              0: 'a',
+                              1: 'n',
+                              2: 'y',
                             },
                           },
                         },
@@ -22094,70 +18515,7 @@ Generated by [AVA](https://avajs.dev).
                 },
                 {
                   name: 'separator',
-                  propType: {
-                    type: 'oneOfType',
-                    value: [
-                      'string',
-                      'number',
-                      false,
-                      true,
-                      'object',
-                      {
-                        type: 'shape',
-                        value: [
-                          {
-                            name: 'P',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'T',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'type',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'props',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'key',
-                            propType: {
-                              type: 'oneOfType',
-                              value: [
-                                'string',
-                                'number',
-                              ],
-                            },
-                          },
-                        ],
-                      },
-                      {
-                        type: 'oneOfType',
-                        value: [],
-                      },
-                      {
-                        type: 'shape',
-                        value: [
-                          {
-                            name: 'key',
-                            propType: {
-                              type: 'oneOfType',
-                              value: [
-                                'string',
-                                'number',
-                              ],
-                            },
-                          },
-                          {
-                            name: 'children',
-                            propType: 'node',
-                          },
-                        ],
-                      },
-                    ],
-                  },
+                  propType: 'node',
                 },
                 {
                   name: 'itemRender',
@@ -22249,137 +18607,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'footer',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'extra',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'avatar',
@@ -22418,70 +18650,7 @@ Generated by [AVA](https://avajs.dev).
                 },
                 {
                   name: 'icon',
-                  propType: {
-                    type: 'oneOfType',
-                    value: [
-                      'string',
-                      'number',
-                      false,
-                      true,
-                      'object',
-                      {
-                        type: 'shape',
-                        value: [
-                          {
-                            name: 'P',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'T',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'type',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'props',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'key',
-                            propType: {
-                              type: 'oneOfType',
-                              value: [
-                                'string',
-                                'number',
-                              ],
-                            },
-                          },
-                        ],
-                      },
-                      {
-                        type: 'oneOfType',
-                        value: [],
-                      },
-                      {
-                        type: 'shape',
-                        value: [
-                          {
-                            name: 'key',
-                            propType: {
-                              type: 'oneOfType',
-                              value: [
-                                'string',
-                                'number',
-                              ],
-                            },
-                          },
-                          {
-                            name: 'children',
-                            propType: 'node',
-                          },
-                        ],
-                      },
-                    ],
-                  },
+                  propType: 'node',
                 },
                 {
                   name: 'style',
@@ -22497,70 +18666,7 @@ Generated by [AVA](https://avajs.dev).
                 },
                 {
                   name: 'children',
-                  propType: {
-                    type: 'oneOfType',
-                    value: [
-                      'string',
-                      'number',
-                      false,
-                      true,
-                      'object',
-                      {
-                        type: 'shape',
-                        value: [
-                          {
-                            name: 'P',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'T',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'type',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'props',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'key',
-                            propType: {
-                              type: 'oneOfType',
-                              value: [
-                                'string',
-                                'number',
-                              ],
-                            },
-                          },
-                        ],
-                      },
-                      {
-                        type: 'oneOfType',
-                        value: [],
-                      },
-                      {
-                        type: 'shape',
-                        value: [
-                          {
-                            name: 'key',
-                            propType: {
-                              type: 'oneOfType',
-                              value: [
-                                'string',
-                                'number',
-                              ],
-                            },
-                          },
-                          {
-                            name: 'children',
-                            propType: 'node',
-                          },
-                        ],
-                      },
-                    ],
-                  },
+                  propType: 'node',
                 },
                 {
                   name: 'alt',
@@ -22591,6 +18697,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Pagination',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -22667,70 +18774,7 @@ Generated by [AVA](https://avajs.dev).
                   value: [
                     {
                       name: 'goButton',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                          false,
-                          true,
-                          'object',
-                          {
-                            type: 'shape',
-                            value: [
-                              {
-                                name: 'P',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'T',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'type',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'props',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'key',
-                                propType: {
-                                  type: 'oneOfType',
-                                  value: [
-                                    'string',
-                                    'number',
-                                  ],
-                                },
-                              },
-                            ],
-                          },
-                          {
-                            type: 'oneOfType',
-                            value: [],
-                          },
-                          {
-                            type: 'shape',
-                            value: [
-                              {
-                                name: 'key',
-                                propType: {
-                                  type: 'oneOfType',
-                                  value: [
-                                    'string',
-                                    'number',
-                                  ],
-                                },
-                              },
-                              {
-                                name: 'children',
-                                propType: 'node',
-                              },
-                            ],
-                          },
-                        ],
-                      },
+                      propType: 'node',
                     },
                   ],
                 },
@@ -22833,6 +18877,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Popconfirm',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -22904,62 +18949,11 @@ Generated by [AVA](https://avajs.dev).
                     },
                     {
                       name: 'children',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                          false,
-                          true,
-                          'object',
-                          {
-                            type: 'shape',
-                            value: [
-                              {
-                                name: 'P',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'T',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'type',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'props',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'key',
-                                propType: {
-                                  type: 'oneOfType',
-                                  value: [
-                                    'string',
-                                    'number',
-                                  ],
-                                },
-                              },
-                            ],
-                          },
-                          {
-                            type: 'oneOfType',
-                            value: [],
-                          },
-                          {
-                            type: 'instanceOf',
-                            value: 'ReactPortal',
-                          },
-                        ],
-                      },
+                      propType: 'node',
                     },
                   ],
                 },
-                {
-                  type: 'instanceOf',
-                  value: 'RenderFunction',
-                },
+                'any',
               ],
             },
           },
@@ -22978,70 +18972,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'okText',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'okType',
@@ -23059,151 +18990,19 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'cancelText',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'okButtonProps',
-            propType: {
-              type: 'instanceOf',
-              value: 'NativeButtonProps',
-            },
+            propType: 'any',
           },
           {
             name: 'cancelButtonProps',
-            propType: {
-              type: 'instanceOf',
-              value: 'NativeButtonProps',
-            },
+            propType: 'any',
           },
           {
             name: 'icon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'onVisibleChange',
@@ -23455,6 +19254,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Popover',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -23525,62 +19325,11 @@ Generated by [AVA](https://avajs.dev).
                     },
                     {
                       name: 'children',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                          false,
-                          true,
-                          'object',
-                          {
-                            type: 'shape',
-                            value: [
-                              {
-                                name: 'P',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'T',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'type',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'props',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'key',
-                                propType: {
-                                  type: 'oneOfType',
-                                  value: [
-                                    'string',
-                                    'number',
-                                  ],
-                                },
-                              },
-                            ],
-                          },
-                          {
-                            type: 'oneOfType',
-                            value: [],
-                          },
-                          {
-                            type: 'instanceOf',
-                            value: 'ReactPortal',
-                          },
-                        ],
-                      },
+                      propType: 'node',
                     },
                   ],
                 },
-                {
-                  type: 'instanceOf',
-                  value: 'RenderFunction',
-                },
+                'any',
               ],
             },
           },
@@ -23644,62 +19393,11 @@ Generated by [AVA](https://avajs.dev).
                     },
                     {
                       name: 'children',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                          false,
-                          true,
-                          'object',
-                          {
-                            type: 'shape',
-                            value: [
-                              {
-                                name: 'P',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'T',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'type',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'props',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'key',
-                                propType: {
-                                  type: 'oneOfType',
-                                  value: [
-                                    'string',
-                                    'number',
-                                  ],
-                                },
-                              },
-                            ],
-                          },
-                          {
-                            type: 'oneOfType',
-                            value: [],
-                          },
-                          {
-                            type: 'instanceOf',
-                            value: 'ReactPortal',
-                          },
-                        ],
-                      },
+                      propType: 'node',
                     },
                   ],
                 },
-                {
-                  type: 'instanceOf',
-                  value: 'RenderFunction',
-                },
+                'any',
               ],
             },
           },
@@ -23834,7 +19532,7 @@ Generated by [AVA](https://avajs.dev).
             propType: 'any',
           },
           {
-            defaultValue: undefined,
+            defaultValue: {},
             name: 'overlayStyle',
             propType: 'any',
           },
@@ -23956,6 +19654,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Progress',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -24091,6 +19790,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Radio',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -24175,6 +19875,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Rate',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -24237,70 +19938,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'character',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'className',
@@ -24316,6 +19954,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Row',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -24333,10 +19972,7 @@ Generated by [AVA](https://avajs.dev).
               type: 'oneOfType',
               value: [
                 'number',
-                {
-                  type: 'instanceOf',
-                  value: 'Partial',
-                },
+                'any',
                 {
                   type: 'oneOfType',
                   value: [
@@ -24344,20 +19980,14 @@ Generated by [AVA](https://avajs.dev).
                       type: 'oneOfType',
                       value: [
                         'number',
-                        {
-                          type: 'instanceOf',
-                          value: 'Partial',
-                        },
+                        'any',
                       ],
                     },
                     {
                       type: 'oneOfType',
                       value: [
                         'number',
-                        {
-                          type: 'instanceOf',
-                          value: 'Partial',
-                        },
+                        'any',
                       ],
                     },
                   ],
@@ -25739,6 +21369,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Select',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -25814,70 +21445,7 @@ Generated by [AVA](https://avajs.dev).
                       },
                       {
                         name: 'label',
-                        propType: {
-                          type: 'oneOfType',
-                          value: [
-                            'string',
-                            'number',
-                            false,
-                            true,
-                            'object',
-                            {
-                              type: 'shape',
-                              value: [
-                                {
-                                  name: 'P',
-                                  propType: 'any',
-                                },
-                                {
-                                  name: 'T',
-                                  propType: 'any',
-                                },
-                                {
-                                  name: 'type',
-                                  propType: 'any',
-                                },
-                                {
-                                  name: 'props',
-                                  propType: 'any',
-                                },
-                                {
-                                  name: 'key',
-                                  propType: {
-                                    type: 'oneOfType',
-                                    value: [
-                                      'string',
-                                      'number',
-                                    ],
-                                  },
-                                },
-                              ],
-                            },
-                            {
-                              type: 'oneOfType',
-                              value: [],
-                            },
-                            {
-                              type: 'shape',
-                              value: [
-                                {
-                                  name: 'key',
-                                  propType: {
-                                    type: 'oneOfType',
-                                    value: [
-                                      'string',
-                                      'number',
-                                    ],
-                                  },
-                                },
-                                {
-                                  name: 'children',
-                                  propType: 'node',
-                                },
-                              ],
-                            },
-                          ],
-                        },
+                        propType: 'node',
                       },
                       {
                         name: 'options',
@@ -25937,10 +21505,7 @@ Generated by [AVA](https://avajs.dev).
               value: [
                 false,
                 true,
-                {
-                  type: 'instanceOf',
-                  value: 'FilterFunc',
-                },
+                'any',
               ],
             },
           },
@@ -25962,70 +21527,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'clearIcon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'showArrow',
@@ -26033,70 +21535,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'removeIcon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'menuItemSelectedIcon',
@@ -26158,55 +21597,7 @@ Generated by [AVA](https://avajs.dev).
                     },
                     {
                       name: 'children',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                          false,
-                          true,
-                          'object',
-                          {
-                            type: 'shape',
-                            value: [
-                              {
-                                name: 'P',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'T',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'type',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'props',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'key',
-                                propType: {
-                                  type: 'oneOfType',
-                                  value: [
-                                    'string',
-                                    'number',
-                                  ],
-                                },
-                              },
-                            ],
-                          },
-                          {
-                            type: 'oneOfType',
-                            value: [],
-                          },
-                          {
-                            type: 'instanceOf',
-                            value: 'ReactPortal',
-                          },
-                        ],
-                      },
+                      propType: 'node',
                     },
                   ],
                 },
@@ -26271,10 +21662,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'getPopupContainer',
-            propType: {
-              type: 'instanceOf',
-              value: 'RenderDOMFunc',
-            },
+            propType: 'any',
           },
           {
             name: 'direction',
@@ -26294,137 +21682,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'notFoundContent',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'placeholder',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'maxTagTextLength',
@@ -26494,55 +21756,7 @@ Generated by [AVA](https://avajs.dev).
                     },
                     {
                       name: 'children',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                          false,
-                          true,
-                          'object',
-                          {
-                            type: 'shape',
-                            value: [
-                              {
-                                name: 'P',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'T',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'type',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'props',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'key',
-                                propType: {
-                                  type: 'oneOfType',
-                                  value: [
-                                    'string',
-                                    'number',
-                                  ],
-                                },
-                              },
-                            ],
-                          },
-                          {
-                            type: 'oneOfType',
-                            value: [],
-                          },
-                          {
-                            type: 'instanceOf',
-                            value: 'ReactPortal',
-                          },
-                        ],
-                      },
+                      propType: 'node',
                     },
                   ],
                 },
@@ -26653,10 +21867,7 @@ Generated by [AVA](https://avajs.dev).
                 },
                 {
                   name: 'onClear',
-                  propType: {
-                    type: 'instanceOf',
-                    value: 'OnClear',
-                  },
+                  propType: 'any',
                 },
                 {
                   name: 'skipTriggerChange',
@@ -27122,70 +22333,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'suffixIcon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'size',
@@ -27209,6 +22357,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Skeleton',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -27243,7 +22392,7 @@ Generated by [AVA](https://avajs.dev).
               value: [
                 false,
                 true,
-                'object',
+                'any',
               ],
             },
           },
@@ -27343,6 +22492,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Slider',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -27494,6 +22644,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Space',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -27544,6 +22695,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Spin',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -27591,16 +22743,12 @@ Generated by [AVA](https://avajs.dev).
             propType: 'number',
           },
           {
-            defaultValue: undefined,
             name: 'wrapperClassName',
             propType: 'string',
           },
           {
             name: 'indicator',
-            propType: {
-              type: 'instanceOf',
-              value: 'SpinIndicator',
-            },
+            propType: 'any',
           },
         ],
         screenshot: '',
@@ -27608,6 +22756,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Steps',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -27760,6 +22909,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Switch',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -27798,151 +22948,19 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'onChange',
-            propType: {
-              type: 'instanceOf',
-              value: 'SwitchChangeEventHandler',
-            },
+            propType: 'any',
           },
           {
             name: 'onClick',
-            propType: {
-              type: 'instanceOf',
-              value: 'SwitchChangeEventHandler',
-            },
+            propType: 'any',
           },
           {
             name: 'checkedChildren',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'unCheckedChildren',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'disabled',
@@ -27970,6 +22988,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Table',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -28025,10 +23044,7 @@ Generated by [AVA](https://avajs.dev).
                                   },
                                   {
                                     name: 'children',
-                                    propType: {
-                                      type: 'instanceOf',
-                                      value: 'ColumnsType<RecordType>',
-                                    },
+                                    propType: 'any',
                                   },
                                 ],
                               },
@@ -28099,55 +23115,7 @@ Generated by [AVA](https://avajs.dev).
                                             },
                                             {
                                               name: 'children',
-                                              propType: {
-                                                type: 'oneOfType',
-                                                value: [
-                                                  'string',
-                                                  'number',
-                                                  false,
-                                                  true,
-                                                  'object',
-                                                  {
-                                                    type: 'shape',
-                                                    value: [
-                                                      {
-                                                        name: 'P',
-                                                        propType: 'any',
-                                                      },
-                                                      {
-                                                        name: 'T',
-                                                        propType: 'any',
-                                                      },
-                                                      {
-                                                        name: 'type',
-                                                        propType: 'any',
-                                                      },
-                                                      {
-                                                        name: 'props',
-                                                        propType: 'any',
-                                                      },
-                                                      {
-                                                        name: 'key',
-                                                        propType: {
-                                                          type: 'oneOfType',
-                                                          value: [
-                                                            'string',
-                                                            'number',
-                                                          ],
-                                                        },
-                                                      },
-                                                    ],
-                                                  },
-                                                  {
-                                                    type: 'oneOfType',
-                                                    value: [],
-                                                  },
-                                                  {
-                                                    type: 'instanceOf',
-                                                    value: 'ReactPortal',
-                                                  },
-                                                ],
-                                              },
+                                              propType: 'node',
                                             },
                                           ],
                                         },
@@ -28162,19 +23130,13 @@ Generated by [AVA](https://avajs.dev).
                                       value: [
                                         false,
                                         true,
-                                        {
-                                          type: 'instanceOf',
-                                          value: 'CompareFn',
-                                        },
+                                        'any',
                                         {
                                           type: 'shape',
                                           value: [
                                             {
                                               name: 'compare',
-                                              propType: {
-                                                type: 'instanceOf',
-                                                value: 'CompareFn',
-                                              },
+                                              propType: 'any',
                                             },
                                             {
                                               name: 'multiple',
@@ -28235,70 +23197,7 @@ Generated by [AVA](https://avajs.dev).
                                         value: [
                                           {
                                             name: 'text',
-                                            propType: {
-                                              type: 'oneOfType',
-                                              value: [
-                                                'string',
-                                                'number',
-                                                false,
-                                                true,
-                                                'object',
-                                                {
-                                                  type: 'shape',
-                                                  value: [
-                                                    {
-                                                      name: 'P',
-                                                      propType: 'any',
-                                                    },
-                                                    {
-                                                      name: 'T',
-                                                      propType: 'any',
-                                                    },
-                                                    {
-                                                      name: 'type',
-                                                      propType: 'any',
-                                                    },
-                                                    {
-                                                      name: 'props',
-                                                      propType: 'any',
-                                                    },
-                                                    {
-                                                      name: 'key',
-                                                      propType: {
-                                                        type: 'oneOfType',
-                                                        value: [
-                                                          'string',
-                                                          'number',
-                                                        ],
-                                                      },
-                                                    },
-                                                  ],
-                                                },
-                                                {
-                                                  type: 'oneOfType',
-                                                  value: [],
-                                                },
-                                                {
-                                                  type: 'shape',
-                                                  value: [
-                                                    {
-                                                      name: 'key',
-                                                      propType: {
-                                                        type: 'oneOfType',
-                                                        value: [
-                                                          'string',
-                                                          'number',
-                                                        ],
-                                                      },
-                                                    },
-                                                    {
-                                                      name: 'children',
-                                                      propType: 'node',
-                                                    },
-                                                  ],
-                                                },
-                                              ],
-                                            },
+                                            propType: 'node',
                                           },
                                           {
                                             name: 'value',
@@ -28314,10 +23213,7 @@ Generated by [AVA](https://avajs.dev).
                                           },
                                           {
                                             name: 'children',
-                                            propType: {
-                                              type: 'instanceOf',
-                                              value: 'ColumnFilterItem[]',
-                                            },
+                                            propType: 'any',
                                           },
                                         ],
                                       },
@@ -28383,55 +23279,7 @@ Generated by [AVA](https://avajs.dev).
                                             },
                                             {
                                               name: 'children',
-                                              propType: {
-                                                type: 'oneOfType',
-                                                value: [
-                                                  'string',
-                                                  'number',
-                                                  false,
-                                                  true,
-                                                  'object',
-                                                  {
-                                                    type: 'shape',
-                                                    value: [
-                                                      {
-                                                        name: 'P',
-                                                        propType: 'any',
-                                                      },
-                                                      {
-                                                        name: 'T',
-                                                        propType: 'any',
-                                                      },
-                                                      {
-                                                        name: 'type',
-                                                        propType: 'any',
-                                                      },
-                                                      {
-                                                        name: 'props',
-                                                        propType: 'any',
-                                                      },
-                                                      {
-                                                        name: 'key',
-                                                        propType: {
-                                                          type: 'oneOfType',
-                                                          value: [
-                                                            'string',
-                                                            'number',
-                                                          ],
-                                                        },
-                                                      },
-                                                    ],
-                                                  },
-                                                  {
-                                                    type: 'oneOfType',
-                                                    value: [],
-                                                  },
-                                                  {
-                                                    type: 'instanceOf',
-                                                    value: 'ReactPortal',
-                                                  },
-                                                ],
-                                              },
+                                              propType: 'node',
                                             },
                                           ],
                                         },
@@ -28529,55 +23377,7 @@ Generated by [AVA](https://avajs.dev).
                                             },
                                             {
                                               name: 'children',
-                                              propType: {
-                                                type: 'oneOfType',
-                                                value: [
-                                                  'string',
-                                                  'number',
-                                                  false,
-                                                  true,
-                                                  'object',
-                                                  {
-                                                    type: 'shape',
-                                                    value: [
-                                                      {
-                                                        name: 'P',
-                                                        propType: 'any',
-                                                      },
-                                                      {
-                                                        name: 'T',
-                                                        propType: 'any',
-                                                      },
-                                                      {
-                                                        name: 'type',
-                                                        propType: 'any',
-                                                      },
-                                                      {
-                                                        name: 'props',
-                                                        propType: 'any',
-                                                      },
-                                                      {
-                                                        name: 'key',
-                                                        propType: {
-                                                          type: 'oneOfType',
-                                                          value: [
-                                                            'string',
-                                                            'number',
-                                                          ],
-                                                        },
-                                                      },
-                                                    ],
-                                                  },
-                                                  {
-                                                    type: 'oneOfType',
-                                                    value: [],
-                                                  },
-                                                  {
-                                                    type: 'instanceOf',
-                                                    value: 'ReactPortal',
-                                                  },
-                                                ],
-                                              },
+                                              propType: 'node',
                                             },
                                           ],
                                         },
@@ -28672,55 +23472,7 @@ Generated by [AVA](https://avajs.dev).
                                 },
                                 {
                                   name: 'children',
-                                  propType: {
-                                    type: 'oneOfType',
-                                    value: [
-                                      'string',
-                                      'number',
-                                      false,
-                                      true,
-                                      'object',
-                                      {
-                                        type: 'shape',
-                                        value: [
-                                          {
-                                            name: 'P',
-                                            propType: 'any',
-                                          },
-                                          {
-                                            name: 'T',
-                                            propType: 'any',
-                                          },
-                                          {
-                                            name: 'type',
-                                            propType: 'any',
-                                          },
-                                          {
-                                            name: 'props',
-                                            propType: 'any',
-                                          },
-                                          {
-                                            name: 'key',
-                                            propType: {
-                                              type: 'oneOfType',
-                                              value: [
-                                                'string',
-                                                'number',
-                                              ],
-                                            },
-                                          },
-                                        ],
-                                      },
-                                      {
-                                        type: 'oneOfType',
-                                        value: [],
-                                      },
-                                      {
-                                        type: 'instanceOf',
-                                        value: 'ReactPortal',
-                                      },
-                                    ],
-                                  },
+                                  propType: 'node',
                                 },
                               ],
                             },
@@ -28735,19 +23487,13 @@ Generated by [AVA](https://avajs.dev).
                           value: [
                             false,
                             true,
-                            {
-                              type: 'instanceOf',
-                              value: 'CompareFn',
-                            },
+                            'any',
                             {
                               type: 'shape',
                               value: [
                                 {
                                   name: 'compare',
-                                  propType: {
-                                    type: 'instanceOf',
-                                    value: 'CompareFn',
-                                  },
+                                  propType: 'any',
                                 },
                                 {
                                   name: 'multiple',
@@ -28808,70 +23554,7 @@ Generated by [AVA](https://avajs.dev).
                             value: [
                               {
                                 name: 'text',
-                                propType: {
-                                  type: 'oneOfType',
-                                  value: [
-                                    'string',
-                                    'number',
-                                    false,
-                                    true,
-                                    'object',
-                                    {
-                                      type: 'shape',
-                                      value: [
-                                        {
-                                          name: 'P',
-                                          propType: 'any',
-                                        },
-                                        {
-                                          name: 'T',
-                                          propType: 'any',
-                                        },
-                                        {
-                                          name: 'type',
-                                          propType: 'any',
-                                        },
-                                        {
-                                          name: 'props',
-                                          propType: 'any',
-                                        },
-                                        {
-                                          name: 'key',
-                                          propType: {
-                                            type: 'oneOfType',
-                                            value: [
-                                              'string',
-                                              'number',
-                                            ],
-                                          },
-                                        },
-                                      ],
-                                    },
-                                    {
-                                      type: 'oneOfType',
-                                      value: [],
-                                    },
-                                    {
-                                      type: 'shape',
-                                      value: [
-                                        {
-                                          name: 'key',
-                                          propType: {
-                                            type: 'oneOfType',
-                                            value: [
-                                              'string',
-                                              'number',
-                                            ],
-                                          },
-                                        },
-                                        {
-                                          name: 'children',
-                                          propType: 'node',
-                                        },
-                                      ],
-                                    },
-                                  ],
-                                },
+                                propType: 'node',
                               },
                               {
                                 name: 'value',
@@ -28887,10 +23570,7 @@ Generated by [AVA](https://avajs.dev).
                               },
                               {
                                 name: 'children',
-                                propType: {
-                                  type: 'instanceOf',
-                                  value: 'ColumnFilterItem[]',
-                                },
+                                propType: 'any',
                               },
                             ],
                           },
@@ -28956,55 +23636,7 @@ Generated by [AVA](https://avajs.dev).
                                 },
                                 {
                                   name: 'children',
-                                  propType: {
-                                    type: 'oneOfType',
-                                    value: [
-                                      'string',
-                                      'number',
-                                      false,
-                                      true,
-                                      'object',
-                                      {
-                                        type: 'shape',
-                                        value: [
-                                          {
-                                            name: 'P',
-                                            propType: 'any',
-                                          },
-                                          {
-                                            name: 'T',
-                                            propType: 'any',
-                                          },
-                                          {
-                                            name: 'type',
-                                            propType: 'any',
-                                          },
-                                          {
-                                            name: 'props',
-                                            propType: 'any',
-                                          },
-                                          {
-                                            name: 'key',
-                                            propType: {
-                                              type: 'oneOfType',
-                                              value: [
-                                                'string',
-                                                'number',
-                                              ],
-                                            },
-                                          },
-                                        ],
-                                      },
-                                      {
-                                        type: 'oneOfType',
-                                        value: [],
-                                      },
-                                      {
-                                        type: 'instanceOf',
-                                        value: 'ReactPortal',
-                                      },
-                                    ],
-                                  },
+                                  propType: 'node',
                                 },
                               ],
                             },
@@ -29102,55 +23734,7 @@ Generated by [AVA](https://avajs.dev).
                                 },
                                 {
                                   name: 'children',
-                                  propType: {
-                                    type: 'oneOfType',
-                                    value: [
-                                      'string',
-                                      'number',
-                                      false,
-                                      true,
-                                      'object',
-                                      {
-                                        type: 'shape',
-                                        value: [
-                                          {
-                                            name: 'P',
-                                            propType: 'any',
-                                          },
-                                          {
-                                            name: 'T',
-                                            propType: 'any',
-                                          },
-                                          {
-                                            name: 'type',
-                                            propType: 'any',
-                                          },
-                                          {
-                                            name: 'props',
-                                            propType: 'any',
-                                          },
-                                          {
-                                            name: 'key',
-                                            propType: {
-                                              type: 'oneOfType',
-                                              value: [
-                                                'string',
-                                                'number',
-                                              ],
-                                            },
-                                          },
-                                        ],
-                                      },
-                                      {
-                                        type: 'oneOfType',
-                                        value: [],
-                                      },
-                                      {
-                                        type: 'instanceOf',
-                                        value: 'ReactPortal',
-                                      },
-                                    ],
-                                  },
+                                  propType: 'node',
                                 },
                               ],
                             },
@@ -29182,7 +23766,45 @@ Generated by [AVA](https://avajs.dev).
               type: 'oneOfType',
               value: [
                 false,
-                'object',
+                {
+                  type: 'shape',
+                  value: [
+                    {
+                      name: 'position',
+                      propType: {
+                        type: 'oneOfType',
+                        value: [
+                          'both',
+                          'top',
+                          'bottom',
+                          'topLeft',
+                          'topCenter',
+                          'topRight',
+                          'bottomLeft',
+                          'bottomCenter',
+                          'bottomRight',
+                          {
+                            type: 'arrayOf',
+                            value: {
+                              type: 'oneOfType',
+                              value: [
+                                'both',
+                                'top',
+                                'bottom',
+                                'topLeft',
+                                'topCenter',
+                                'topRight',
+                                'bottomLeft',
+                                'bottomCenter',
+                                'bottomRight',
+                              ],
+                            },
+                          },
+                        ],
+                      },
+                    },
+                  ],
+                },
               ],
             },
           },
@@ -29237,10 +23859,7 @@ Generated by [AVA](https://avajs.dev).
                     },
                     {
                       name: 'indicator',
-                      propType: {
-                        type: 'instanceOf',
-                        value: 'SpinIndicator',
-                      },
+                      propType: 'any',
                     },
                   ],
                 },
@@ -29273,137 +23892,11 @@ Generated by [AVA](https://avajs.dev).
                 },
                 {
                   name: 'filterConfirm',
-                  propType: {
-                    type: 'oneOfType',
-                    value: [
-                      'string',
-                      'number',
-                      false,
-                      true,
-                      'object',
-                      {
-                        type: 'shape',
-                        value: [
-                          {
-                            name: 'P',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'T',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'type',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'props',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'key',
-                            propType: {
-                              type: 'oneOfType',
-                              value: [
-                                'string',
-                                'number',
-                              ],
-                            },
-                          },
-                        ],
-                      },
-                      {
-                        type: 'oneOfType',
-                        value: [],
-                      },
-                      {
-                        type: 'shape',
-                        value: [
-                          {
-                            name: 'key',
-                            propType: {
-                              type: 'oneOfType',
-                              value: [
-                                'string',
-                                'number',
-                              ],
-                            },
-                          },
-                          {
-                            name: 'children',
-                            propType: 'node',
-                          },
-                        ],
-                      },
-                    ],
-                  },
+                  propType: 'node',
                 },
                 {
                   name: 'filterReset',
-                  propType: {
-                    type: 'oneOfType',
-                    value: [
-                      'string',
-                      'number',
-                      false,
-                      true,
-                      'object',
-                      {
-                        type: 'shape',
-                        value: [
-                          {
-                            name: 'P',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'T',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'type',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'props',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'key',
-                            propType: {
-                              type: 'oneOfType',
-                              value: [
-                                'string',
-                                'number',
-                              ],
-                            },
-                          },
-                        ],
-                      },
-                      {
-                        type: 'oneOfType',
-                        value: [],
-                      },
-                      {
-                        type: 'shape',
-                        value: [
-                          {
-                            name: 'key',
-                            propType: {
-                              type: 'oneOfType',
-                              value: [
-                                'string',
-                                'number',
-                              ],
-                            },
-                          },
-                          {
-                            name: 'children',
-                            propType: 'node',
-                          },
-                        ],
-                      },
-                    ],
-                  },
+                  propType: 'node',
                 },
                 {
                   name: 'emptyText',
@@ -29465,55 +23958,7 @@ Generated by [AVA](https://avajs.dev).
                           },
                           {
                             name: 'children',
-                            propType: {
-                              type: 'oneOfType',
-                              value: [
-                                'string',
-                                'number',
-                                false,
-                                true,
-                                'object',
-                                {
-                                  type: 'shape',
-                                  value: [
-                                    {
-                                      name: 'P',
-                                      propType: 'any',
-                                    },
-                                    {
-                                      name: 'T',
-                                      propType: 'any',
-                                    },
-                                    {
-                                      name: 'type',
-                                      propType: 'any',
-                                    },
-                                    {
-                                      name: 'props',
-                                      propType: 'any',
-                                    },
-                                    {
-                                      name: 'key',
-                                      propType: {
-                                        type: 'oneOfType',
-                                        value: [
-                                          'string',
-                                          'number',
-                                        ],
-                                      },
-                                    },
-                                  ],
-                                },
-                                {
-                                  type: 'oneOfType',
-                                  value: [],
-                                },
-                                {
-                                  type: 'instanceOf',
-                                  value: 'ReactPortal',
-                                },
-                              ],
-                            },
+                            propType: 'node',
                           },
                         ],
                       },
@@ -29523,204 +23968,15 @@ Generated by [AVA](https://avajs.dev).
                 },
                 {
                   name: 'selectAll',
-                  propType: {
-                    type: 'oneOfType',
-                    value: [
-                      'string',
-                      'number',
-                      false,
-                      true,
-                      'object',
-                      {
-                        type: 'shape',
-                        value: [
-                          {
-                            name: 'P',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'T',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'type',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'props',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'key',
-                            propType: {
-                              type: 'oneOfType',
-                              value: [
-                                'string',
-                                'number',
-                              ],
-                            },
-                          },
-                        ],
-                      },
-                      {
-                        type: 'oneOfType',
-                        value: [],
-                      },
-                      {
-                        type: 'shape',
-                        value: [
-                          {
-                            name: 'key',
-                            propType: {
-                              type: 'oneOfType',
-                              value: [
-                                'string',
-                                'number',
-                              ],
-                            },
-                          },
-                          {
-                            name: 'children',
-                            propType: 'node',
-                          },
-                        ],
-                      },
-                    ],
-                  },
+                  propType: 'node',
                 },
                 {
                   name: 'selectInvert',
-                  propType: {
-                    type: 'oneOfType',
-                    value: [
-                      'string',
-                      'number',
-                      false,
-                      true,
-                      'object',
-                      {
-                        type: 'shape',
-                        value: [
-                          {
-                            name: 'P',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'T',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'type',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'props',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'key',
-                            propType: {
-                              type: 'oneOfType',
-                              value: [
-                                'string',
-                                'number',
-                              ],
-                            },
-                          },
-                        ],
-                      },
-                      {
-                        type: 'oneOfType',
-                        value: [],
-                      },
-                      {
-                        type: 'shape',
-                        value: [
-                          {
-                            name: 'key',
-                            propType: {
-                              type: 'oneOfType',
-                              value: [
-                                'string',
-                                'number',
-                              ],
-                            },
-                          },
-                          {
-                            name: 'children',
-                            propType: 'node',
-                          },
-                        ],
-                      },
-                    ],
-                  },
+                  propType: 'node',
                 },
                 {
                   name: 'selectionAll',
-                  propType: {
-                    type: 'oneOfType',
-                    value: [
-                      'string',
-                      'number',
-                      false,
-                      true,
-                      'object',
-                      {
-                        type: 'shape',
-                        value: [
-                          {
-                            name: 'P',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'T',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'type',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'props',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'key',
-                            propType: {
-                              type: 'oneOfType',
-                              value: [
-                                'string',
-                                'number',
-                              ],
-                            },
-                          },
-                        ],
-                      },
-                      {
-                        type: 'oneOfType',
-                        value: [],
-                      },
-                      {
-                        type: 'shape',
-                        value: [
-                          {
-                            name: 'key',
-                            propType: {
-                              type: 'oneOfType',
-                              value: [
-                                'string',
-                                'number',
-                              ],
-                            },
-                          },
-                          {
-                            name: 'children',
-                            propType: 'node',
-                          },
-                        ],
-                      },
-                    ],
-                  },
+                  propType: 'node',
                 },
                 {
                   name: 'sortTitle',
@@ -29795,10 +24051,7 @@ Generated by [AVA](https://avajs.dev).
                 },
                 {
                   name: 'onSelect',
-                  propType: {
-                    type: 'instanceOf',
-                    value: 'SelectionSelectFn',
-                  },
+                  propType: 'any',
                 },
                 {
                   name: 'onSelectMultiple',
@@ -29830,77 +24083,11 @@ Generated by [AVA](https://avajs.dev).
                             },
                             {
                               name: 'text',
-                              propType: {
-                                type: 'oneOfType',
-                                value: [
-                                  'string',
-                                  'number',
-                                  false,
-                                  true,
-                                  'object',
-                                  {
-                                    type: 'shape',
-                                    value: [
-                                      {
-                                        name: 'P',
-                                        propType: 'any',
-                                      },
-                                      {
-                                        name: 'T',
-                                        propType: 'any',
-                                      },
-                                      {
-                                        name: 'type',
-                                        propType: 'any',
-                                      },
-                                      {
-                                        name: 'props',
-                                        propType: 'any',
-                                      },
-                                      {
-                                        name: 'key',
-                                        propType: {
-                                          type: 'oneOfType',
-                                          value: [
-                                            'string',
-                                            'number',
-                                          ],
-                                        },
-                                      },
-                                    ],
-                                  },
-                                  {
-                                    type: 'oneOfType',
-                                    value: [],
-                                  },
-                                  {
-                                    type: 'shape',
-                                    value: [
-                                      {
-                                        name: 'key',
-                                        propType: {
-                                          type: 'oneOfType',
-                                          value: [
-                                            'string',
-                                            'number',
-                                          ],
-                                        },
-                                      },
-                                      {
-                                        name: 'children',
-                                        propType: 'node',
-                                      },
-                                    ],
-                                  },
-                                ],
-                              },
+                              propType: 'node',
                             },
                             {
                               name: 'onSelect',
-                              propType: {
-                                type: 'instanceOf',
-                                value: 'SelectionItemSelectFn',
-                              },
+                              propType: 'any',
                             },
                           ],
                         },
@@ -29928,70 +24115,7 @@ Generated by [AVA](https://avajs.dev).
                 },
                 {
                   name: 'columnTitle',
-                  propType: {
-                    type: 'oneOfType',
-                    value: [
-                      'string',
-                      'number',
-                      false,
-                      true,
-                      'object',
-                      {
-                        type: 'shape',
-                        value: [
-                          {
-                            name: 'P',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'T',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'type',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'props',
-                            propType: 'any',
-                          },
-                          {
-                            name: 'key',
-                            propType: {
-                              type: 'oneOfType',
-                              value: [
-                                'string',
-                                'number',
-                              ],
-                            },
-                          },
-                        ],
-                      },
-                      {
-                        type: 'oneOfType',
-                        value: [],
-                      },
-                      {
-                        type: 'shape',
-                        value: [
-                          {
-                            name: 'key',
-                            propType: {
-                              type: 'oneOfType',
-                              value: [
-                                'string',
-                                'number',
-                              ],
-                            },
-                          },
-                          {
-                            name: 'children',
-                            propType: 'node',
-                          },
-                        ],
-                      },
-                    ],
-                  },
+                  propType: 'node',
                 },
                 {
                   name: 'renderCell',
@@ -30002,10 +24126,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'getPopupContainer',
-            propType: {
-              type: 'instanceOf',
-              value: 'GetPopupContainer',
-            },
+            propType: 'any',
           },
           {
             name: 'scroll',
@@ -30056,18 +24177,12 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'title',
-            propType: {
-              type: 'instanceOf',
-              value: 'PanelRender',
-            },
+            propType: 'any',
           },
           {
             description: '@deprecated Use `expandable.expandIcon` instead',
             name: 'expandIcon',
-            propType: {
-              type: 'instanceOf',
-              value: 'RenderExpandIcon',
-            },
+            propType: 'any',
           },
           {
             name: 'components',
@@ -30110,24 +24225,15 @@ Generated by [AVA](https://avajs.dev).
                           },
                           {
                             name: 'propTypes',
-                            propType: {
-                              type: 'instanceOf',
-                              value: 'React.WeakValidationMap',
-                            },
+                            propType: 'any',
                           },
                           {
                             name: 'contextTypes',
-                            propType: {
-                              type: 'instanceOf',
-                              value: 'ValidationMap',
-                            },
+                            propType: 'any',
                           },
                           {
                             name: 'defaultProps',
-                            propType: {
-                              type: 'instanceOf',
-                              value: 'Partial',
-                            },
+                            propType: 'any',
                           },
                           {
                             name: 'displayName',
@@ -30233,10 +24339,7 @@ Generated by [AVA](https://avajs.dev).
                       'var',
                       'video',
                       'wbr',
-                      {
-                        type: 'instanceOf',
-                        value: 'React.FC',
-                      },
+                      'any',
                       'big',
                       'keygen',
                       'menuitem',
@@ -30258,10 +24361,7 @@ Generated by [AVA](https://avajs.dev).
                           },
                           {
                             name: 'propTypes',
-                            propType: {
-                              type: 'instanceOf',
-                              value: 'React.WeakValidationMap',
-                            },
+                            propType: 'any',
                           },
                           {
                             name: 'contextType',
@@ -30269,24 +24369,15 @@ Generated by [AVA](https://avajs.dev).
                           },
                           {
                             name: 'contextTypes',
-                            propType: {
-                              type: 'instanceOf',
-                              value: 'ValidationMap',
-                            },
+                            propType: 'any',
                           },
                           {
                             name: 'childContextTypes',
-                            propType: {
-                              type: 'instanceOf',
-                              value: 'ValidationMap',
-                            },
+                            propType: 'any',
                           },
                           {
                             name: 'defaultProps',
-                            propType: {
-                              type: 'instanceOf',
-                              value: 'Partial',
-                            },
+                            propType: 'any',
                           },
                           {
                             name: 'displayName',
@@ -30303,17 +24394,11 @@ Generated by [AVA](https://avajs.dev).
                           },
                           {
                             name: 'defaultProps',
-                            propType: {
-                              type: 'instanceOf',
-                              value: 'Partial',
-                            },
+                            propType: 'any',
                           },
                           {
                             name: 'propTypes',
-                            propType: {
-                              type: 'instanceOf',
-                              value: 'React.WeakValidationMap',
-                            },
+                            propType: 'any',
                           },
                         ],
                       },
@@ -30329,10 +24414,7 @@ Generated by [AVA](https://avajs.dev).
                   propType: {
                     type: 'oneOfType',
                     value: [
-                      {
-                        type: 'instanceOf',
-                        value: 'CustomizeScrollBody',
-                      },
+                      'any',
                       {
                         type: 'shape',
                         value: [
@@ -30368,24 +24450,15 @@ Generated by [AVA](https://avajs.dev).
                                     },
                                     {
                                       name: 'propTypes',
-                                      propType: {
-                                        type: 'instanceOf',
-                                        value: 'React.WeakValidationMap',
-                                      },
+                                      propType: 'any',
                                     },
                                     {
                                       name: 'contextTypes',
-                                      propType: {
-                                        type: 'instanceOf',
-                                        value: 'ValidationMap',
-                                      },
+                                      propType: 'any',
                                     },
                                     {
                                       name: 'defaultProps',
-                                      propType: {
-                                        type: 'instanceOf',
-                                        value: 'Partial',
-                                      },
+                                      propType: 'any',
                                     },
                                     {
                                       name: 'displayName',
@@ -30491,10 +24564,7 @@ Generated by [AVA](https://avajs.dev).
                                 'var',
                                 'video',
                                 'wbr',
-                                {
-                                  type: 'instanceOf',
-                                  value: 'React.FC',
-                                },
+                                'any',
                                 'big',
                                 'keygen',
                                 'menuitem',
@@ -30516,10 +24586,7 @@ Generated by [AVA](https://avajs.dev).
                                     },
                                     {
                                       name: 'propTypes',
-                                      propType: {
-                                        type: 'instanceOf',
-                                        value: 'React.WeakValidationMap',
-                                      },
+                                      propType: 'any',
                                     },
                                     {
                                       name: 'contextType',
@@ -30527,24 +24594,15 @@ Generated by [AVA](https://avajs.dev).
                                     },
                                     {
                                       name: 'contextTypes',
-                                      propType: {
-                                        type: 'instanceOf',
-                                        value: 'ValidationMap',
-                                      },
+                                      propType: 'any',
                                     },
                                     {
                                       name: 'childContextTypes',
-                                      propType: {
-                                        type: 'instanceOf',
-                                        value: 'ValidationMap',
-                                      },
+                                      propType: 'any',
                                     },
                                     {
                                       name: 'defaultProps',
-                                      propType: {
-                                        type: 'instanceOf',
-                                        value: 'Partial',
-                                      },
+                                      propType: 'any',
                                     },
                                     {
                                       name: 'displayName',
@@ -30561,17 +24619,11 @@ Generated by [AVA](https://avajs.dev).
                                     },
                                     {
                                       name: 'defaultProps',
-                                      propType: {
-                                        type: 'instanceOf',
-                                        value: 'Partial',
-                                      },
+                                      propType: 'any',
                                     },
                                     {
                                       name: 'propTypes',
-                                      propType: {
-                                        type: 'instanceOf',
-                                        value: 'React.WeakValidationMap',
-                                      },
+                                      propType: 'any',
                                     },
                                   ],
                                 },
@@ -30610,24 +24662,15 @@ Generated by [AVA](https://avajs.dev).
                                     },
                                     {
                                       name: 'propTypes',
-                                      propType: {
-                                        type: 'instanceOf',
-                                        value: 'React.WeakValidationMap',
-                                      },
+                                      propType: 'any',
                                     },
                                     {
                                       name: 'contextTypes',
-                                      propType: {
-                                        type: 'instanceOf',
-                                        value: 'ValidationMap',
-                                      },
+                                      propType: 'any',
                                     },
                                     {
                                       name: 'defaultProps',
-                                      propType: {
-                                        type: 'instanceOf',
-                                        value: 'Partial',
-                                      },
+                                      propType: 'any',
                                     },
                                     {
                                       name: 'displayName',
@@ -30733,10 +24776,7 @@ Generated by [AVA](https://avajs.dev).
                                 'var',
                                 'video',
                                 'wbr',
-                                {
-                                  type: 'instanceOf',
-                                  value: 'React.FC',
-                                },
+                                'any',
                                 'big',
                                 'keygen',
                                 'menuitem',
@@ -30758,10 +24798,7 @@ Generated by [AVA](https://avajs.dev).
                                     },
                                     {
                                       name: 'propTypes',
-                                      propType: {
-                                        type: 'instanceOf',
-                                        value: 'React.WeakValidationMap',
-                                      },
+                                      propType: 'any',
                                     },
                                     {
                                       name: 'contextType',
@@ -30769,24 +24806,15 @@ Generated by [AVA](https://avajs.dev).
                                     },
                                     {
                                       name: 'contextTypes',
-                                      propType: {
-                                        type: 'instanceOf',
-                                        value: 'ValidationMap',
-                                      },
+                                      propType: 'any',
                                     },
                                     {
                                       name: 'childContextTypes',
-                                      propType: {
-                                        type: 'instanceOf',
-                                        value: 'ValidationMap',
-                                      },
+                                      propType: 'any',
                                     },
                                     {
                                       name: 'defaultProps',
-                                      propType: {
-                                        type: 'instanceOf',
-                                        value: 'Partial',
-                                      },
+                                      propType: 'any',
                                     },
                                     {
                                       name: 'displayName',
@@ -30803,17 +24831,11 @@ Generated by [AVA](https://avajs.dev).
                                     },
                                     {
                                       name: 'defaultProps',
-                                      propType: {
-                                        type: 'instanceOf',
-                                        value: 'Partial',
-                                      },
+                                      propType: 'any',
                                     },
                                     {
                                       name: 'propTypes',
-                                      propType: {
-                                        type: 'instanceOf',
-                                        value: 'React.WeakValidationMap',
-                                      },
+                                      propType: 'any',
                                     },
                                   ],
                                 },
@@ -30852,24 +24874,15 @@ Generated by [AVA](https://avajs.dev).
                                     },
                                     {
                                       name: 'propTypes',
-                                      propType: {
-                                        type: 'instanceOf',
-                                        value: 'React.WeakValidationMap',
-                                      },
+                                      propType: 'any',
                                     },
                                     {
                                       name: 'contextTypes',
-                                      propType: {
-                                        type: 'instanceOf',
-                                        value: 'ValidationMap',
-                                      },
+                                      propType: 'any',
                                     },
                                     {
                                       name: 'defaultProps',
-                                      propType: {
-                                        type: 'instanceOf',
-                                        value: 'Partial',
-                                      },
+                                      propType: 'any',
                                     },
                                     {
                                       name: 'displayName',
@@ -30975,10 +24988,7 @@ Generated by [AVA](https://avajs.dev).
                                 'var',
                                 'video',
                                 'wbr',
-                                {
-                                  type: 'instanceOf',
-                                  value: 'React.FC',
-                                },
+                                'any',
                                 'big',
                                 'keygen',
                                 'menuitem',
@@ -31000,10 +25010,7 @@ Generated by [AVA](https://avajs.dev).
                                     },
                                     {
                                       name: 'propTypes',
-                                      propType: {
-                                        type: 'instanceOf',
-                                        value: 'React.WeakValidationMap',
-                                      },
+                                      propType: 'any',
                                     },
                                     {
                                       name: 'contextType',
@@ -31011,24 +25018,15 @@ Generated by [AVA](https://avajs.dev).
                                     },
                                     {
                                       name: 'contextTypes',
-                                      propType: {
-                                        type: 'instanceOf',
-                                        value: 'ValidationMap',
-                                      },
+                                      propType: 'any',
                                     },
                                     {
                                       name: 'childContextTypes',
-                                      propType: {
-                                        type: 'instanceOf',
-                                        value: 'ValidationMap',
-                                      },
+                                      propType: 'any',
                                     },
                                     {
                                       name: 'defaultProps',
-                                      propType: {
-                                        type: 'instanceOf',
-                                        value: 'Partial',
-                                      },
+                                      propType: 'any',
                                     },
                                     {
                                       name: 'displayName',
@@ -31045,17 +25043,11 @@ Generated by [AVA](https://avajs.dev).
                                     },
                                     {
                                       name: 'defaultProps',
-                                      propType: {
-                                        type: 'instanceOf',
-                                        value: 'Partial',
-                                      },
+                                      propType: 'any',
                                     },
                                     {
                                       name: 'propTypes',
-                                      propType: {
-                                        type: 'instanceOf',
-                                        value: 'React.WeakValidationMap',
-                                      },
+                                      propType: 'any',
                                     },
                                   ],
                                 },
@@ -31072,10 +25064,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'footer',
-            propType: {
-              type: 'instanceOf',
-              value: 'PanelRender',
-            },
+            propType: 'any',
           },
           {
             name: 'summary',
@@ -31087,10 +25076,7 @@ Generated by [AVA](https://avajs.dev).
               type: 'oneOfType',
               value: [
                 'string',
-                {
-                  type: 'instanceOf',
-                  value: 'GetRowKey',
-                },
+                'any',
               ],
             },
           },
@@ -31131,10 +25117,7 @@ Generated by [AVA](https://avajs.dev).
               type: 'oneOfType',
               value: [
                 'string',
-                {
-                  type: 'instanceOf',
-                  value: 'RowClassName',
-                },
+                'any',
               ],
             },
           },
@@ -31144,17 +25127,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'onRow',
-            propType: {
-              type: 'instanceOf',
-              value: 'GetComponentProps',
-            },
+            propType: 'any',
           },
           {
             name: 'onHeaderRow',
-            propType: {
-              type: 'instanceOf',
-              value: 'GetComponentProps',
-            },
+            propType: 'any',
           },
           {
             name: 'emptyText',
@@ -31216,55 +25193,7 @@ Generated by [AVA](https://avajs.dev).
                     },
                     {
                       name: 'children',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                          false,
-                          true,
-                          'object',
-                          {
-                            type: 'shape',
-                            value: [
-                              {
-                                name: 'P',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'T',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'type',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'props',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'key',
-                                propType: {
-                                  type: 'oneOfType',
-                                  value: [
-                                    'string',
-                                    'number',
-                                  ],
-                                },
-                              },
-                            ],
-                          },
-                          {
-                            type: 'oneOfType',
-                            value: [],
-                          },
-                          {
-                            type: 'instanceOf',
-                            value: 'ReactPortal',
-                          },
-                        ],
-                      },
+                      propType: 'node',
                     },
                   ],
                 },
@@ -31303,10 +25232,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '@deprecated Use `expandable.expandedRowRender` instead',
             name: 'expandedRowRender',
-            propType: {
-              type: 'instanceOf',
-              value: 'ExpandedRowRender',
-            },
+            propType: 'any',
           },
           {
             description: '@deprecated Use `expandable.expandRowByClick` instead',
@@ -31336,10 +25262,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '@deprecated Use `expandable.expandedRowClassName` instead',
             name: 'expandedRowClassName',
-            propType: {
-              type: 'instanceOf',
-              value: 'RowClassName',
-            },
+            propType: 'any',
           },
           {
             description: '@deprecated Use `expandable.childrenColumnName` instead',
@@ -31352,6 +25275,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Transfer',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -31432,10 +25356,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'render',
-            propType: {
-              type: 'instanceOf',
-              value: 'TransferRender',
-            },
+            propType: 'any',
           },
           {
             name: 'onChange',
@@ -31450,7 +25371,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'object',
           },
           {
-            defaultValue: Function {},
             name: 'listStyle',
             propType: {
               type: 'oneOfType',
@@ -31502,12 +25422,9 @@ Generated by [AVA](https://avajs.dev).
             propType: 'func',
           },
           {
-            defaultValue: undefined,
+            defaultValue: {},
             name: 'locale',
-            propType: {
-              type: 'instanceOf',
-              value: 'Partial',
-            },
+            propType: 'any',
           },
           {
             name: 'footer',
@@ -31591,55 +25508,7 @@ Generated by [AVA](https://avajs.dev).
                       },
                       {
                         name: 'children',
-                        propType: {
-                          type: 'oneOfType',
-                          value: [
-                            'string',
-                            'number',
-                            false,
-                            true,
-                            'object',
-                            {
-                              type: 'shape',
-                              value: [
-                                {
-                                  name: 'P',
-                                  propType: 'any',
-                                },
-                                {
-                                  name: 'T',
-                                  propType: 'any',
-                                },
-                                {
-                                  name: 'type',
-                                  propType: 'any',
-                                },
-                                {
-                                  name: 'props',
-                                  propType: 'any',
-                                },
-                                {
-                                  name: 'key',
-                                  propType: {
-                                    type: 'oneOfType',
-                                    value: [
-                                      'string',
-                                      'number',
-                                    ],
-                                  },
-                                },
-                              ],
-                            },
-                            {
-                              type: 'oneOfType',
-                              value: [],
-                            },
-                            {
-                              type: 'instanceOf',
-                              value: 'ReactPortal',
-                            },
-                          ],
-                        },
+                        propType: 'node',
                       },
                     ],
                   },
@@ -31654,6 +25523,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Tree',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -31924,55 +25794,7 @@ Generated by [AVA](https://avajs.dev).
                     },
                     {
                       name: 'children',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                          false,
-                          true,
-                          'object',
-                          {
-                            type: 'shape',
-                            value: [
-                              {
-                                name: 'P',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'T',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'type',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'props',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'key',
-                                propType: {
-                                  type: 'oneOfType',
-                                  value: [
-                                    'string',
-                                    'number',
-                                  ],
-                                },
-                              },
-                            ],
-                          },
-                          {
-                            type: 'oneOfType',
-                            value: [],
-                          },
-                          {
-                            type: 'instanceOf',
-                            value: 'ReactPortal',
-                          },
-                        ],
-                      },
+                      propType: 'node',
                     },
                   ],
                 },
@@ -32124,10 +25946,7 @@ Generated by [AVA](https://avajs.dev).
                   },
                   {
                     name: 'children',
-                    propType: {
-                      type: 'instanceOf',
-                      value: 'DataNode[]',
-                    },
+                    propType: 'any',
                   },
                   {
                     name: 'disabled',
@@ -32197,55 +26016,7 @@ Generated by [AVA](https://avajs.dev).
                             },
                             {
                               name: 'children',
-                              propType: {
-                                type: 'oneOfType',
-                                value: [
-                                  'string',
-                                  'number',
-                                  false,
-                                  true,
-                                  'object',
-                                  {
-                                    type: 'shape',
-                                    value: [
-                                      {
-                                        name: 'P',
-                                        propType: 'any',
-                                      },
-                                      {
-                                        name: 'T',
-                                        propType: 'any',
-                                      },
-                                      {
-                                        name: 'type',
-                                        propType: 'any',
-                                      },
-                                      {
-                                        name: 'props',
-                                        propType: 'any',
-                                      },
-                                      {
-                                        name: 'key',
-                                        propType: {
-                                          type: 'oneOfType',
-                                          value: [
-                                            'string',
-                                            'number',
-                                          ],
-                                        },
-                                      },
-                                    ],
-                                  },
-                                  {
-                                    type: 'oneOfType',
-                                    value: [],
-                                  },
-                                  {
-                                    type: 'instanceOf',
-                                    value: 'ReactPortal',
-                                  },
-                                ],
-                              },
+                              propType: 'node',
                             },
                           ],
                         },
@@ -32269,70 +26040,7 @@ Generated by [AVA](https://avajs.dev).
                   },
                   {
                     name: 'title',
-                    propType: {
-                      type: 'oneOfType',
-                      value: [
-                        'string',
-                        'number',
-                        false,
-                        true,
-                        'object',
-                        {
-                          type: 'shape',
-                          value: [
-                            {
-                              name: 'P',
-                              propType: 'any',
-                            },
-                            {
-                              name: 'T',
-                              propType: 'any',
-                            },
-                            {
-                              name: 'type',
-                              propType: 'any',
-                            },
-                            {
-                              name: 'props',
-                              propType: 'any',
-                            },
-                            {
-                              name: 'key',
-                              propType: {
-                                type: 'oneOfType',
-                                value: [
-                                  'string',
-                                  'number',
-                                ],
-                              },
-                            },
-                          ],
-                        },
-                        {
-                          type: 'oneOfType',
-                          value: [],
-                        },
-                        {
-                          type: 'shape',
-                          value: [
-                            {
-                              name: 'key',
-                              propType: {
-                                type: 'oneOfType',
-                                value: [
-                                  'string',
-                                  'number',
-                                ],
-                              },
-                            },
-                            {
-                              name: 'children',
-                              propType: 'node',
-                            },
-                          ],
-                        },
-                      ],
-                    },
+                    propType: 'node',
                   },
                   {
                     name: 'selectable',
@@ -32398,55 +26106,7 @@ Generated by [AVA](https://avajs.dev).
                             },
                             {
                               name: 'children',
-                              propType: {
-                                type: 'oneOfType',
-                                value: [
-                                  'string',
-                                  'number',
-                                  false,
-                                  true,
-                                  'object',
-                                  {
-                                    type: 'shape',
-                                    value: [
-                                      {
-                                        name: 'P',
-                                        propType: 'any',
-                                      },
-                                      {
-                                        name: 'T',
-                                        propType: 'any',
-                                      },
-                                      {
-                                        name: 'type',
-                                        propType: 'any',
-                                      },
-                                      {
-                                        name: 'props',
-                                        propType: 'any',
-                                      },
-                                      {
-                                        name: 'key',
-                                        propType: {
-                                          type: 'oneOfType',
-                                          value: [
-                                            'string',
-                                            'number',
-                                          ],
-                                        },
-                                      },
-                                    ],
-                                  },
-                                  {
-                                    type: 'oneOfType',
-                                    value: [],
-                                  },
-                                  {
-                                    type: 'instanceOf',
-                                    value: 'ReactPortal',
-                                  },
-                                ],
-                              },
+                              propType: 'node',
                             },
                           ],
                         },
@@ -32493,6 +26153,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'TreeSelect',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -32505,70 +26166,7 @@ Generated by [AVA](https://avajs.dev).
         props: [
           {
             name: 'suffixIcon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'size',
@@ -32663,10 +26261,7 @@ Generated by [AVA](https://avajs.dev).
                   },
                   {
                     name: 'children',
-                    propType: {
-                      type: 'instanceOf',
-                      value: 'DataNode[]',
-                    },
+                    propType: 'any',
                   },
                 ],
               },
@@ -32711,70 +26306,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'clearIcon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'showArrow',
@@ -32782,70 +26314,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'removeIcon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'open',
@@ -32896,10 +26365,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'getPopupContainer',
-            propType: {
-              type: 'instanceOf',
-              value: 'RenderDOMFunc',
-            },
+            propType: 'any',
           },
           {
             name: 'direction',
@@ -32919,70 +26385,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'notFoundContent',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'placeholder',
@@ -33089,10 +26492,7 @@ Generated by [AVA](https://avajs.dev).
                 },
                 {
                   name: 'onClear',
-                  propType: {
-                    type: 'instanceOf',
-                    value: 'OnClear',
-                  },
+                  propType: 'any',
                 },
                 {
                   name: 'skipTriggerChange',
@@ -33618,10 +27018,7 @@ Generated by [AVA](https://avajs.dev).
                   },
                   {
                     name: 'children',
-                    propType: {
-                      type: 'instanceOf',
-                      value: 'DataNode[]',
-                    },
+                    propType: 'any',
                   },
                 ],
               },
@@ -33634,10 +27031,7 @@ Generated by [AVA](https://avajs.dev).
               value: [
                 false,
                 true,
-                {
-                  type: 'instanceOf',
-                  value: 'FilterFunc',
-                },
+                'any',
               ],
             },
           },
@@ -33701,55 +27095,7 @@ Generated by [AVA](https://avajs.dev).
                     },
                     {
                       name: 'children',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                          false,
-                          true,
-                          'object',
-                          {
-                            type: 'shape',
-                            value: [
-                              {
-                                name: 'P',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'T',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'type',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'props',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'key',
-                                propType: {
-                                  type: 'oneOfType',
-                                  value: [
-                                    'string',
-                                    'number',
-                                  ],
-                                },
-                              },
-                            ],
-                          },
-                          {
-                            type: 'oneOfType',
-                            value: [],
-                          },
-                          {
-                            type: 'instanceOf',
-                            value: 'ReactPortal',
-                          },
-                        ],
-                      },
+                      propType: 'node',
                     },
                   ],
                 },
@@ -33936,55 +27282,7 @@ Generated by [AVA](https://avajs.dev).
                     },
                     {
                       name: 'children',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                          false,
-                          true,
-                          'object',
-                          {
-                            type: 'shape',
-                            value: [
-                              {
-                                name: 'P',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'T',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'type',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'props',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'key',
-                                propType: {
-                                  type: 'oneOfType',
-                                  value: [
-                                    'string',
-                                    'number',
-                                  ],
-                                },
-                              },
-                            ],
-                          },
-                          {
-                            type: 'oneOfType',
-                            value: [],
-                          },
-                          {
-                            type: 'instanceOf',
-                            value: 'ReactPortal',
-                          },
-                        ],
-                      },
+                      propType: 'node',
                     },
                   ],
                 },
@@ -34010,6 +27308,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Tabs',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -34095,70 +27394,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'tabBarExtraContent',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'tabBarStyle',
@@ -34259,6 +27495,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Tag',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -34367,70 +27604,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'icon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'defaultChecked',
@@ -35765,6 +28939,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Timeline',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -35786,137 +28961,11 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '指定最后一个幽灵节点是否存在或内容',
             name: 'pending',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'pendingDot',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'style',
@@ -35944,6 +28993,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Tooltip',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -36014,62 +29064,11 @@ Generated by [AVA](https://avajs.dev).
                     },
                     {
                       name: 'children',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                          false,
-                          true,
-                          'object',
-                          {
-                            type: 'shape',
-                            value: [
-                              {
-                                name: 'P',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'T',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'type',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'props',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'key',
-                                propType: {
-                                  type: 'oneOfType',
-                                  value: [
-                                    'string',
-                                    'number',
-                                  ],
-                                },
-                              },
-                            ],
-                          },
-                          {
-                            type: 'oneOfType',
-                            value: [],
-                          },
-                          {
-                            type: 'instanceOf',
-                            value: 'ReactPortal',
-                          },
-                        ],
-                      },
+                      propType: 'node',
                     },
                   ],
                 },
-                {
-                  type: 'instanceOf',
-                  value: 'RenderFunction',
-                },
+                'any',
               ],
             },
           },
@@ -36133,62 +29132,11 @@ Generated by [AVA](https://avajs.dev).
                     },
                     {
                       name: 'children',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                          false,
-                          true,
-                          'object',
-                          {
-                            type: 'shape',
-                            value: [
-                              {
-                                name: 'P',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'T',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'type',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'props',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'key',
-                                propType: {
-                                  type: 'oneOfType',
-                                  value: [
-                                    'string',
-                                    'number',
-                                  ],
-                                },
-                              },
-                            ],
-                          },
-                          {
-                            type: 'oneOfType',
-                            value: [],
-                          },
-                          {
-                            type: 'instanceOf',
-                            value: 'ReactPortal',
-                          },
-                        ],
-                      },
+                      propType: 'node',
                     },
                   ],
                 },
-                {
-                  type: 'instanceOf',
-                  value: 'RenderFunction',
-                },
+                'any',
               ],
             },
           },
@@ -36442,6 +29390,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Upload',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -36743,7 +29692,6 @@ Generated by [AVA](https://avajs.dev).
             },
           },
           {
-            defaultValue: undefined,
             name: 'action',
             propType: {
               type: 'oneOfType',
@@ -36759,7 +29707,7 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: undefined,
+            defaultValue: {},
             name: 'data',
             propType: {
               type: 'oneOfType',
@@ -36819,7 +29767,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: undefined,
             name: 'accept',
             propType: 'string',
           },
@@ -36844,7 +29791,6 @@ Generated by [AVA](https://avajs.dev).
             },
           },
           {
-            defaultValue: undefined,
             name: 'className',
             propType: 'string',
           },
@@ -36924,17 +29870,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'previewFile',
-            propType: {
-              type: 'instanceOf',
-              value: 'PreviewFileHandler',
-            },
+            propType: 'any',
           },
           {
             name: 'transformFile',
-            propType: {
-              type: 'instanceOf',
-              value: 'TransformFileHandler',
-            },
+            propType: 'any',
           },
           {
             name: 'iconRender',
@@ -36946,6 +29886,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Anchor',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -36972,68 +29913,7 @@ Generated by [AVA](https://avajs.dev).
             name: 'title',
             propType: {
               isRequired: true,
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
+              type: 'node',
             },
           },
           {
@@ -37046,6 +29926,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'AutoComplete',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -37099,6 +29980,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Alert',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -37111,137 +29993,11 @@ Generated by [AVA](https://avajs.dev).
         props: [
           {
             name: 'message',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'description',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
         ],
         screenshot: '',
@@ -37249,6 +30005,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Breadcrumb',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -37265,70 +30022,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'separator',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'href',
@@ -37370,10 +30064,7 @@ Generated by [AVA](https://avajs.dev).
                     },
                   ],
                 },
-                {
-                  type: 'instanceOf',
-                  value: 'OverlayFunc',
-                },
+                'any',
               ],
             },
           },
@@ -37432,10 +30123,7 @@ Generated by [AVA](https://avajs.dev).
                           },
                         ],
                       },
-                      {
-                        type: 'instanceOf',
-                        value: 'OverlayFunc',
-                      },
+                      'any',
                     ],
                   },
                 },
@@ -37453,10 +30141,7 @@ Generated by [AVA](https://avajs.dev).
                 },
                 {
                   name: 'align',
-                  propType: {
-                    type: 'instanceOf',
-                    value: 'Align',
-                  },
+                  propType: 'any',
                 },
                 {
                   name: 'getPopupContainer',
@@ -37525,6 +30210,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Collapse',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -37550,68 +30236,7 @@ Generated by [AVA](https://avajs.dev).
             name: 'header',
             propType: {
               isRequired: true,
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
+              type: 'node',
             },
           },
           {
@@ -37644,70 +30269,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'extra',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
         ],
         screenshot: '',
@@ -37715,6 +30277,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Checkbox',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -37785,70 +30348,7 @@ Generated by [AVA](https://avajs.dev).
                     value: [
                       {
                         name: 'label',
-                        propType: {
-                          type: 'oneOfType',
-                          value: [
-                            'string',
-                            'number',
-                            false,
-                            true,
-                            'object',
-                            {
-                              type: 'shape',
-                              value: [
-                                {
-                                  name: 'P',
-                                  propType: 'any',
-                                },
-                                {
-                                  name: 'T',
-                                  propType: 'any',
-                                },
-                                {
-                                  name: 'type',
-                                  propType: 'any',
-                                },
-                                {
-                                  name: 'props',
-                                  propType: 'any',
-                                },
-                                {
-                                  name: 'key',
-                                  propType: {
-                                    type: 'oneOfType',
-                                    value: [
-                                      'string',
-                                      'number',
-                                    ],
-                                  },
-                                },
-                              ],
-                            },
-                            {
-                              type: 'oneOfType',
-                              value: [],
-                            },
-                            {
-                              type: 'shape',
-                              value: [
-                                {
-                                  name: 'key',
-                                  propType: {
-                                    type: 'oneOfType',
-                                    value: [
-                                      'string',
-                                      'number',
-                                    ],
-                                  },
-                                },
-                                {
-                                  name: 'children',
-                                  propType: 'node',
-                                },
-                              ],
-                            },
-                          ],
-                        },
+                        propType: 'node',
                       },
                       {
                         name: 'value',
@@ -37894,6 +30394,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'DatePicker',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -38626,70 +31127,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'clearIcon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'open',
@@ -39280,70 +31718,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'suffixIcon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'size',
@@ -39378,10 +31753,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'locale',
-            propType: {
-              type: 'instanceOf',
-              value: 'PickerLocale',
-            },
+            propType: 'any',
           },
           {
             description: '[Legacy] Set default display picker view date',
@@ -39730,17 +32102,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'dateRender',
-            propType: {
-              type: 'instanceOf',
-              value: 'DateRender',
-            },
+            propType: 'any',
           },
           {
             name: 'monthCellRender',
-            propType: {
-              type: 'instanceOf',
-              value: 'MonthCellRender',
-            },
+            propType: 'any',
           },
           {
             name: 'renderExtraFooter',
@@ -39748,10 +32114,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'onPanelChange',
-            propType: {
-              type: 'instanceOf',
-              value: 'OnPanelChange',
-            },
+            propType: 'any',
           },
           {
             name: 'onOk',
@@ -39876,10 +32239,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'disabledTime',
-            propType: {
-              type: 'instanceOf',
-              value: 'DisabledTime',
-            },
+            propType: 'any',
           },
         ],
         screenshot: '',
@@ -39887,6 +32247,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'DatePicker',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -40619,70 +32980,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'clearIcon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'open',
@@ -41273,70 +33571,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'suffixIcon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'size',
@@ -41371,10 +33606,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'locale',
-            propType: {
-              type: 'instanceOf',
-              value: 'PickerLocale',
-            },
+            propType: 'any',
           },
           {
             description: '[Legacy] Set default display picker view date',
@@ -41723,17 +33955,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'dateRender',
-            propType: {
-              type: 'instanceOf',
-              value: 'DateRender',
-            },
+            propType: 'any',
           },
           {
             name: 'monthCellRender',
-            propType: {
-              type: 'instanceOf',
-              value: 'MonthCellRender',
-            },
+            propType: 'any',
           },
           {
             name: 'renderExtraFooter',
@@ -41741,10 +33967,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'onPanelChange',
-            propType: {
-              type: 'instanceOf',
-              value: 'OnPanelChange',
-            },
+            propType: 'any',
           },
           {
             name: 'onOk',
@@ -41869,10 +34092,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'disabledTime',
-            propType: {
-              type: 'instanceOf',
-              value: 'DisabledTime',
-            },
+            propType: 'any',
           },
         ],
         screenshot: '',
@@ -41880,6 +34100,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'DatePicker',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -42612,70 +34833,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'clearIcon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'open',
@@ -43266,70 +35424,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'suffixIcon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'size',
@@ -43364,10 +35459,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'locale',
-            propType: {
-              type: 'instanceOf',
-              value: 'PickerLocale',
-            },
+            propType: 'any',
           },
           {
             description: '[Legacy] Set default display picker view date',
@@ -43716,17 +35808,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'dateRender',
-            propType: {
-              type: 'instanceOf',
-              value: 'DateRender',
-            },
+            propType: 'any',
           },
           {
             name: 'monthCellRender',
-            propType: {
-              type: 'instanceOf',
-              value: 'MonthCellRender',
-            },
+            propType: 'any',
           },
           {
             name: 'renderExtraFooter',
@@ -43734,10 +35820,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'onPanelChange',
-            propType: {
-              type: 'instanceOf',
-              value: 'OnPanelChange',
-            },
+            propType: 'any',
           },
           {
             name: 'onOk',
@@ -43862,10 +35945,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'disabledTime',
-            propType: {
-              type: 'instanceOf',
-              value: 'DisabledTime',
-            },
+            propType: 'any',
           },
         ],
         screenshot: '',
@@ -43873,6 +35953,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'DatePicker',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -45305,70 +37386,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'clearIcon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'open',
@@ -45974,137 +37992,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'suffixIcon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'separator',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'role',
@@ -46824,17 +38716,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'dateRender',
-            propType: {
-              type: 'instanceOf',
-              value: 'DateRender',
-            },
+            propType: 'any',
           },
           {
             name: 'monthCellRender',
-            propType: {
-              type: 'instanceOf',
-              value: 'MonthCellRender',
-            },
+            propType: 'any',
           },
           {
             name: 'renderExtraFooter',
@@ -46908,10 +38794,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'ranges',
-            propType: {
-              type: 'instanceOf',
-              value: 'Record',
-            },
+            propType: 'any',
           },
           {
             name: 'allowEmpty',
@@ -46940,10 +38823,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'locale',
-            propType: {
-              type: 'instanceOf',
-              value: 'PickerLocale',
-            },
+            propType: 'any',
           },
           {
             name: 'size',
@@ -46967,10 +38847,7 @@ Generated by [AVA](https://avajs.dev).
               value: [
                 false,
                 true,
-                {
-                  type: 'instanceOf',
-                  value: 'RangeShowTimeObject',
-                },
+                'any',
               ],
             },
           },
@@ -47369,6 +39246,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'DatePicker',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -48101,70 +39979,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'clearIcon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'open',
@@ -48755,70 +40570,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'suffixIcon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'size',
@@ -48853,10 +40605,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'locale',
-            propType: {
-              type: 'instanceOf',
-              value: 'PickerLocale',
-            },
+            propType: 'any',
           },
           {
             description: '[Legacy] Set default display picker view date',
@@ -49205,17 +40954,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'dateRender',
-            propType: {
-              type: 'instanceOf',
-              value: 'DateRender',
-            },
+            propType: 'any',
           },
           {
             name: 'monthCellRender',
-            propType: {
-              type: 'instanceOf',
-              value: 'MonthCellRender',
-            },
+            propType: 'any',
           },
           {
             name: 'renderExtraFooter',
@@ -49223,10 +40966,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'onPanelChange',
-            propType: {
-              type: 'instanceOf',
-              value: 'OnPanelChange',
-            },
+            propType: 'any',
           },
           {
             name: 'onOk',
@@ -49677,6 +41417,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Dropdown',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -49719,70 +41460,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'icon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'href',
@@ -49870,10 +41548,7 @@ Generated by [AVA](https://avajs.dev).
                     },
                   ],
                 },
-                {
-                  type: 'instanceOf',
-                  value: 'OverlayFunc',
-                },
+                'any',
               ],
             },
           },
@@ -49887,10 +41562,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'align',
-            propType: {
-              type: 'instanceOf',
-              value: 'Align',
-            },
+            propType: 'any',
           },
           {
             name: 'getPopupContainer',
@@ -49944,6 +41616,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Form',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -50055,8 +41728,7 @@ Generated by [AVA](https://avajs.dev).
             name: 'validateFields',
             propType: {
               isRequired: true,
-              type: 'instanceOf',
-              value: 'ValidateFields',
+              type: 'any',
             },
           },
           {
@@ -50072,6 +41744,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Form',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -50138,70 +41811,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'label',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'labelAlign',
@@ -51139,137 +42749,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'help',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'extra',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'onReset',
@@ -51439,10 +42923,7 @@ Generated by [AVA](https://avajs.dev).
                       },
                       {
                         name: 'validator',
-                        propType: {
-                          type: 'instanceOf',
-                          value: 'Validator',
-                        },
+                        propType: 'any',
                       },
                       {
                         name: 'whitespace',
@@ -51583,10 +43064,7 @@ Generated by [AVA](https://avajs.dev).
                                 },
                                 {
                                   name: 'validator',
-                                  propType: {
-                                    type: 'instanceOf',
-                                    value: 'Validator',
-                                  },
+                                  propType: 'any',
                                 },
                                 {
                                   name: 'whitespace',
@@ -51614,19 +43092,13 @@ Generated by [AVA](https://avajs.dev).
                                 },
                               ],
                             },
-                            {
-                              type: 'instanceOf',
-                              value: 'ArrayRule',
-                            },
+                            'any',
                           ],
                         },
                       },
                     ],
                   },
-                  {
-                    type: 'instanceOf',
-                    value: 'RuleRender',
-                  },
+                  'any',
                 ],
               },
             },
@@ -51672,10 +43144,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'messageVariables',
-            propType: {
-              type: 'instanceOf',
-              value: 'Record',
-            },
+            propType: 'any',
           },
         ],
         screenshot: '',
@@ -51683,6 +43152,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Form',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -51720,6 +43190,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Input',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -51741,70 +43212,7 @@ Generated by [AVA](https://avajs.dev).
           {
             defaultValue: false,
             name: 'enterButton',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'loading',
@@ -51862,271 +43270,19 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'addonBefore',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'addonAfter',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'prefix',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'suffix',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'allowClear',
@@ -53643,6 +44799,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Input',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -55110,6 +46267,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Input',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -55185,271 +46343,19 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'addonBefore',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'addonAfter',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'prefix',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'suffix',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'allowClear',
@@ -56966,6 +47872,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'List',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -56990,138 +47897,17 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'extra',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'actions',
             propType: {
               type: 'arrayOf',
               value: {
-                type: 'oneOfType',
-                value: [
-                  'string',
-                  'number',
-                  false,
-                  true,
-                  'object',
-                  {
-                    type: 'shape',
-                    value: [
-                      {
-                        name: 'P',
-                        propType: 'any',
-                      },
-                      {
-                        name: 'T',
-                        propType: 'any',
-                      },
-                      {
-                        name: 'type',
-                        propType: 'any',
-                      },
-                      {
-                        name: 'props',
-                        propType: 'any',
-                      },
-                      {
-                        name: 'key',
-                        propType: {
-                          type: 'oneOfType',
-                          value: [
-                            'string',
-                            'number',
-                          ],
-                        },
-                      },
-                    ],
-                  },
-                  {
-                    type: 'oneOfType',
-                    value: [],
-                  },
-                  {
-                    type: 'shape',
-                    value: [
-                      {
-                        name: 'key',
-                        propType: {
-                          type: 'oneOfType',
-                          value: [
-                            'string',
-                            'number',
-                          ],
-                        },
-                      },
-                      {
-                        name: 'children',
-                        propType: 'node',
-                      },
-                    ],
-                  },
-                ],
+                0: 'n',
+                1: 'o',
+                2: 'd',
+                3: 'e',
               },
             },
           },
@@ -58586,6 +49372,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Menu',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -58610,70 +49397,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'title',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'className',
@@ -60016,6 +50740,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Menu',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -60040,70 +50765,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'title',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'style',
@@ -60141,6 +50803,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Modal',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -60165,137 +50828,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'title',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'content',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'onOk',
@@ -60307,17 +50844,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'okButtonProps',
-            propType: {
-              type: 'instanceOf',
-              value: 'Partial',
-            },
+            propType: 'any',
           },
           {
             name: 'cancelButtonProps',
-            propType: {
-              type: 'instanceOf',
-              value: 'Partial',
-            },
+            propType: 'any',
           },
           {
             name: 'centered',
@@ -60335,70 +50866,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'okText',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'okType',
@@ -60416,137 +50884,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'cancelText',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'icon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'mask',
@@ -60668,10 +51010,7 @@ Generated by [AVA](https://avajs.dev).
                     },
                   ],
                 },
-                {
-                  type: 'instanceOf',
-                  value: 'getContainerFunc',
-                },
+                'any',
               ],
             },
           },
@@ -60699,6 +51038,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Modal',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -60723,137 +51063,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'title',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'content',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'onOk',
@@ -60865,17 +51079,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'okButtonProps',
-            propType: {
-              type: 'instanceOf',
-              value: 'Partial',
-            },
+            propType: 'any',
           },
           {
             name: 'cancelButtonProps',
-            propType: {
-              type: 'instanceOf',
-              value: 'Partial',
-            },
+            propType: 'any',
           },
           {
             name: 'centered',
@@ -60893,70 +51101,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'okText',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'okType',
@@ -60974,137 +51119,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'cancelText',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'icon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'mask',
@@ -61226,10 +51245,7 @@ Generated by [AVA](https://avajs.dev).
                     },
                   ],
                 },
-                {
-                  type: 'instanceOf',
-                  value: 'getContainerFunc',
-                },
+                'any',
               ],
             },
           },
@@ -61257,6 +51273,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Modal',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -61281,137 +51298,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'title',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'content',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'onOk',
@@ -61423,17 +51314,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'okButtonProps',
-            propType: {
-              type: 'instanceOf',
-              value: 'Partial',
-            },
+            propType: 'any',
           },
           {
             name: 'cancelButtonProps',
-            propType: {
-              type: 'instanceOf',
-              value: 'Partial',
-            },
+            propType: 'any',
           },
           {
             name: 'centered',
@@ -61451,70 +51336,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'okText',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'okType',
@@ -61532,137 +51354,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'cancelText',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'icon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'mask',
@@ -61784,10 +51480,7 @@ Generated by [AVA](https://avajs.dev).
                     },
                   ],
                 },
-                {
-                  type: 'instanceOf',
-                  value: 'getContainerFunc',
-                },
+                'any',
               ],
             },
           },
@@ -61815,6 +51508,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Modal',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -61839,137 +51533,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'title',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'content',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'onOk',
@@ -61981,17 +51549,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'okButtonProps',
-            propType: {
-              type: 'instanceOf',
-              value: 'Partial',
-            },
+            propType: 'any',
           },
           {
             name: 'cancelButtonProps',
-            propType: {
-              type: 'instanceOf',
-              value: 'Partial',
-            },
+            propType: 'any',
           },
           {
             name: 'centered',
@@ -62009,70 +51571,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'okText',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'okType',
@@ -62090,137 +51589,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'cancelText',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'icon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'mask',
@@ -62342,10 +51715,7 @@ Generated by [AVA](https://avajs.dev).
                     },
                   ],
                 },
-                {
-                  type: 'instanceOf',
-                  value: 'getContainerFunc',
-                },
+                'any',
               ],
             },
           },
@@ -62373,6 +51743,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Modal',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -62397,137 +51768,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'title',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'content',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'onOk',
@@ -62539,17 +51784,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'okButtonProps',
-            propType: {
-              type: 'instanceOf',
-              value: 'Partial',
-            },
+            propType: 'any',
           },
           {
             name: 'cancelButtonProps',
-            propType: {
-              type: 'instanceOf',
-              value: 'Partial',
-            },
+            propType: 'any',
           },
           {
             name: 'centered',
@@ -62567,70 +51806,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'okText',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'okType',
@@ -62648,137 +51824,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'cancelText',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'icon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'mask',
@@ -62900,10 +51950,7 @@ Generated by [AVA](https://avajs.dev).
                     },
                   ],
                 },
-                {
-                  type: 'instanceOf',
-                  value: 'getContainerFunc',
-                },
+                'any',
               ],
             },
           },
@@ -62931,6 +51978,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Modal',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -62955,137 +52003,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'title',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'content',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'onOk',
@@ -63097,17 +52019,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'okButtonProps',
-            propType: {
-              type: 'instanceOf',
-              value: 'Partial',
-            },
+            propType: 'any',
           },
           {
             name: 'cancelButtonProps',
-            propType: {
-              type: 'instanceOf',
-              value: 'Partial',
-            },
+            propType: 'any',
           },
           {
             name: 'centered',
@@ -63125,70 +52041,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'okText',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'okType',
@@ -63206,137 +52059,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'cancelText',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'icon',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'mask',
@@ -63458,10 +52185,7 @@ Generated by [AVA](https://avajs.dev).
                     },
                   ],
                 },
-                {
-                  type: 'instanceOf',
-                  value: 'getContainerFunc',
-                },
+                'any',
               ],
             },
           },
@@ -63489,6 +52213,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Radio',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -63569,70 +52294,7 @@ Generated by [AVA](https://avajs.dev).
                     value: [
                       {
                         name: 'label',
-                        propType: {
-                          type: 'oneOfType',
-                          value: [
-                            'string',
-                            'number',
-                            false,
-                            true,
-                            'object',
-                            {
-                              type: 'shape',
-                              value: [
-                                {
-                                  name: 'P',
-                                  propType: 'any',
-                                },
-                                {
-                                  name: 'T',
-                                  propType: 'any',
-                                },
-                                {
-                                  name: 'type',
-                                  propType: 'any',
-                                },
-                                {
-                                  name: 'props',
-                                  propType: 'any',
-                                },
-                                {
-                                  name: 'key',
-                                  propType: {
-                                    type: 'oneOfType',
-                                    value: [
-                                      'string',
-                                      'number',
-                                    ],
-                                  },
-                                },
-                              ],
-                            },
-                            {
-                              type: 'oneOfType',
-                              value: [],
-                            },
-                            {
-                              type: 'shape',
-                              value: [
-                                {
-                                  name: 'key',
-                                  propType: {
-                                    type: 'oneOfType',
-                                    value: [
-                                      'string',
-                                      'number',
-                                    ],
-                                  },
-                                },
-                                {
-                                  name: 'children',
-                                  propType: 'node',
-                                },
-                              ],
-                            },
-                          ],
-                        },
+                        propType: 'node',
                       },
                       {
                         name: 'value',
@@ -63678,6 +52340,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Skeleton',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -63732,6 +52395,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Skeleton',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -63786,6 +52450,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Skeleton',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -63829,6 +52494,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Spin',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -63840,7 +52506,6 @@ Generated by [AVA](https://avajs.dev).
         },
         props: [
           {
-            defaultValue: Function toString {},
             description: 'Returns a string representation of a string.',
             name: 'toString',
             propType: {
@@ -64022,7 +52687,6 @@ Generated by [AVA](https://avajs.dev).
             },
           },
           {
-            defaultValue: Function valueOf {},
             description: 'Returns the primitive value of the specified object.',
             name: 'valueOf',
             propType: {
@@ -64292,7 +52956,6 @@ Generated by [AVA](https://avajs.dev).
             },
           },
           {
-            defaultValue: Function toLocaleString {},
             description: 'Returns a date converted to a string using the current locale.',
             name: 'toLocaleString',
             propType: {
@@ -64548,6 +53211,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Table',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -64618,55 +53282,7 @@ Generated by [AVA](https://avajs.dev).
                     },
                     {
                       name: 'children',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                          false,
-                          true,
-                          'object',
-                          {
-                            type: 'shape',
-                            value: [
-                              {
-                                name: 'P',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'T',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'type',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'props',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'key',
-                                propType: {
-                                  type: 'oneOfType',
-                                  value: [
-                                    'string',
-                                    'number',
-                                  ],
-                                },
-                              },
-                            ],
-                          },
-                          {
-                            type: 'oneOfType',
-                            value: [],
-                          },
-                          {
-                            type: 'instanceOf',
-                            value: 'ReactPortal',
-                          },
-                        ],
-                      },
+                      propType: 'node',
                     },
                   ],
                 },
@@ -64681,19 +53297,13 @@ Generated by [AVA](https://avajs.dev).
               value: [
                 false,
                 true,
-                {
-                  type: 'instanceOf',
-                  value: 'CompareFn',
-                },
+                'any',
                 {
                   type: 'shape',
                   value: [
                     {
                       name: 'compare',
-                      propType: {
-                        type: 'instanceOf',
-                        value: 'CompareFn',
-                      },
+                      propType: 'any',
                     },
                     {
                       name: 'multiple',
@@ -64754,70 +53364,7 @@ Generated by [AVA](https://avajs.dev).
                 value: [
                   {
                     name: 'text',
-                    propType: {
-                      type: 'oneOfType',
-                      value: [
-                        'string',
-                        'number',
-                        false,
-                        true,
-                        'object',
-                        {
-                          type: 'shape',
-                          value: [
-                            {
-                              name: 'P',
-                              propType: 'any',
-                            },
-                            {
-                              name: 'T',
-                              propType: 'any',
-                            },
-                            {
-                              name: 'type',
-                              propType: 'any',
-                            },
-                            {
-                              name: 'props',
-                              propType: 'any',
-                            },
-                            {
-                              name: 'key',
-                              propType: {
-                                type: 'oneOfType',
-                                value: [
-                                  'string',
-                                  'number',
-                                ],
-                              },
-                            },
-                          ],
-                        },
-                        {
-                          type: 'oneOfType',
-                          value: [],
-                        },
-                        {
-                          type: 'shape',
-                          value: [
-                            {
-                              name: 'key',
-                              propType: {
-                                type: 'oneOfType',
-                                value: [
-                                  'string',
-                                  'number',
-                                ],
-                              },
-                            },
-                            {
-                              name: 'children',
-                              propType: 'node',
-                            },
-                          ],
-                        },
-                      ],
-                    },
+                    propType: 'node',
                   },
                   {
                     name: 'value',
@@ -64833,10 +53380,7 @@ Generated by [AVA](https://avajs.dev).
                   },
                   {
                     name: 'children',
-                    propType: {
-                      type: 'instanceOf',
-                      value: 'ColumnFilterItem[]',
-                    },
+                    propType: 'any',
                   },
                 ],
               },
@@ -64902,55 +53446,7 @@ Generated by [AVA](https://avajs.dev).
                     },
                     {
                       name: 'children',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                          false,
-                          true,
-                          'object',
-                          {
-                            type: 'shape',
-                            value: [
-                              {
-                                name: 'P',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'T',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'type',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'props',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'key',
-                                propType: {
-                                  type: 'oneOfType',
-                                  value: [
-                                    'string',
-                                    'number',
-                                  ],
-                                },
-                              },
-                            ],
-                          },
-                          {
-                            type: 'oneOfType',
-                            value: [],
-                          },
-                          {
-                            type: 'instanceOf',
-                            value: 'ReactPortal',
-                          },
-                        ],
-                      },
+                      propType: 'node',
                     },
                   ],
                 },
@@ -65048,55 +53544,7 @@ Generated by [AVA](https://avajs.dev).
                     },
                     {
                       name: 'children',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                          false,
-                          true,
-                          'object',
-                          {
-                            type: 'shape',
-                            value: [
-                              {
-                                name: 'P',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'T',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'type',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'props',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'key',
-                                propType: {
-                                  type: 'oneOfType',
-                                  value: [
-                                    'string',
-                                    'number',
-                                  ],
-                                },
-                              },
-                            ],
-                          },
-                          {
-                            type: 'oneOfType',
-                            value: [],
-                          },
-                          {
-                            type: 'instanceOf',
-                            value: 'ReactPortal',
-                          },
-                        ],
-                      },
+                      propType: 'node',
                     },
                   ],
                 },
@@ -65160,10 +53608,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'onCell',
-            propType: {
-              type: 'instanceOf',
-              value: 'GetComponentProps',
-            },
+            propType: 'any',
           },
           {
             description: '@deprecated Please use `onCell` instead',
@@ -65198,10 +53643,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'onHeaderCell',
-            propType: {
-              type: 'instanceOf',
-              value: 'GetComponentProps',
-            },
+            propType: 'any',
           },
           {
             name: 'ellipsis',
@@ -65224,6 +53666,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Table',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -65308,55 +53751,7 @@ Generated by [AVA](https://avajs.dev).
                     },
                     {
                       name: 'children',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                          false,
-                          true,
-                          'object',
-                          {
-                            type: 'shape',
-                            value: [
-                              {
-                                name: 'P',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'T',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'type',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'props',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'key',
-                                propType: {
-                                  type: 'oneOfType',
-                                  value: [
-                                    'string',
-                                    'number',
-                                  ],
-                                },
-                              },
-                            ],
-                          },
-                          {
-                            type: 'oneOfType',
-                            value: [],
-                          },
-                          {
-                            type: 'instanceOf',
-                            value: 'ReactPortal',
-                          },
-                        ],
-                      },
+                      propType: 'node',
                     },
                   ],
                 },
@@ -65412,19 +53807,13 @@ Generated by [AVA](https://avajs.dev).
               value: [
                 false,
                 true,
-                {
-                  type: 'instanceOf',
-                  value: 'CompareFn',
-                },
+                'any',
                 {
                   type: 'shape',
                   value: [
                     {
                       name: 'compare',
-                      propType: {
-                        type: 'instanceOf',
-                        value: 'CompareFn',
-                      },
+                      propType: 'any',
                     },
                     {
                       name: 'multiple',
@@ -65485,70 +53874,7 @@ Generated by [AVA](https://avajs.dev).
                 value: [
                   {
                     name: 'text',
-                    propType: {
-                      type: 'oneOfType',
-                      value: [
-                        'string',
-                        'number',
-                        false,
-                        true,
-                        'object',
-                        {
-                          type: 'shape',
-                          value: [
-                            {
-                              name: 'P',
-                              propType: 'any',
-                            },
-                            {
-                              name: 'T',
-                              propType: 'any',
-                            },
-                            {
-                              name: 'type',
-                              propType: 'any',
-                            },
-                            {
-                              name: 'props',
-                              propType: 'any',
-                            },
-                            {
-                              name: 'key',
-                              propType: {
-                                type: 'oneOfType',
-                                value: [
-                                  'string',
-                                  'number',
-                                ],
-                              },
-                            },
-                          ],
-                        },
-                        {
-                          type: 'oneOfType',
-                          value: [],
-                        },
-                        {
-                          type: 'shape',
-                          value: [
-                            {
-                              name: 'key',
-                              propType: {
-                                type: 'oneOfType',
-                                value: [
-                                  'string',
-                                  'number',
-                                ],
-                              },
-                            },
-                            {
-                              name: 'children',
-                              propType: 'node',
-                            },
-                          ],
-                        },
-                      ],
-                    },
+                    propType: 'node',
                   },
                   {
                     name: 'value',
@@ -65564,10 +53890,7 @@ Generated by [AVA](https://avajs.dev).
                   },
                   {
                     name: 'children',
-                    propType: {
-                      type: 'instanceOf',
-                      value: 'ColumnFilterItem[]',
-                    },
+                    propType: 'any',
                   },
                 ],
               },
@@ -65633,55 +53956,7 @@ Generated by [AVA](https://avajs.dev).
                     },
                     {
                       name: 'children',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                          false,
-                          true,
-                          'object',
-                          {
-                            type: 'shape',
-                            value: [
-                              {
-                                name: 'P',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'T',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'type',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'props',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'key',
-                                propType: {
-                                  type: 'oneOfType',
-                                  value: [
-                                    'string',
-                                    'number',
-                                  ],
-                                },
-                              },
-                            ],
-                          },
-                          {
-                            type: 'oneOfType',
-                            value: [],
-                          },
-                          {
-                            type: 'instanceOf',
-                            value: 'ReactPortal',
-                          },
-                        ],
-                      },
+                      propType: 'node',
                     },
                   ],
                 },
@@ -65779,55 +54054,7 @@ Generated by [AVA](https://avajs.dev).
                     },
                     {
                       name: 'children',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                          false,
-                          true,
-                          'object',
-                          {
-                            type: 'shape',
-                            value: [
-                              {
-                                name: 'P',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'T',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'type',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'props',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'key',
-                                propType: {
-                                  type: 'oneOfType',
-                                  value: [
-                                    'string',
-                                    'number',
-                                  ],
-                                },
-                              },
-                            ],
-                          },
-                          {
-                            type: 'oneOfType',
-                            value: [],
-                          },
-                          {
-                            type: 'instanceOf',
-                            value: 'ReactPortal',
-                          },
-                        ],
-                      },
+                      propType: 'node',
                     },
                   ],
                 },
@@ -65861,10 +54088,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'onCell',
-            propType: {
-              type: 'instanceOf',
-              value: 'GetComponentProps',
-            },
+            propType: 'any',
           },
           {
             description: '@deprecated Please use `onCell` instead',
@@ -65885,10 +54109,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'onHeaderCell',
-            propType: {
-              type: 'instanceOf',
-              value: 'GetComponentProps',
-            },
+            propType: 'any',
           },
           {
             name: 'ellipsis',
@@ -65900,6 +54121,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Transfer',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -65918,7 +54140,6 @@ Generated by [AVA](https://avajs.dev).
             },
           },
           {
-            defaultValue: undefined,
             name: 'titleText',
             propType: 'string',
           },
@@ -66021,68 +54242,7 @@ Generated by [AVA](https://avajs.dev).
             name: 'notFoundContent',
             propType: {
               isRequired: true,
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
+              type: 'node',
             },
           },
           {
@@ -66101,10 +54261,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'renderList',
-            propType: {
-              type: 'instanceOf',
-              value: 'RenderListFunction',
-            },
+            propType: 'any',
           },
           {
             name: 'footer',
@@ -66196,55 +54353,7 @@ Generated by [AVA](https://avajs.dev).
                     },
                     {
                       name: 'children',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                          false,
-                          true,
-                          'object',
-                          {
-                            type: 'shape',
-                            value: [
-                              {
-                                name: 'P',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'T',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'type',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'props',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'key',
-                                propType: {
-                                  type: 'oneOfType',
-                                  value: [
-                                    'string',
-                                    'number',
-                                  ],
-                                },
-                              },
-                            ],
-                          },
-                          {
-                            type: 'oneOfType',
-                            value: [],
-                          },
-                          {
-                            type: 'instanceOf',
-                            value: 'ReactPortal',
-                          },
-                        ],
-                      },
+                      propType: 'node',
                     },
                   ],
                 },
@@ -66258,6 +54367,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Transfer',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -66273,12 +54383,10 @@ Generated by [AVA](https://avajs.dev).
             propType: 'string',
           },
           {
-            defaultValue: undefined,
             name: 'leftArrowText',
             propType: 'string',
           },
           {
-            defaultValue: undefined,
             name: 'rightArrowText',
             propType: 'string',
           },
@@ -66322,6 +54430,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Transfer',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -66337,7 +54446,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'string',
           },
           {
-            defaultValue: undefined,
             name: 'placeholder',
             propType: 'string',
           },
@@ -66363,6 +54471,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Tree',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -66643,55 +54752,7 @@ Generated by [AVA](https://avajs.dev).
                     },
                     {
                       name: 'children',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                          false,
-                          true,
-                          'object',
-                          {
-                            type: 'shape',
-                            value: [
-                              {
-                                name: 'P',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'T',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'type',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'props',
-                                propType: 'any',
-                              },
-                              {
-                                name: 'key',
-                                propType: {
-                                  type: 'oneOfType',
-                                  value: [
-                                    'string',
-                                    'number',
-                                  ],
-                                },
-                              },
-                            ],
-                          },
-                          {
-                            type: 'oneOfType',
-                            value: [],
-                          },
-                          {
-                            type: 'instanceOf',
-                            value: 'ReactPortal',
-                          },
-                        ],
-                      },
+                      propType: 'node',
                     },
                   ],
                 },
@@ -66842,10 +54903,7 @@ Generated by [AVA](https://avajs.dev).
                   },
                   {
                     name: 'children',
-                    propType: {
-                      type: 'instanceOf',
-                      value: 'DataNode[]',
-                    },
+                    propType: 'any',
                   },
                   {
                     name: 'disabled',
@@ -66915,55 +54973,7 @@ Generated by [AVA](https://avajs.dev).
                             },
                             {
                               name: 'children',
-                              propType: {
-                                type: 'oneOfType',
-                                value: [
-                                  'string',
-                                  'number',
-                                  false,
-                                  true,
-                                  'object',
-                                  {
-                                    type: 'shape',
-                                    value: [
-                                      {
-                                        name: 'P',
-                                        propType: 'any',
-                                      },
-                                      {
-                                        name: 'T',
-                                        propType: 'any',
-                                      },
-                                      {
-                                        name: 'type',
-                                        propType: 'any',
-                                      },
-                                      {
-                                        name: 'props',
-                                        propType: 'any',
-                                      },
-                                      {
-                                        name: 'key',
-                                        propType: {
-                                          type: 'oneOfType',
-                                          value: [
-                                            'string',
-                                            'number',
-                                          ],
-                                        },
-                                      },
-                                    ],
-                                  },
-                                  {
-                                    type: 'oneOfType',
-                                    value: [],
-                                  },
-                                  {
-                                    type: 'instanceOf',
-                                    value: 'ReactPortal',
-                                  },
-                                ],
-                              },
+                              propType: 'node',
                             },
                           ],
                         },
@@ -66987,70 +54997,7 @@ Generated by [AVA](https://avajs.dev).
                   },
                   {
                     name: 'title',
-                    propType: {
-                      type: 'oneOfType',
-                      value: [
-                        'string',
-                        'number',
-                        false,
-                        true,
-                        'object',
-                        {
-                          type: 'shape',
-                          value: [
-                            {
-                              name: 'P',
-                              propType: 'any',
-                            },
-                            {
-                              name: 'T',
-                              propType: 'any',
-                            },
-                            {
-                              name: 'type',
-                              propType: 'any',
-                            },
-                            {
-                              name: 'props',
-                              propType: 'any',
-                            },
-                            {
-                              name: 'key',
-                              propType: {
-                                type: 'oneOfType',
-                                value: [
-                                  'string',
-                                  'number',
-                                ],
-                              },
-                            },
-                          ],
-                        },
-                        {
-                          type: 'oneOfType',
-                          value: [],
-                        },
-                        {
-                          type: 'shape',
-                          value: [
-                            {
-                              name: 'key',
-                              propType: {
-                                type: 'oneOfType',
-                                value: [
-                                  'string',
-                                  'number',
-                                ],
-                              },
-                            },
-                            {
-                              name: 'children',
-                              propType: 'node',
-                            },
-                          ],
-                        },
-                      ],
-                    },
+                    propType: 'node',
                   },
                   {
                     name: 'selectable',
@@ -67116,55 +55063,7 @@ Generated by [AVA](https://avajs.dev).
                             },
                             {
                               name: 'children',
-                              propType: {
-                                type: 'oneOfType',
-                                value: [
-                                  'string',
-                                  'number',
-                                  false,
-                                  true,
-                                  'object',
-                                  {
-                                    type: 'shape',
-                                    value: [
-                                      {
-                                        name: 'P',
-                                        propType: 'any',
-                                      },
-                                      {
-                                        name: 'T',
-                                        propType: 'any',
-                                      },
-                                      {
-                                        name: 'type',
-                                        propType: 'any',
-                                      },
-                                      {
-                                        name: 'props',
-                                        propType: 'any',
-                                      },
-                                      {
-                                        name: 'key',
-                                        propType: {
-                                          type: 'oneOfType',
-                                          value: [
-                                            'string',
-                                            'number',
-                                          ],
-                                        },
-                                      },
-                                    ],
-                                  },
-                                  {
-                                    type: 'oneOfType',
-                                    value: [],
-                                  },
-                                  {
-                                    type: 'instanceOf',
-                                    value: 'ReactPortal',
-                                  },
-                                ],
-                              },
+                              propType: 'node',
                             },
                           ],
                         },
@@ -67211,6 +55110,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Tag',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -67250,6 +55150,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Upload',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -67723,17 +55624,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'previewFile',
-            propType: {
-              type: 'instanceOf',
-              value: 'PreviewFileHandler',
-            },
+            propType: 'any',
           },
           {
             name: 'transformFile',
-            propType: {
-              type: 'instanceOf',
-              value: 'TransformFileHandler',
-            },
+            propType: 'any',
           },
           {
             name: 'iconRender',
@@ -67749,6 +55644,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Item',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -67761,70 +55657,7 @@ Generated by [AVA](https://avajs.dev).
         props: [
           {
             name: 'avatar',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'className',
@@ -67832,70 +55665,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'description',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
           {
             name: 'prefixCls',
@@ -67907,70 +55677,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'title',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
         ],
         screenshot: '',
diff --git a/packages/material-parser/test/fixtures/__snapshots__/test/antd.ts.snap b/packages/material-parser/test/fixtures/__snapshots__/test/antd.ts.snap
index d6fbd390e..3201c45cf 100644
Binary files a/packages/material-parser/test/fixtures/__snapshots__/test/antd.ts.snap and b/packages/material-parser/test/fixtures/__snapshots__/test/antd.ts.snap differ
diff --git a/packages/material-parser/test/fixtures/__snapshots__/test/fusion.ts.md b/packages/material-parser/test/fixtures/__snapshots__/test/fusion.ts.md
index d7199e9ae..1b4064674 100644
--- a/packages/material-parser/test/fixtures/__snapshots__/test/fusion.ts.md
+++ b/packages/material-parser/test/fixtures/__snapshots__/test/fusion.ts.md
@@ -11,6 +11,7 @@ Generated by [AVA](https://avajs.dev).
     [
       {
         componentName: 'Affix',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -27,7 +28,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'string',
           },
           {
-            defaultValue: Function {},
             description: '设置 Affix 需要监听滚动事件的容器元素',
             name: 'container',
             propType: 'func',
@@ -70,6 +70,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Animate',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -110,55 +111,46 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: Function {},
             description: '执行第一次挂载动画前触发的回调函数',
             name: 'beforeAppear',
             propType: 'func',
           },
           {
-            defaultValue: Function {},
             description: '执行第一次挂载动画，添加 xxx-appear-active 类名后触发的回调函数',
             name: 'onAppear',
             propType: 'func',
           },
           {
-            defaultValue: Function {},
             description: '执行完第一次挂载动画后触发的函数',
             name: 'afterAppear',
             propType: 'func',
           },
           {
-            defaultValue: Function {},
             description: '执行进场动画前触发的回调函数',
             name: 'beforeEnter',
             propType: 'func',
           },
           {
-            defaultValue: Function {},
             description: '执行进场动画，添加 xxx-enter-active 类名后触发的回调函数',
             name: 'onEnter',
             propType: 'func',
           },
           {
-            defaultValue: Function {},
             description: '执行完进场动画后触发的回调函数',
             name: 'afterEnter',
             propType: 'func',
           },
           {
-            defaultValue: Function {},
             description: '执行离场动画前触发的回调函数',
             name: 'beforeLeave',
             propType: 'func',
           },
           {
-            defaultValue: Function {},
             description: '执行离场动画，添加 xxx-leave-active 类名后触发的回调函数',
             name: 'onLeave',
             propType: 'func',
           },
           {
-            defaultValue: Function {},
             description: '执行完离场动画后触发的回调函数',
             name: 'afterLeave',
             propType: 'func',
@@ -169,6 +161,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Expand',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -190,32 +183,26 @@ Generated by [AVA](https://avajs.dev).
             },
           },
           {
-            defaultValue: Function {},
             name: 'beforeEnter',
             propType: 'func',
           },
           {
-            defaultValue: Function {},
             name: 'onEnter',
             propType: 'func',
           },
           {
-            defaultValue: Function {},
             name: 'afterEnter',
             propType: 'func',
           },
           {
-            defaultValue: Function {},
             name: 'beforeLeave',
             propType: 'func',
           },
           {
-            defaultValue: Function {},
             name: 'onLeave',
             propType: 'func',
           },
           {
-            defaultValue: Function {},
             name: 'afterLeave',
             propType: 'func',
           },
@@ -225,6 +212,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Badge',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -255,10 +243,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '徽章依托的内容',
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             defaultValue: 0,
@@ -281,10 +266,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '自定义节点内容',
             name: 'content',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             defaultValue: 99,
@@ -310,6 +292,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Balloon',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -423,10 +406,7 @@ Generated by [AVA](https://avajs.dev).
             ],
             description: '弹层相对于trigger的定位的微调, 接收数组[hoz, ver], 表示弹层在 left / top 上的增量',
             name: 'offset',
-            propType: {
-              type: 'instanceOf',
-              value: 'array',
-            },
+            propType: 'array',
           },
           {
             description: '触发元素',
@@ -441,10 +421,7 @@ Generated by [AVA](https://avajs.dev).
               type: 'oneOfType',
               value: [
                 'string',
-                {
-                  type: 'instanceOf',
-                  value: 'array',
-                },
+                'array',
               ],
             },
           },
@@ -501,6 +478,10 @@ Generated by [AVA](https://avajs.dev).
             propType: 'string',
           },
           {
+            defaultValue: {
+              in: 'zoomIn',
+              out: 'zoomOut',
+            },
             description: '配置动画的播放方式',
             name: 'animation',
             propType: {
@@ -527,7 +508,7 @@ Generated by [AVA](https://avajs.dev).
             propType: 'any',
           },
           {
-            defaultValue: undefined,
+            defaultValue: {},
             description: '弹层组件style，透传给Popup',
             name: 'popupStyle',
             propType: 'object',
@@ -539,7 +520,7 @@ Generated by [AVA](https://avajs.dev).
             propType: 'string',
           },
           {
-            defaultValue: undefined,
+            defaultValue: {},
             description: '弹层组件属性，透传给Popup',
             name: 'popupProps',
             propType: 'object',
@@ -560,6 +541,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Tooltip',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -626,10 +608,7 @@ Generated by [AVA](https://avajs.dev).
               type: 'oneOfType',
               value: [
                 'string',
-                {
-                  type: 'instanceOf',
-                  value: 'array',
-                },
+                'array',
               ],
             },
           },
@@ -680,6 +659,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'BalloonInner',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -754,6 +734,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Breadcrumb',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -777,10 +758,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '面包屑子节点，需传入 Breadcrumb.Item',
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'custom',
-            },
+            propType: 'any',
           },
           {
             defaultValue: 100,
@@ -802,10 +780,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '分隔符，可以是文本或 Icon',
             name: 'separator',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             defaultValue: 'nav',
@@ -829,6 +804,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Item',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -859,10 +835,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'separator',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             name: 'className',
@@ -870,10 +843,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
         ],
         screenshot: '',
@@ -881,6 +851,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Button',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -1009,7 +980,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: Function {},
             description: '点击按钮的回调',
             name: 'onClick',
             propType: 'func',
@@ -1024,10 +994,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
         ],
         screenshot: '',
@@ -1035,6 +1002,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'ButtonGroup',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -1066,10 +1034,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
         ],
         screenshot: '',
@@ -1077,6 +1042,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Calendar',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -1100,25 +1066,16 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '默认选中的日期（moment 对象）',
             name: 'defaultValue',
-            propType: {
-              type: 'instanceOf',
-              value: 'custom',
-            },
+            propType: 'any',
           },
           {
             description: '选中的日期值 (moment 对象)',
             name: 'value',
-            propType: {
-              type: 'instanceOf',
-              value: 'custom',
-            },
+            propType: 'any',
           },
           {
             name: 'modes',
-            propType: {
-              type: 'instanceOf',
-              value: 'array',
-            },
+            propType: 'array',
           },
           {
             defaultValue: false,
@@ -1175,7 +1132,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'string',
           },
           {
-            defaultValue: Function {},
             description: '自定义日期渲染函数',
             name: 'dateCellRender',
             propType: 'func',
@@ -1205,6 +1161,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'RangeCalendar',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -1229,34 +1186,22 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '默认的开始日期',
             name: 'defaultStartValue',
-            propType: {
-              type: 'instanceOf',
-              value: 'custom',
-            },
+            propType: 'any',
           },
           {
             description: '默认的结束日期',
             name: 'defaultEndValue',
-            propType: {
-              type: 'instanceOf',
-              value: 'custom',
-            },
+            propType: 'any',
           },
           {
             description: '开始日期（moment 对象）',
             name: 'startValue',
-            propType: {
-              type: 'instanceOf',
-              value: 'custom',
-            },
+            propType: 'any',
           },
           {
             description: '结束日期（moment 对象）',
             name: 'endValue',
-            propType: {
-              type: 'instanceOf',
-              value: 'custom',
-            },
+            propType: 'any',
           },
           {
             defaultValue: false,
@@ -1295,7 +1240,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'func',
           },
           {
-            defaultValue: Function {},
             description: '自定义日期单元格渲染',
             name: 'dateCellRender',
             propType: 'func',
@@ -1323,6 +1267,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Card',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -1345,34 +1290,22 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '卡片的上的图片 / 视频',
             name: 'media',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '卡片的标题',
             name: 'title',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '卡片的副标题',
             name: 'subTitle',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '卡片操作组，位置在卡片底部',
             name: 'actions',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             defaultValue: true,
@@ -1401,10 +1334,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '标题区域的用户自定义内容',
             name: 'extra',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             defaultValue: false,
@@ -1418,10 +1348,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
         ],
         screenshot: '',
@@ -1429,6 +1356,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'CardHeader',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -1447,35 +1375,23 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '卡片的标题',
             name: 'title',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '卡片的副标题',
             name: 'subTitle',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '标题区域的用户自定义内容',
             name: 'extra',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             defaultValue: 'div',
             description: '设置标签类型',
             name: 'component',
-            propType: {
-              type: 'instanceOf',
-              value: 'elementType',
-            },
+            propType: 'any',
           },
           {
             name: 'className',
@@ -1487,6 +1403,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'CardMedia',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -1506,10 +1423,7 @@ Generated by [AVA](https://avajs.dev).
             defaultValue: 'div',
             description: '设置标签类型',
             name: 'component',
-            propType: {
-              type: 'instanceOf',
-              value: 'elementType',
-            },
+            propType: 'any',
           },
           {
             description: '背景图片地址',
@@ -1522,7 +1436,7 @@ Generated by [AVA](https://avajs.dev).
             propType: 'string',
           },
           {
-            defaultValue: undefined,
+            defaultValue: {},
             name: 'style',
             propType: 'object',
           },
@@ -1536,6 +1450,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'CardDivider',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -1555,10 +1470,7 @@ Generated by [AVA](https://avajs.dev).
             defaultValue: 'hr',
             description: '设置标签类型',
             name: 'component',
-            propType: {
-              type: 'instanceOf',
-              value: 'elementType',
-            },
+            propType: 'any',
           },
           {
             description: '分割线是否向内缩进',
@@ -1575,6 +1487,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'CardContent',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -1594,10 +1507,7 @@ Generated by [AVA](https://avajs.dev).
             defaultValue: 'div',
             description: '设置标签类型',
             name: 'component',
-            propType: {
-              type: 'instanceOf',
-              value: 'elementType',
-            },
+            propType: 'any',
           },
           {
             name: 'className',
@@ -1609,6 +1519,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'CardActions',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -1628,10 +1539,7 @@ Generated by [AVA](https://avajs.dev).
             defaultValue: 'div',
             description: '设置标签类型',
             name: 'component',
-            propType: {
-              type: 'instanceOf',
-              value: 'elementType',
-            },
+            propType: 'any',
           },
           {
             name: 'className',
@@ -1643,6 +1551,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'CardBulletHeader',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -1661,18 +1570,12 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '卡片的标题',
             name: 'title',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '卡片的副标题',
             name: 'subTitle',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             defaultValue: true,
@@ -1683,10 +1586,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '标题区域的用户自定义内容',
             name: 'extra',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
         ],
         screenshot: '',
@@ -1694,6 +1594,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'CardCollaspeContent',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -1727,10 +1628,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
         ],
         screenshot: '',
@@ -1738,6 +1636,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Cascader',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -1834,7 +1733,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'string',
           },
           {
-            defaultValue: Function {},
             description: '每列列表项渲染函数',
             name: 'itemRender',
             propType: 'func',
@@ -1854,10 +1752,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'filteredPaths',
-            propType: {
-              type: 'instanceOf',
-              value: 'array',
-            },
+            propType: 'array',
           },
           {
             name: 'filteredListStyle',
@@ -1873,6 +1768,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'CascaderSelect',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -1942,10 +1838,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '自定义内联 label',
             name: 'label',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '是否只读，只读模式下可以展开弹层但不能选',
@@ -1970,7 +1863,6 @@ Generated by [AVA](https://avajs.dev).
             },
           },
           {
-            defaultValue: Function {},
             name: 'onExpand',
             propType: 'func',
           },
@@ -2031,7 +1923,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: Function {},
             description: '自定义搜索函数',
             name: 'filter',
             propType: 'func',
@@ -2051,10 +1942,7 @@ Generated by [AVA](https://avajs.dev).
             defaultValue: 'Not Found',
             description: '无数据时显示内容',
             name: 'notFoundContent',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '异步加载数据函数',
@@ -2064,18 +1952,12 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '自定义下拉框头部',
             name: 'header',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '自定义下拉框底部',
             name: 'footer',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             defaultValue: false,
@@ -2089,7 +1971,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: Function {},
             description: '下拉框显示或关闭时触发事件的回调函数',
             name: 'onVisibleChange',
             propType: 'func',
@@ -2110,7 +1991,7 @@ Generated by [AVA](https://avajs.dev).
             propType: 'any',
           },
           {
-            defaultValue: undefined,
+            defaultValue: {},
             description: '透传到 Popup 的属性对象',
             name: 'popupProps',
             propType: 'object',
@@ -2136,6 +2017,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Checkbox',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -2189,10 +2071,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '通过属性配置label，',
             name: 'label',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: 'Checkbox 的中间状态，只会影响到 Checkbox 的样式，并不影响其 checked 属性',
@@ -2253,6 +2132,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'CheckboxGroup',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -2293,10 +2173,7 @@ Generated by [AVA](https://avajs.dev).
             propType: {
               type: 'oneOfType',
               value: [
-                {
-                  type: 'instanceOf',
-                  value: 'array',
-                },
+                'array',
                 'string',
                 'number',
               ],
@@ -2308,17 +2185,13 @@ Generated by [AVA](https://avajs.dev).
             propType: {
               type: 'oneOfType',
               value: [
-                {
-                  type: 'instanceOf',
-                  value: 'array',
-                },
+                'array',
                 'string',
                 'number',
               ],
             },
           },
           {
-            defaultValue: Function {},
             description: '选中值改变时的事件',
             name: 'onChange',
             propType: 'func',
@@ -2352,6 +2225,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Collapse',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -2376,26 +2250,17 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '使用数据模型构建',
             name: 'dataSource',
-            propType: {
-              type: 'instanceOf',
-              value: 'array',
-            },
+            propType: 'array',
           },
           {
             description: '默认展开keys',
             name: 'defaultExpandedKeys',
-            propType: {
-              type: 'instanceOf',
-              value: 'array',
-            },
+            propType: 'array',
           },
           {
             description: '受控展开keys',
             name: 'expandedKeys',
-            propType: {
-              type: 'instanceOf',
-              value: 'array',
-            },
+            propType: 'array',
           },
           {
             description: '展开状态发升变化时候的回调',
@@ -2420,10 +2285,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             name: 'id',
@@ -2439,6 +2301,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Panel',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -2477,10 +2340,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '标题',
             name: 'title',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '扩展class',
@@ -2501,6 +2361,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'ConfigProvider',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -2577,6 +2438,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'ErrorBoundary',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -2589,10 +2451,7 @@ Generated by [AVA](https://avajs.dev).
         props: [
           {
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'element',
-            },
+            propType: 'element',
           },
           {
             description: '捕获错误后的自定义处理, 比如埋点上传',
@@ -2610,6 +2469,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'DatePicker',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -2633,10 +2493,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '输入框内置标签',
             name: 'label',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '输入框状态',
@@ -2667,18 +2524,12 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '日期值（受控）moment 对象',
             name: 'value',
-            propType: {
-              type: 'instanceOf',
-              value: 'custom',
-            },
+            propType: 'any',
           },
           {
             description: '初始日期值，moment 对象',
             name: 'defaultValue',
-            propType: {
-              type: 'instanceOf',
-              value: 'custom',
-            },
+            propType: 'any',
           },
           {
             defaultValue: 'YYYY-MM-DD',
@@ -2705,13 +2556,11 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: Function {},
             description: '禁用日期函数',
             name: 'disabledDate',
             propType: 'func',
           },
           {
-            defaultValue: Function {},
             description: '自定义面板页脚',
             name: 'footerRender',
             propType: 'func',
@@ -2862,17 +2711,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'popupComponent',
-            propType: {
-              type: 'instanceOf',
-              value: 'elementType',
-            },
+            propType: 'any',
           },
           {
             name: 'popupContent',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             name: 'disableChangeMode',
@@ -2884,6 +2727,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'RangePicker',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -2929,18 +2773,12 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '日期范围值数组 [moment, moment]',
             name: 'value',
-            propType: {
-              type: 'instanceOf',
-              value: 'array',
-            },
+            propType: 'array',
           },
           {
             description: '初始的日期范围值数组 [moment, moment]',
             name: 'defaultValue',
-            propType: {
-              type: 'instanceOf',
-              value: 'array',
-            },
+            propType: 'array',
           },
           {
             defaultValue: 'YYYY-MM-DD',
@@ -2967,13 +2805,11 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: Function {},
             description: '禁用日期函数',
             name: 'disabledDate',
             propType: 'func',
           },
           {
-            defaultValue: Function {},
             description: '自定义面板页脚',
             name: 'footerRender',
             propType: 'func',
@@ -2991,10 +2827,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '输入框内置标签',
             name: 'label',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '输入框状态',
@@ -3163,17 +2996,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'popupComponent',
-            propType: {
-              type: 'instanceOf',
-              value: 'elementType',
-            },
+            propType: 'any',
           },
           {
             name: 'popupContent',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
         ],
         screenshot: '',
@@ -3181,6 +3008,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'MonthPicker',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -3204,10 +3032,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '输入框内置标签',
             name: 'label',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '输入框状态',
@@ -3234,18 +3059,12 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '日期值（受控）moment 对象',
             name: 'value',
-            propType: {
-              type: 'instanceOf',
-              value: 'custom',
-            },
+            propType: 'any',
           },
           {
             description: '初始日期值，moment 对象',
             name: 'defaultValue',
-            propType: {
-              type: 'instanceOf',
-              value: 'custom',
-            },
+            propType: 'any',
           },
           {
             defaultValue: 'YYYY-MM',
@@ -3254,13 +3073,11 @@ Generated by [AVA](https://avajs.dev).
             propType: 'string',
           },
           {
-            defaultValue: Function {},
             description: '禁用日期函数',
             name: 'disabledDate',
             propType: 'func',
           },
           {
-            defaultValue: Function {},
             description: '自定义面板页脚',
             name: 'footerRender',
             propType: 'func',
@@ -3395,17 +3212,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'popupComponent',
-            propType: {
-              type: 'instanceOf',
-              value: 'elementType',
-            },
+            propType: 'any',
           },
           {
             name: 'popupContent',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
         ],
         screenshot: '',
@@ -3413,6 +3224,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'YearPicker',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -3436,10 +3248,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '输入框内置标签',
             name: 'label',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '输入框状态',
@@ -3461,18 +3270,12 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '日期值（受控）moment 对象',
             name: 'value',
-            propType: {
-              type: 'instanceOf',
-              value: 'custom',
-            },
+            propType: 'any',
           },
           {
             description: '初始日期值，moment 对象',
             name: 'defaultValue',
-            propType: {
-              type: 'instanceOf',
-              value: 'custom',
-            },
+            propType: 'any',
           },
           {
             defaultValue: 'YYYY',
@@ -3481,13 +3284,11 @@ Generated by [AVA](https://avajs.dev).
             propType: 'string',
           },
           {
-            defaultValue: Function {},
             description: '禁用日期函数',
             name: 'disabledDate',
             propType: 'func',
           },
           {
-            defaultValue: Function {},
             description: '自定义面板页脚',
             name: 'footerRender',
             propType: 'func',
@@ -3617,17 +3418,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'popupComponent',
-            propType: {
-              type: 'instanceOf',
-              value: 'elementType',
-            },
+            propType: 'any',
           },
           {
             name: 'popupContent',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
         ],
         screenshot: '',
@@ -3635,6 +3430,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'WeekPicker',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -3658,10 +3454,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '输入框内置标签',
             name: 'label',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '输入框状态',
@@ -3692,18 +3485,12 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '日期值（受控）moment 对象',
             name: 'value',
-            propType: {
-              type: 'instanceOf',
-              value: 'custom',
-            },
+            propType: 'any',
           },
           {
             description: '初始日期值，moment 对象',
             name: 'defaultValue',
-            propType: {
-              type: 'instanceOf',
-              value: 'custom',
-            },
+            propType: 'any',
           },
           {
             defaultValue: 'YYYY-wo',
@@ -3712,13 +3499,11 @@ Generated by [AVA](https://avajs.dev).
             propType: 'string',
           },
           {
-            defaultValue: Function {},
             description: '禁用日期函数',
             name: 'disabledDate',
             propType: 'func',
           },
           {
-            defaultValue: Function {},
             description: '自定义面板页脚',
             name: 'footerRender',
             propType: 'func',
@@ -3854,17 +3639,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'popupComponent',
-            propType: {
-              type: 'instanceOf',
-              value: 'elementType',
-            },
+            propType: 'any',
           },
           {
             name: 'popupContent',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
         ],
         screenshot: '',
@@ -3872,6 +3651,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Dialog',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -3909,18 +3689,12 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '标题',
             name: 'title',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '内容',
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '底部内容，设置为 false，则不进行显示',
@@ -3929,10 +3703,7 @@ Generated by [AVA](https://avajs.dev).
               type: 'oneOfType',
               value: [
                 'bool',
-                {
-                  type: 'instanceOf',
-                  value: 'node',
-                },
+                'node',
               ],
             },
           },
@@ -3956,31 +3727,26 @@ Generated by [AVA](https://avajs.dev).
             ],
             description: '指定确定按钮和取消按钮是否存在以及如何排列,<br><br>**可选值**：',
             name: 'footerActions',
-            propType: {
-              type: 'instanceOf',
-              value: 'array',
-            },
+            propType: 'array',
           },
           {
-            defaultValue: Function {},
             description: '在点击确定按钮时触发的回调函数',
             name: 'onOk',
             propType: 'func',
           },
           {
-            defaultValue: Function {},
             description: '在点击取消按钮时触发的回调函数',
             name: 'onCancel',
             propType: 'func',
           },
           {
-            defaultValue: undefined,
+            defaultValue: {},
             description: '应用于确定按钮的属性对象',
             name: 'okProps',
             propType: 'object',
           },
           {
-            defaultValue: undefined,
+            defaultValue: {},
             description: '应用于取消按钮的属性对象',
             name: 'cancelProps',
             propType: 'object',
@@ -3998,13 +3764,11 @@ Generated by [AVA](https://avajs.dev).
             },
           },
           {
-            defaultValue: Function {},
             description: '对话框关闭时触发的回调函数',
             name: 'onClose',
             propType: 'func',
           },
           {
-            defaultValue: Function {},
             description: '对话框关闭后触发的回调函数, 如果有动画，则在动画结束后触发',
             name: 'afterClose',
             propType: 'func',
@@ -4016,6 +3780,10 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
+            defaultValue: {
+              in: 'fadeInDown',
+              out: 'fadeOutUp',
+            },
             description: '显示隐藏时动画的播放方式',
             name: 'animation',
             propType: {
@@ -4063,7 +3831,7 @@ Generated by [AVA](https://avajs.dev).
             propType: 'number',
           },
           {
-            defaultValue: undefined,
+            defaultValue: {},
             description: '透传到弹层组件的属性对象',
             name: 'overlayProps',
             propType: 'object',
@@ -4088,6 +3856,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Inner',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -4109,17 +3878,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'title',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             name: 'footer',
@@ -4127,10 +3890,7 @@ Generated by [AVA](https://avajs.dev).
               type: 'oneOfType',
               value: [
                 'bool',
-                {
-                  type: 'instanceOf',
-                  value: 'node',
-                },
+                'node',
               ],
             },
           },
@@ -4152,28 +3912,23 @@ Generated by [AVA](https://avajs.dev).
               'cancel',
             ],
             name: 'footerActions',
-            propType: {
-              type: 'instanceOf',
-              value: 'array',
-            },
+            propType: 'array',
           },
           {
-            defaultValue: Function {},
             name: 'onOk',
             propType: 'func',
           },
           {
-            defaultValue: Function {},
             name: 'onCancel',
             propType: 'func',
           },
           {
-            defaultValue: undefined,
+            defaultValue: {},
             name: 'okProps',
             propType: 'object',
           },
           {
-            defaultValue: undefined,
+            defaultValue: {},
             name: 'cancelProps',
             propType: 'object',
           },
@@ -4183,7 +3938,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: Function {},
             name: 'onClose',
             propType: 'func',
           },
@@ -4210,6 +3964,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Dropdown',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -4241,10 +3996,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '弹层内容',
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '弹层当前是否显示',
@@ -4265,10 +4017,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '触发弹层显示或者隐藏的元素',
             name: 'trigger',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             defaultValue: 'hover',
@@ -4278,10 +4027,7 @@ Generated by [AVA](https://avajs.dev).
               type: 'oneOfType',
               value: [
                 'string',
-                {
-                  type: 'instanceOf',
-                  value: 'array',
-                },
+                'array',
               ],
             },
           },
@@ -4304,10 +4050,7 @@ Generated by [AVA](https://avajs.dev).
             ],
             description: '弹层相对于trigger的定位的微调, 接收数组[hoz, ver], 表示弹层在 left / top 上的增量',
             name: 'offset',
-            propType: {
-              type: 'instanceOf',
-              value: 'array',
-            },
+            propType: 'array',
           },
           {
             defaultValue: 200,
@@ -4349,6 +4092,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Drawer',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -4375,10 +4119,7 @@ Generated by [AVA](https://avajs.dev).
           {
             defaultValue: null,
             name: 'trigger',
-            propType: {
-              type: 'instanceOf',
-              value: 'element',
-            },
+            propType: 'element',
           },
           {
             defaultValue: 'click',
@@ -4387,10 +4128,7 @@ Generated by [AVA](https://avajs.dev).
               type: 'oneOfType',
               value: [
                 'string',
-                {
-                  type: 'instanceOf',
-                  value: 'array',
-                },
+                'array',
               ],
             },
           },
@@ -4429,7 +4167,6 @@ Generated by [AVA](https://avajs.dev).
             },
           },
           {
-            defaultValue: Function {},
             description: '对话框关闭时触发的回调函数',
             name: 'onClose',
             propType: 'func',
@@ -4451,10 +4188,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '标题',
             name: 'title',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: 'header上的样式',
@@ -4506,6 +4240,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Inner',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -4556,7 +4291,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: Function {},
             name: 'onClose',
             propType: 'func',
           },
@@ -4598,6 +4332,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Form',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -4682,7 +4417,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'object',
           },
           {
-            defaultValue: undefined,
             description: 'form内有 `htmlType="submit"` 的元素的时候会触发',
             name: 'onSubmit',
             propType: 'func',
@@ -4761,6 +4495,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Item',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -4784,10 +4519,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: 'label 标签的文本',
             name: 'label',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: 'label 标签布局，通 `<Col>` 组件，设置 span offset 值，如 {span: 8, offset: 16}，该项仅在垂直表单有效',
@@ -4802,18 +4534,12 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '自定义提示信息，如不设置，则会根据校验规则自动生成.',
             name: 'help',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '额外的提示信息，和 help 类似，当需要错误信息和提示文案同时出现时，可以使用这个。 位于错误信息后面',
             name: 'extra',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '校验状态，如不设置，则会根据校验规则自动生成',
@@ -4849,10 +4575,7 @@ Generated by [AVA](https://avajs.dev).
             propType: {
               type: 'oneOfType',
               value: [
-                {
-                  type: 'instanceOf',
-                  value: 'node',
-                },
+                'node',
                 'func',
               ],
             },
@@ -4924,10 +4647,7 @@ Generated by [AVA](https://avajs.dev).
               type: 'oneOfType',
               value: [
                 'string',
-                {
-                  type: 'instanceOf',
-                  value: 'array',
-                },
+                'array',
               ],
             },
           },
@@ -4953,10 +4673,7 @@ Generated by [AVA](https://avajs.dev).
               type: 'oneOfType',
               value: [
                 'string',
-                {
-                  type: 'instanceOf',
-                  value: 'array',
-                },
+                'array',
               ],
             },
           },
@@ -4982,10 +4699,7 @@ Generated by [AVA](https://avajs.dev).
               type: 'oneOfType',
               value: [
                 'string',
-                {
-                  type: 'instanceOf',
-                  value: 'array',
-                },
+                'array',
               ],
             },
           },
@@ -5006,10 +4720,7 @@ Generated by [AVA](https://avajs.dev).
               type: 'oneOfType',
               value: [
                 'string',
-                {
-                  type: 'instanceOf',
-                  value: 'array',
-                },
+                'array',
               ],
             },
           },
@@ -5030,10 +4741,7 @@ Generated by [AVA](https://avajs.dev).
               type: 'oneOfType',
               value: [
                 'string',
-                {
-                  type: 'instanceOf',
-                  value: 'array',
-                },
+                'array',
               ],
             },
           },
@@ -5062,10 +4770,7 @@ Generated by [AVA](https://avajs.dev).
               type: 'oneOfType',
               value: [
                 'string',
-                {
-                  type: 'instanceOf',
-                  value: 'array',
-                },
+                'array',
               ],
             },
           },
@@ -5081,10 +4786,7 @@ Generated by [AVA](https://avajs.dev).
               type: 'oneOfType',
               value: [
                 'string',
-                {
-                  type: 'instanceOf',
-                  value: 'array',
-                },
+                'array',
               ],
             },
           },
@@ -5142,6 +4844,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Submit',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -5164,10 +4867,7 @@ Generated by [AVA](https://avajs.dev).
               type: 'oneOfType',
               value: [
                 'bool',
-                {
-                  type: 'instanceOf',
-                  value: 'array',
-                },
+                'array',
               ],
             },
           },
@@ -5178,10 +4878,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
         ],
         screenshot: '',
@@ -5189,6 +4886,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Reset',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -5202,10 +4900,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '自定义重置的字段',
             name: 'names',
-            propType: {
-              type: 'instanceOf',
-              value: 'array',
-            },
+            propType: 'array',
           },
           {
             description: '点击提交后触发',
@@ -5224,10 +4919,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
         ],
         screenshot: '',
@@ -5235,6 +4927,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Error',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -5252,10 +4945,7 @@ Generated by [AVA](https://avajs.dev).
               type: 'oneOfType',
               value: [
                 'string',
-                {
-                  type: 'instanceOf',
-                  value: 'array',
-                },
+                'array',
               ],
             },
           },
@@ -5278,10 +4968,7 @@ Generated by [AVA](https://avajs.dev).
             propType: {
               type: 'oneOfType',
               value: [
-                {
-                  type: 'instanceOf',
-                  value: 'node',
-                },
+                'node',
                 'func',
               ],
             },
@@ -5297,6 +4984,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Icon',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -5314,10 +5002,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             defaultValue: 'medium',
@@ -5362,6 +5047,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Input',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -5375,10 +5061,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: 'label',
             name: 'label',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '是否出现clear按钮',
@@ -5443,50 +5126,32 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '文字前附加内容',
             name: 'innerBefore',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '文字后附加内容',
             name: 'innerAfter',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '输入框前附加内容',
             name: 'addonBefore',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '输入框后附加内容',
             name: 'addonAfter',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '输入框前附加文字',
             name: 'addonTextBefore',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '输入框后附加文字',
             name: 'addonTextAfter',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             defaultValue: 'off',
@@ -5500,16 +5165,12 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: Function {},
             name: 'inputRender',
             propType: 'func',
           },
           {
             name: 'extra',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             name: 'innerBeforeClassName',
@@ -5536,6 +5197,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Password',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -5558,6 +5220,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'TextArea',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -5620,6 +5283,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Group',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -5646,18 +5310,12 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '输入框前附加内容',
             name: 'addonBefore',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '输入框前附加内容css',
@@ -5667,10 +5325,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '输入框后附加内容',
             name: 'addonAfter',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '输入框后额外css',
@@ -5688,6 +5343,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Loading',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -5793,6 +5449,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Menu',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -5824,13 +5481,9 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '菜单项和子菜单',
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
-            defaultValue: Function {},
             description: '点击菜单项触发的回调函数',
             name: 'onItemClick',
             propType: 'func',
@@ -5842,10 +5495,7 @@ Generated by [AVA](https://avajs.dev).
               type: 'oneOfType',
               value: [
                 'string',
-                {
-                  type: 'instanceOf',
-                  value: 'array',
-                },
+                'array',
               ],
             },
           },
@@ -5857,10 +5507,7 @@ Generated by [AVA](https://avajs.dev).
               type: 'oneOfType',
               value: [
                 'string',
-                {
-                  type: 'instanceOf',
-                  value: 'array',
-                },
+                'array',
               ],
             },
           },
@@ -5871,7 +5518,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: Function {},
             description: '打开或关闭子菜单触发的回调函数',
             name: 'onOpen',
             propType: 'func',
@@ -5948,7 +5594,7 @@ Generated by [AVA](https://avajs.dev).
             },
           },
           {
-            defaultValue: undefined,
+            defaultValue: {},
             description: '弹层自定义 props',
             name: 'popupProps',
             propType: {
@@ -5976,10 +5622,7 @@ Generated by [AVA](https://avajs.dev).
               type: 'oneOfType',
               value: [
                 'string',
-                {
-                  type: 'instanceOf',
-                  value: 'array',
-                },
+                'array',
               ],
             },
           },
@@ -5991,15 +5634,11 @@ Generated by [AVA](https://avajs.dev).
               type: 'oneOfType',
               value: [
                 'string',
-                {
-                  type: 'instanceOf',
-                  value: 'array',
-                },
+                'array',
               ],
             },
           },
           {
-            defaultValue: Function {},
             description: '选中或取消选中菜单项触发的回调函数',
             name: 'onSelect',
             propType: 'func',
@@ -6075,18 +5714,12 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '自定义菜单头部',
             name: 'header',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '自定义菜单尾部',
             name: 'footer',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             defaultValue: false,
@@ -6105,7 +5738,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: Function {},
             name: 'onItemFocus',
             propType: 'func',
           },
@@ -6120,7 +5752,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: Function {},
             name: 'onItemKeyDown',
             propType: 'func',
           },
@@ -6139,6 +5770,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'SubMenu',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -6178,10 +5810,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '标签内容',
             name: 'label',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             defaultValue: false,
@@ -6203,10 +5832,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '菜单项或下一级子菜单',
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             name: 'onMouseEnter',
@@ -6256,6 +5882,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'SelectableItem',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -6295,18 +5922,12 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '帮助文本',
             name: 'helper',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '菜单项标签内容',
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             name: 'className',
@@ -6339,6 +5960,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'CheckboxItem',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -6368,7 +5990,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: Function {},
             description: '选中或取消选中触发的回调函数',
             name: 'onChange',
             propType: 'func',
@@ -6376,18 +5997,12 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '帮助文本',
             name: 'helper',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '标签内容',
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             defaultValue: false,
@@ -6400,6 +6015,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'RadioItem',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -6423,7 +6039,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: Function {},
             description: '选中或取消选中触发的回调函数',
             name: 'onChange',
             propType: 'func',
@@ -6431,18 +6046,12 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '帮助文本',
             name: 'helper',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '标签内容',
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
         ],
         screenshot: '',
@@ -6450,6 +6059,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'PopupItem',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -6493,18 +6103,12 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '标签内容',
             name: 'label',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '自定义弹层内容',
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             name: 'className',
@@ -6540,6 +6144,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Group',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -6561,18 +6166,12 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '标签内容',
             name: 'label',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '菜单项',
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             name: 'parentMode',
@@ -6590,6 +6189,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Divider',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -6614,6 +6214,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'MenuButton',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -6632,10 +6233,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '按钮上的文本内容',
             name: 'label',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             defaultValue: true,
@@ -6699,18 +6297,12 @@ Generated by [AVA](https://avajs.dev).
             defaultValue: [],
             description: '默认激活的菜单项（用法同 Menu 非受控）',
             name: 'defaultSelectedKeys',
-            propType: {
-              type: 'instanceOf',
-              value: 'array',
-            },
+            propType: 'array',
           },
           {
             description: '激活的菜单项（用法同 Menu 受控）',
             name: 'selectedKeys',
-            propType: {
-              type: 'instanceOf',
-              value: 'array',
-            },
+            propType: 'array',
           },
           {
             description: '菜单的选择模式，同 Menu',
@@ -6734,7 +6326,7 @@ Generated by [AVA](https://avajs.dev).
             propType: 'func',
           },
           {
-            defaultValue: undefined,
+            defaultValue: {},
             description: '菜单属性透传',
             name: 'menuProps',
             propType: 'object',
@@ -6757,6 +6349,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Message',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -6829,18 +6422,12 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '标题',
             name: 'title',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '内容',
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             defaultValue: true,
@@ -6865,13 +6452,11 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: Function {},
             description: '关闭按钮的回调',
             name: 'onClose',
             propType: 'func',
           },
           {
-            defaultValue: Function {},
             description: '关闭之后调用的函数',
             name: 'afterClose',
             propType: 'func',
@@ -6896,6 +6481,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Nav',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -6931,10 +6517,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '导航项和子导航',
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             defaultValue: 'normal',
@@ -7043,10 +6626,7 @@ Generated by [AVA](https://avajs.dev).
               type: 'oneOfType',
               value: [
                 'string',
-                {
-                  type: 'instanceOf',
-                  value: 'array',
-                },
+                'array',
               ],
             },
           },
@@ -7058,10 +6638,7 @@ Generated by [AVA](https://avajs.dev).
               type: 'oneOfType',
               value: [
                 'string',
-                {
-                  type: 'instanceOf',
-                  value: 'array',
-                },
+                'array',
               ],
             },
           },
@@ -7107,18 +6684,12 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '自定义导航头部',
             name: 'header',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '自定义导航尾部',
             name: 'footer',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             defaultValue: false,
@@ -7127,7 +6698,7 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: undefined,
+            defaultValue: {},
             name: 'popupProps',
             propType: 'object',
           },
@@ -7137,6 +6708,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Item',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -7154,20 +6726,14 @@ Generated by [AVA](https://avajs.dev).
               type: 'oneOfType',
               value: [
                 'string',
-                {
-                  type: 'instanceOf',
-                  value: 'node',
-                },
+                'node',
               ],
             },
           },
           {
             description: '导航内容',
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             name: 'parentMode',
@@ -7185,6 +6751,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Group',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -7203,18 +6770,12 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '标签内容',
             name: 'label',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '导航项和子导航',
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
         ],
         screenshot: '',
@@ -7222,6 +6783,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'SubNav',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -7244,20 +6806,14 @@ Generated by [AVA](https://avajs.dev).
               type: 'oneOfType',
               value: [
                 'string',
-                {
-                  type: 'instanceOf',
-                  value: 'node',
-                },
+                'node',
               ],
             },
           },
           {
             description: '标签内容',
             name: 'label',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             defaultValue: false,
@@ -7268,10 +6824,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '导航项和子导航',
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
         ],
         screenshot: '',
@@ -7279,6 +6832,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'PopupItem',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -7301,28 +6855,19 @@ Generated by [AVA](https://avajs.dev).
               type: 'oneOfType',
               value: [
                 'string',
-                {
-                  type: 'instanceOf',
-                  value: 'node',
-                },
+                'node',
               ],
             },
           },
           {
             description: '标签内容',
             name: 'label',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '弹出内容',
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
         ],
         screenshot: '',
@@ -7330,6 +6875,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'NumberPicker',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -7461,7 +7007,7 @@ Generated by [AVA](https://avajs.dev).
             propType: 'string',
           },
           {
-            defaultValue: undefined,
+            defaultValue: {},
             description: '自定义内联样式',
             name: 'style',
             propType: 'object',
@@ -7493,18 +7039,12 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '内联 label',
             name: 'label',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: 'inner after',
             name: 'innerAfter',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             name: 'rtl',
@@ -7538,6 +7078,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Overlay',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -7610,10 +7151,7 @@ Generated by [AVA](https://avajs.dev).
             ],
             description: '弹层相对于trigger的定位的微调, 接收数组[hoz, ver], 表示弹层在 left / top 上的增量',
             name: 'offset',
-            propType: {
-              type: 'instanceOf',
-              value: 'array',
-            },
+            propType: 'array',
           },
           {
             description: '渲染组件的容器，如果是函数需要返回 ref，如果是字符串则是该 DOM 的 id，也可以直接传入 DOM 节点',
@@ -7749,7 +7287,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'func',
           },
           {
-            defaultValue: Function {},
             name: 'onClick',
             propType: 'func',
           },
@@ -7769,6 +7306,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Gateway',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -7781,13 +7319,9 @@ Generated by [AVA](https://avajs.dev).
         props: [
           {
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
-            defaultValue: Function {},
             name: 'container',
             propType: 'any',
           },
@@ -7801,6 +7335,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Position',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -7813,10 +7348,7 @@ Generated by [AVA](https://avajs.dev).
         props: [
           {
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             name: 'target',
@@ -7843,10 +7375,7 @@ Generated by [AVA](https://avajs.dev).
               0,
             ],
             name: 'offset',
-            propType: {
-              type: 'instanceOf',
-              value: 'array',
-            },
+            propType: 'array',
           },
           {
             name: 'beforePosition',
@@ -7887,6 +7416,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Popup',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -7900,18 +7430,12 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '弹层内容',
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '触发弹层显示或隐藏的元素',
             name: 'trigger',
-            propType: {
-              type: 'instanceOf',
-              value: 'element',
-            },
+            propType: 'element',
           },
           {
             defaultValue: 'hover',
@@ -7921,10 +7445,7 @@ Generated by [AVA](https://avajs.dev).
               type: 'oneOfType',
               value: [
                 'string',
-                {
-                  type: 'instanceOf',
-                  value: 'array',
-                },
+                'array',
               ],
             },
           },
@@ -7935,10 +7456,7 @@ Generated by [AVA](https://avajs.dev).
               type: 'oneOfType',
               value: [
                 'number',
-                {
-                  type: 'instanceOf',
-                  value: 'array',
-                },
+                'array',
               ],
             },
           },
@@ -7997,7 +7515,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: Function {},
             name: 'container',
             propType: 'any',
           },
@@ -8020,6 +7537,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Pagination',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -8117,7 +7635,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'number',
           },
           {
-            defaultValue: Function {},
             description: '页码发生改变时的回调函数',
             name: 'onChange',
             propType: 'func',
@@ -8159,7 +7676,6 @@ Generated by [AVA](https://avajs.dev).
             },
           },
           {
-            defaultValue: Function {},
             description: '自定义页码渲染函数，函数作用于页码button以及当前页/总页数的数字渲染',
             name: 'pageNumberRender',
             propType: 'func',
@@ -8183,7 +7699,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: Function {},
             description: '每页显示记录数量改变时的回调函数',
             name: 'onPageSizeChange',
             propType: 'func',
@@ -8206,7 +7721,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'string',
           },
           {
-            defaultValue: Function {},
             name: 'selectPopupContiner',
             propType: 'any',
           },
@@ -8221,6 +7735,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Paragraph',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -8275,6 +7790,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Progress',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -8347,7 +7863,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: Function {},
             description: '文本渲染函数',
             name: 'textRender',
             propType: 'func',
@@ -8372,6 +7887,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Radio',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -8410,10 +7926,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '通过属性配置label',
             name: 'label',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '状态变化时触发的事件',
@@ -8477,6 +7990,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'RadioGroup',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -8545,7 +8059,6 @@ Generated by [AVA](https://avajs.dev).
             },
           },
           {
-            defaultValue: Function {},
             description: '选中值改变时的事件',
             name: 'onChange',
             propType: 'func',
@@ -8607,6 +8120,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Range',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -8698,7 +8212,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: Function {},
             description: '自定义 tip 显示内容',
             name: 'tipRender',
             propType: 'func',
@@ -8754,6 +8267,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Rating',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -8828,7 +8342,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: Function {},
             description: '评分文案生成方法，传入id支持无障碍时，读屏软件可读',
             name: 'readAs',
             propType: 'func',
@@ -8882,6 +8395,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Search',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -8971,10 +8485,7 @@ Generated by [AVA](https://avajs.dev).
             defaultValue: [],
             description: '选择器',
             name: 'filter',
-            propType: {
-              type: 'instanceOf',
-              value: 'array',
-            },
+            propType: 'array',
           },
           {
             description: '选择器值',
@@ -8989,10 +8500,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '搜索框下拉联想列表',
             name: 'dataSource',
-            propType: {
-              type: 'instanceOf',
-              value: 'array',
-            },
+            propType: 'array',
           },
           {
             description: '默认提示',
@@ -9002,10 +8510,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: 'button 的内容',
             name: 'searchText',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '自定义样式',
@@ -9023,7 +8528,7 @@ Generated by [AVA](https://avajs.dev).
             propType: 'object',
           },
           {
-            defaultValue: undefined,
+            defaultValue: {},
             description: '按钮的额外属性',
             name: 'buttonProps',
             propType: 'object',
@@ -9031,10 +8536,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '自定义渲染的的下拉框',
             name: 'popupContent',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '是否跟随滚动',
@@ -9078,6 +8580,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Select',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -9171,7 +8674,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: Function {},
             description: '渲染 Select 展现内容的方法',
             name: 'valueRender',
             propType: 'func',
@@ -9184,10 +8686,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '弹层内容为空的文案',
             name: 'notFoundContent',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             name: 'style',
@@ -9256,6 +8755,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Select',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -9349,7 +8849,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: Function {},
             description: '渲染 Select 展现内容的方法',
             name: 'valueRender',
             propType: 'func',
@@ -9362,10 +8861,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '弹层内容为空的文案',
             name: 'notFoundContent',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             name: 'style',
@@ -9434,6 +8930,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Slider',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -9535,19 +9032,13 @@ Generated by [AVA](https://avajs.dev).
             defaultValue: null,
             description: '向后箭头',
             name: 'nextArrow',
-            propType: {
-              type: 'instanceOf',
-              value: 'element',
-            },
+            propType: 'element',
           },
           {
             defaultValue: null,
             description: '向前箭头',
             name: 'prevArrow',
-            propType: {
-              type: 'instanceOf',
-              value: 'element',
-            },
+            propType: 'element',
           },
           {
             defaultValue: false,
@@ -9659,13 +9150,11 @@ Generated by [AVA](https://avajs.dev).
             },
           },
           {
-            defaultValue: Function {},
             description: '轮播切换的回调函数',
             name: 'onChange',
             propType: 'func',
           },
           {
-            defaultValue: Function {},
             name: 'onBeforeChange',
             propType: 'func',
           },
@@ -9770,6 +9259,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'SplitButton',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -9818,10 +9308,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '主按钮的文案',
             name: 'label',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '设置标签类型',
@@ -9851,18 +9338,12 @@ Generated by [AVA](https://avajs.dev).
             defaultValue: [],
             description: '默认激活的菜单项（用法同 Menu 非受控）',
             name: 'defaultSelectedKeys',
-            propType: {
-              type: 'instanceOf',
-              value: 'array',
-            },
+            propType: 'array',
           },
           {
             description: '激活的菜单项（用法同 Menu 受控）',
             name: 'selectedKeys',
-            propType: {
-              type: 'instanceOf',
-              value: 'array',
-            },
+            propType: 'array',
           },
           {
             description: '菜单的选择模式',
@@ -9949,13 +9430,13 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: undefined,
+            defaultValue: {},
             description: '透传给 Menu 的属性',
             name: 'menuProps',
             propType: 'object',
           },
           {
-            defaultValue: undefined,
+            defaultValue: {},
             description: '透传给 左侧按钮 的属性',
             name: 'leftButtonProps',
             propType: 'object',
@@ -9974,6 +9455,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Step',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -10064,6 +9546,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'StepItem',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -10097,10 +9580,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '标题',
             name: 'title',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             name: 'direction',
@@ -10142,10 +9622,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '内容填充, shape为 arrow 时无效',
             name: 'content',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: 'StepItem 的自定义渲染, 会覆盖父节点设置的itemRender',
@@ -10197,7 +9674,6 @@ Generated by [AVA](https://avajs.dev).
             },
           },
           {
-            defaultValue: Function {},
             description: '点击步骤时的回调',
             name: 'onClick',
             propType: 'func',
@@ -10217,6 +9693,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Switch',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -10261,7 +9738,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'any',
           },
           {
-            defaultValue: Function {},
             description: '开关状态改变是触发此事件',
             name: 'onChange',
             propType: 'func',
@@ -10331,6 +9807,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Tab',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -10488,25 +9965,19 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '导航栏附加内容',
             name: 'extra',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
-            defaultValue: Function {},
             description: '点击单个选项卡时触发的回调',
             name: 'onClick',
             propType: 'func',
           },
           {
-            defaultValue: Function {},
             description: '选项卡发生切换时的事件回调',
             name: 'onChange',
             propType: 'func',
           },
           {
-            defaultValue: Function {},
             description: '选项卡被关闭时的事件回调',
             name: 'onClose',
             propType: 'func',
@@ -10535,6 +10006,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'TabItem',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -10553,10 +10025,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '选项卡标题',
             name: 'title',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             defaultValue: false,
@@ -10591,6 +10060,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'TabItem',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -10609,10 +10079,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '选项卡标题',
             name: 'title',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             defaultValue: false,
@@ -10647,6 +10114,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'TimePicker',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -10670,10 +10138,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '按钮的文案',
             name: 'label',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '输入框状态',
@@ -10694,18 +10159,12 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '时间值（moment 对象或时间字符串，受控状态使用）',
             name: 'value',
-            propType: {
-              type: 'instanceOf',
-              value: 'custom',
-            },
+            propType: 'any',
           },
           {
             description: '时间初值（moment 对象或时间字符串，非受控状态使用）',
             name: 'defaultValue',
-            propType: {
-              type: 'instanceOf',
-              value: 'custom',
-            },
+            propType: 'any',
           },
           {
             defaultValue: 'medium',
@@ -10860,17 +10319,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'popupComponent',
-            propType: {
-              type: 'instanceOf',
-              value: 'elementType',
-            },
+            propType: 'any',
           },
           {
             name: 'popupContent',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             name: 'locale',
@@ -10881,6 +10334,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Timeline',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -10906,10 +10360,7 @@ Generated by [AVA](https://avajs.dev).
             defaultValue: [],
             description: '自定义折叠选项 示例`[{foldArea: [startIndex, endIndex], foldShow: boolean}]`',
             name: 'fold',
-            propType: {
-              type: 'instanceOf',
-              value: 'array',
-            },
+            propType: 'array',
           },
           {
             description: '自定义类名',
@@ -10935,6 +10386,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'TimelineItem',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -10988,45 +10440,29 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '自定义时间轴节点',
             name: 'dot',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '格式化后的时间',
             name: 'time',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '标题',
             name: 'title',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '左侧时间',
             name: 'timeLeft',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '右侧内容',
             name: 'content',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
-            defaultValue: Function {},
             name: 'toggleFold',
             propType: 'func',
           },
@@ -11050,6 +10486,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Transfer',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -11114,7 +10551,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: Function {},
             description: '列表项渲染函数',
             name: 'itemRender',
             propType: 'func',
@@ -11126,13 +10562,11 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: Function {},
             description: '自定义搜索函数',
             name: 'filter',
             propType: 'func',
           },
           {
-            defaultValue: Function {},
             description: '搜索框输入时触发的回调函数',
             name: 'onSearch',
             propType: 'func',
@@ -11146,10 +10580,7 @@ Generated by [AVA](https://avajs.dev).
             defaultValue: 'Not Found',
             description: '列表为空显示内容',
             name: 'notFoundContent',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '左右面板列表自定义样式类名',
@@ -11168,7 +10599,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: Function {},
             description: '拖拽排序时触发的回调函数',
             name: 'onSort',
             propType: 'func',
@@ -11194,6 +10624,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Tree',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -11226,18 +10657,12 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '树节点',
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '数据源，该属性优先级高于 children',
             name: 'dataSource',
-            propType: {
-              type: 'instanceOf',
-              value: 'array',
-            },
+            propType: 'array',
           },
           {
             defaultValue: false,
@@ -11357,7 +10782,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'func',
           },
           {
-            defaultValue: Function {},
             description: '节点是否可被作为拖拽的目标节点',
             name: 'canDrop',
             propType: 'func',
@@ -11439,6 +10863,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'TreeNode',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -11469,19 +10894,13 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '树节点',
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             defaultValue: '---',
             description: '节点文本内容',
             name: 'label',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '单独设置是否支持选中，覆盖 Tree 的 selectable',
@@ -11580,6 +10999,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'TreeSelect',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -11607,10 +11027,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '树节点',
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             defaultValue: 'medium',
@@ -11657,10 +11074,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '自定义内联 label',
             name: 'label',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '是否只读，只读模式下可以展开弹层但不能选择',
@@ -11674,7 +11088,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: Function {},
             description: '选中值改变时触发的回调函数',
             name: 'onChange',
             propType: 'func',
@@ -11686,13 +11099,11 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: Function {},
             description: '在搜索框中输入时触发的回调函数',
             name: 'onSearch',
             propType: 'func',
           },
           {
-            defaultValue: Function {},
             name: 'onSearchClear',
             propType: 'func',
           },
@@ -11700,10 +11111,7 @@ Generated by [AVA](https://avajs.dev).
             defaultValue: 'Not Found',
             description: '无数据时显示内容',
             name: 'notFoundContent',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             defaultValue: false,
@@ -11748,7 +11156,7 @@ Generated by [AVA](https://avajs.dev).
             propType: 'func',
           },
           {
-            defaultValue: undefined,
+            defaultValue: {},
             description: '透传到 Tree 的属性对象',
             name: 'treeProps',
             propType: 'object',
@@ -11765,7 +11173,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: Function {},
             description: '下拉框显示或关闭时触发事件的回调函数',
             name: 'onVisibleChange',
             propType: 'func',
@@ -11811,6 +11218,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Typography',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -11825,10 +11233,7 @@ Generated by [AVA](https://avajs.dev).
             defaultValue: 'article',
             description: '设置标签类型',
             name: 'component',
-            propType: {
-              type: 'instanceOf',
-              value: 'elementType',
-            },
+            propType: 'any',
           },
         ],
         screenshot: '',
@@ -11836,6 +11241,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Paragraph',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -11855,10 +11261,7 @@ Generated by [AVA](https://avajs.dev).
             defaultValue: 'p',
             description: '设置标签类型',
             name: 'component',
-            propType: {
-              type: 'instanceOf',
-              value: 'elementType',
-            },
+            propType: 'any',
           },
           {
             defaultValue: 'long',
@@ -11874,6 +11277,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Text',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -11923,17 +11327,11 @@ Generated by [AVA](https://avajs.dev).
             defaultValue: 'span',
             description: '设置标签类型',
             name: 'component',
-            propType: {
-              type: 'instanceOf',
-              value: 'elementType',
-            },
+            propType: 'any',
           },
           {
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             defaultValue: false,
@@ -11946,6 +11344,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Upload',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -11970,18 +11369,12 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '文件列表',
             name: 'value',
-            propType: {
-              type: 'instanceOf',
-              value: 'array',
-            },
+            propType: 'array',
           },
           {
             description: '默认文件列表',
             name: 'defaultValue',
-            propType: {
-              type: 'instanceOf',
-              value: 'array',
-            },
+            propType: 'array',
           },
           {
             description: '上传按钮形状',
@@ -12119,10 +11512,7 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '子元素',
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             defaultValue: true,
@@ -12160,6 +11550,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Card',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -12188,10 +11579,7 @@ Generated by [AVA](https://avajs.dev).
             propType: {
               type: 'oneOfType',
               value: [
-                {
-                  type: 'instanceOf',
-                  value: 'array',
-                },
+                'array',
                 'object',
               ],
             },
@@ -12201,10 +11589,7 @@ Generated by [AVA](https://avajs.dev).
             propType: {
               type: 'oneOfType',
               value: [
-                {
-                  type: 'instanceOf',
-                  value: 'array',
-                },
+                'array',
                 'object',
               ],
             },
@@ -12235,6 +11620,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Dragger',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -12285,17 +11671,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'defaultValue',
-            propType: {
-              type: 'instanceOf',
-              value: 'array',
-            },
+            propType: 'array',
           },
           {
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             name: 'listType',
@@ -12311,6 +11691,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Selecter',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -12376,10 +11757,7 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             defaultValue: 'file',
@@ -12392,6 +11770,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Card',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -12420,10 +11799,7 @@ Generated by [AVA](https://avajs.dev).
             propType: {
               type: 'oneOfType',
               value: [
-                {
-                  type: 'instanceOf',
-                  value: 'array',
-                },
+                'array',
                 'object',
               ],
             },
@@ -12433,10 +11809,7 @@ Generated by [AVA](https://avajs.dev).
             propType: {
               type: 'oneOfType',
               value: [
-                {
-                  type: 'instanceOf',
-                  value: 'array',
-                },
+                'array',
                 'object',
               ],
             },
@@ -12467,6 +11840,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Dragger',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -12517,17 +11891,11 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'defaultValue',
-            propType: {
-              type: 'instanceOf',
-              value: 'array',
-            },
+            propType: 'array',
           },
           {
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             name: 'listType',
@@ -12543,6 +11911,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'List',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -12580,10 +11949,7 @@ Generated by [AVA](https://avajs.dev).
             defaultValue: [],
             description: '文件列表',
             name: 'value',
-            propType: {
-              type: 'instanceOf',
-              value: 'array',
-            },
+            propType: 'array',
           },
           {
             defaultValue: false,
@@ -12616,17 +11982,14 @@ Generated by [AVA](https://avajs.dev).
             propType: 'func',
           },
           {
-            defaultValue: undefined,
+            defaultValue: {},
             description: '透传给Progress props',
             name: 'progressProps',
             propType: 'object',
           },
           {
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             name: 'uploader',
@@ -12651,6 +12014,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'VirtualList',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -12715,6 +12079,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Divider',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -12775,6 +12140,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Avatar',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -12835,10 +12201,7 @@ Generated by [AVA](https://avajs.dev).
             propType: {
               type: 'oneOfType',
               value: [
-                {
-                  type: 'instanceOf',
-                  value: 'node',
-                },
+                'node',
                 'string',
               ],
             },
@@ -12869,6 +12232,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'ResponsiveGrid',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -12926,10 +12290,7 @@ Generated by [AVA](https://avajs.dev).
             defaultValue: 'div',
             description: '设置标签类型',
             name: 'component',
-            propType: {
-              type: 'instanceOf',
-              value: 'elementType',
-            },
+            propType: 'any',
           },
         ],
         screenshot: '',
@@ -12937,6 +12298,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Cell',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -12979,10 +12341,7 @@ Generated by [AVA](https://avajs.dev).
             defaultValue: 'div',
             description: '设置标签类型',
             name: 'component',
-            propType: {
-              type: 'instanceOf',
-              value: 'elementType',
-            },
+            propType: 'any',
           },
         ],
         screenshot: '',
@@ -12990,6 +12349,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Box',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -13076,6 +12436,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'List',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -13099,18 +12460,12 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '列表头部',
             name: 'header',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '列表尾部',
             name: 'footer',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             defaultValue: 'medium',
@@ -13144,6 +12499,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'ListItem',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -13162,34 +12518,22 @@ Generated by [AVA](https://avajs.dev).
           {
             description: '列表元素的标题',
             name: 'title',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '列表元素的描述内容',
             name: 'description',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '列表元素的头像 / 图标 / 图片内容',
             name: 'media',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             description: '额外内容',
             name: 'extra',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             name: 'className',
diff --git a/packages/material-parser/test/fixtures/__snapshots__/test/fusion.ts.snap b/packages/material-parser/test/fixtures/__snapshots__/test/fusion.ts.snap
index bdf4e9a44..febc954d1 100644
Binary files a/packages/material-parser/test/fixtures/__snapshots__/test/fusion.ts.snap and b/packages/material-parser/test/fixtures/__snapshots__/test/fusion.ts.snap differ
diff --git a/packages/material-parser/test/fixtures/__snapshots__/test/index.ts.md b/packages/material-parser/test/fixtures/__snapshots__/test/index.ts.md
index aa1002dad..fa72fe846 100644
--- a/packages/material-parser/test/fixtures/__snapshots__/test/index.ts.md
+++ b/packages/material-parser/test/fixtures/__snapshots__/test/index.ts.md
@@ -11,6 +11,7 @@ Generated by [AVA](https://avajs.dev).
     [
       {
         componentName: 'AIMakeBlank',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -63,6 +64,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'AIMakeIcon',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -112,6 +114,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'AIMakeImage',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -139,6 +142,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'AIMakeLink',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -187,6 +191,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'AIMakePlaceholder',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -221,6 +226,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'AIMakeText',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -273,6 +279,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'Root',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -300,6 +307,7 @@ Generated by [AVA](https://avajs.dev).
     [
       {
         componentName: 'Demo',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: false,
@@ -312,10 +320,7 @@ Generated by [AVA](https://avajs.dev).
         props: [
           {
             name: 'optionalArray',
-            propType: {
-              type: 'instanceOf',
-              value: 'array',
-            },
+            propType: 'array',
           },
           {
             name: 'optionalBool',
@@ -344,24 +349,15 @@ Generated by [AVA](https://avajs.dev).
           },
           {
             name: 'optionalNode',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
+            propType: 'node',
           },
           {
             name: 'optionalElement',
-            propType: {
-              type: 'instanceOf',
-              value: 'element',
-            },
+            propType: 'element',
           },
           {
             name: 'optionalElementType',
-            propType: {
-              type: 'instanceOf',
-              value: 'elementType',
-            },
+            propType: 'any',
           },
           {
             name: 'optionalMessage',
@@ -486,6 +482,7 @@ Generated by [AVA](https://avajs.dev).
     [
       {
         componentName: 'default',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: false,
@@ -498,70 +495,7 @@ Generated by [AVA](https://avajs.dev).
         props: [
           {
             name: 'node',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'number',
-                false,
-                true,
-                'object',
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'P',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'T',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'type',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'props',
-                      propType: 'any',
-                    },
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'oneOfType',
-                  value: [],
-                },
-                {
-                  type: 'shape',
-                  value: [
-                    {
-                      name: 'key',
-                      propType: {
-                        type: 'oneOfType',
-                        value: [
-                          'string',
-                          'number',
-                        ],
-                      },
-                    },
-                    {
-                      name: 'children',
-                      propType: 'node',
-                    },
-                  ],
-                },
-              ],
-            },
+            propType: 'node',
           },
         ],
         screenshot: '',
@@ -569,6 +503,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'default',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: false,
diff --git a/packages/material-parser/test/fixtures/__snapshots__/test/index.ts.snap b/packages/material-parser/test/fixtures/__snapshots__/test/index.ts.snap
index 35f1b9215..d8fe96dcb 100644
Binary files a/packages/material-parser/test/fixtures/__snapshots__/test/index.ts.snap and b/packages/material-parser/test/fixtures/__snapshots__/test/index.ts.snap differ
diff --git a/packages/material-parser/test/fixtures/__snapshots__/test/online.ts.md b/packages/material-parser/test/fixtures/__snapshots__/test/online.ts.md
index 64491e157..b14df108f 100644
--- a/packages/material-parser/test/fixtures/__snapshots__/test/online.ts.md
+++ b/packages/material-parser/test/fixtures/__snapshots__/test/online.ts.md
@@ -4,199 +4,54 @@ The actual snapshot is saved in `online.ts.snap`.
 
 Generated by [AVA](https://avajs.dev).
 
-## materialize custom breadcrumb by online
+## materialize mc-hello by online
 
 > Snapshot 1
 
     [
       {
         componentName: 'default',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: false,
           exportName: 'default',
           main: 'lib/index.js',
-          package: 'mc-breadcrumb',
+          package: 'mc-hello',
           subName: '',
           version: '1.0.1',
         },
         props: [
           {
-            name: 'prefix',
+            name: 'color',
             propType: 'string',
           },
           {
-            name: 'rtl',
+            name: 'background',
+            propType: 'string',
+          },
+          {
+            defaultValue: false,
+            name: 'round',
             propType: 'bool',
           },
+          {
+            defaultValue: 200,
+            name: 'width',
+            propType: 'number',
+          },
+          {
+            defaultValue: 40,
+            name: 'height',
+            propType: 'number',
+          },
           {
             name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'custom',
-            },
-          },
-          {
-            name: 'maxNode',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'number',
-                {
-                  type: 'oneOf',
-                  value: [
-                    'auto',
-                  ],
-                },
-              ],
-            },
-          },
-          {
-            name: 'separator',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                {
-                  type: 'instanceOf',
-                  value: 'node',
-                },
-                'string',
-              ],
-            },
-          },
-          {
-            name: 'component',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'string',
-                'func',
-              ],
-            },
-          },
-          {
-            name: 'className',
-            propType: 'any',
-          },
-          {
-            name: 'locale',
-            propType: 'object',
-          },
-          {
-            name: 'pure',
-            propType: 'bool',
-          },
-          {
-            name: 'device',
-            propType: {
-              type: 'oneOf',
-              value: [
-                'tablet',
-                'desktop',
-                'phone',
-              ],
-            },
-          },
-          {
-            name: 'popupContainer',
-            propType: 'any',
-          },
-          {
-            name: 'errorBoundary',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'bool',
-                'object',
-              ],
-            },
+            propType: 'node',
           },
         ],
         screenshot: '',
-        title: 'mc-breadcrumb',
-      },
-      {
-        componentName: 'Item',
-        docUrl: '',
-        npm: {
-          destructuring: false,
-          exportName: 'default',
-          main: 'lib/index.js',
-          package: 'mc-breadcrumb',
-          subName: 'Item',
-          version: '1.0.1',
-        },
-        props: [
-          {
-            name: 'prefix',
-            propType: 'string',
-          },
-          {
-            name: 'rtl',
-            propType: 'bool',
-          },
-          {
-            name: 'link',
-            propType: 'string',
-          },
-          {
-            name: 'activated',
-            propType: 'bool',
-          },
-          {
-            name: 'separator',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
-          },
-          {
-            name: 'className',
-            propType: 'any',
-          },
-          {
-            name: 'children',
-            propType: {
-              type: 'instanceOf',
-              value: 'node',
-            },
-          },
-          {
-            name: 'locale',
-            propType: 'object',
-          },
-          {
-            name: 'pure',
-            propType: 'bool',
-          },
-          {
-            name: 'device',
-            propType: {
-              type: 'oneOf',
-              value: [
-                'tablet',
-                'desktop',
-                'phone',
-              ],
-            },
-          },
-          {
-            name: 'popupContainer',
-            propType: 'any',
-          },
-          {
-            name: 'errorBoundary',
-            propType: {
-              type: 'oneOfType',
-              value: [
-                'bool',
-                'object',
-              ],
-            },
-          },
-        ],
-        screenshot: '',
-        title: 'mc-breadcrumb',
+        title: 'mc-hello',
       },
     ]
 
@@ -207,6 +62,7 @@ Generated by [AVA](https://avajs.dev).
     [
       {
         componentName: 'BlockPicker',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -239,7 +95,6 @@ Generated by [AVA](https://avajs.dev).
             },
           },
           {
-            defaultValue: {},
             name: 'styles',
             propType: 'object',
           },
@@ -249,6 +104,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'CirclePicker',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -281,7 +137,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'number',
           },
           {
-            defaultValue: {},
             name: 'styles',
             propType: 'object',
           },
@@ -291,6 +146,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'default',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: false,
@@ -318,7 +174,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: {},
             name: 'styles',
             propType: 'object',
           },
@@ -339,6 +194,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'ChromePicker',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -366,7 +222,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'bool',
           },
           {
-            defaultValue: {},
             name: 'styles',
             propType: 'object',
           },
@@ -387,6 +242,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'CompactPicker',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -398,7 +254,6 @@ Generated by [AVA](https://avajs.dev).
         },
         props: [
           {
-            defaultValue: {},
             name: 'styles',
             propType: 'object',
           },
@@ -408,6 +263,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'GithubPicker',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -443,7 +299,6 @@ Generated by [AVA](https://avajs.dev).
             },
           },
           {
-            defaultValue: {},
             name: 'styles',
             propType: 'object',
           },
@@ -453,6 +308,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'HuePicker',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -464,7 +320,6 @@ Generated by [AVA](https://avajs.dev).
         },
         props: [
           {
-            defaultValue: {},
             name: 'styles',
             propType: 'object',
           },
@@ -474,6 +329,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'PhotoshopPicker',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -489,7 +345,6 @@ Generated by [AVA](https://avajs.dev).
             propType: 'string',
           },
           {
-            defaultValue: {},
             name: 'styles',
             propType: 'object',
           },
@@ -499,6 +354,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'SketchPicker',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -526,7 +382,6 @@ Generated by [AVA](https://avajs.dev).
             },
           },
           {
-            defaultValue: {},
             name: 'styles',
             propType: 'object',
           },
@@ -536,6 +391,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'SliderPicker',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -547,7 +403,6 @@ Generated by [AVA](https://avajs.dev).
         },
         props: [
           {
-            defaultValue: {},
             name: 'styles',
             propType: 'object',
           },
@@ -557,6 +412,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'SwatchesPicker',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -590,7 +446,6 @@ Generated by [AVA](https://avajs.dev).
             },
           },
           {
-            defaultValue: {},
             name: 'styles',
             propType: 'object',
           },
@@ -600,6 +455,7 @@ Generated by [AVA](https://avajs.dev).
       },
       {
         componentName: 'TwitterPicker',
+        devMode: 'proCode',
         docUrl: '',
         npm: {
           destructuring: true,
@@ -633,7 +489,6 @@ Generated by [AVA](https://avajs.dev).
             },
           },
           {
-            defaultValue: {},
             name: 'styles',
             propType: 'object',
           },
diff --git a/packages/material-parser/test/fixtures/__snapshots__/test/online.ts.snap b/packages/material-parser/test/fixtures/__snapshots__/test/online.ts.snap
index 2480a8a4e..dde8d3673 100644
Binary files a/packages/material-parser/test/fixtures/__snapshots__/test/online.ts.snap and b/packages/material-parser/test/fixtures/__snapshots__/test/online.ts.snap differ
diff --git a/packages/material-parser/test/fixtures/antd-component/components/__tests__/util/domHook.ts b/packages/material-parser/test/fixtures/antd-component/components/__tests__/util/domHook.ts
index 26f4a0532..bd8c79ca7 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/__tests__/util/domHook.ts
+++ b/packages/material-parser/test/fixtures/antd-component/components/__tests__/util/domHook.ts
@@ -58,7 +58,7 @@ export function spyElementPrototypes<P extends {}>(Element: ElementType<P>, prop
 type FunctionPropertyNames<T> = {
   [K in keyof T]: T[K] extends (...args: any[]) => any ? K : never;
 }[keyof T] &
-  string;
+string;
 
 export function spyElementPrototype<P extends {}, K extends FunctionPropertyNames<P>>(
   Element: ElementType<P>,
diff --git a/packages/material-parser/test/fixtures/antd-component/components/_util/__tests__/unreachableException.test.js b/packages/material-parser/test/fixtures/antd-component/components/_util/__tests__/unreachableException.test.js
index f7620f1b1..c395ec883 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/_util/__tests__/unreachableException.test.js
+++ b/packages/material-parser/test/fixtures/antd-component/components/_util/__tests__/unreachableException.test.js
@@ -3,6 +3,6 @@ import UnreachableException from '../unreachableException';
 describe('UnreachableException', () => {
   it('error thrown matches snapshot', () => {
     const exception = new UnreachableException('some value');
-    expect(exception.message).toMatchInlineSnapshot(`"unreachable case: \\"some value\\""`);
+    expect(exception.message).toMatchInlineSnapshot('"unreachable case: \\"some value\\""');
   });
 });
diff --git a/packages/material-parser/test/fixtures/antd-component/components/_util/raf.ts b/packages/material-parser/test/fixtures/antd-component/components/_util/raf.ts
index 5cc7e6f0b..6659e3d7d 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/_util/raf.ts
+++ b/packages/material-parser/test/fixtures/antd-component/components/_util/raf.ts
@@ -4,11 +4,11 @@ interface RafMap {
   [id: number]: number;
 }
 
-let id: number = 0;
+let id = 0;
 const ids: RafMap = {};
 
 // Support call raf with delay specified frame
-export default function wrapperRaf(callback: () => void, delayFrames: number = 1): number {
+export default function wrapperRaf(callback: () => void, delayFrames = 1): number {
   const myId: number = id++;
   let restFrames: number = delayFrames;
 
diff --git a/packages/material-parser/test/fixtures/antd-component/components/_util/ref.ts b/packages/material-parser/test/fixtures/antd-component/components/_util/ref.ts
index 6221eb104..7161ed525 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/_util/ref.ts
+++ b/packages/material-parser/test/fixtures/antd-component/components/_util/ref.ts
@@ -8,7 +8,7 @@ export function fillRef<T>(ref: React.Ref<T>, node: T) {
   }
 }
 
-export function composeRef<T>(...refs: React.Ref<T>[]): React.Ref<T> {
+export function composeRef<T>(...refs: Array<React.Ref<T>>): React.Ref<T> {
   return (node: T) => {
     refs.forEach(ref => {
       fillRef(ref, node);
diff --git a/packages/material-parser/test/fixtures/antd-component/components/_util/styleChecker.tsx b/packages/material-parser/test/fixtures/antd-component/components/_util/styleChecker.tsx
index 6554faea8..359fd741e 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/_util/styleChecker.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/_util/styleChecker.tsx
@@ -1,4 +1,4 @@
-const isStyleSupport = (styleName: string | Array<string>): boolean => {
+const isStyleSupport = (styleName: string | string[]): boolean => {
   if (typeof window !== 'undefined' && window.document && window.document.documentElement) {
     const styleNameList = Array.isArray(styleName) ? styleName : [styleName];
     const { documentElement } = window.document;
diff --git a/packages/material-parser/test/fixtures/antd-component/components/_util/throttleByAnimationFrame.tsx b/packages/material-parser/test/fixtures/antd-component/components/_util/throttleByAnimationFrame.tsx
index 78e9ee036..704ff22d7 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/_util/throttleByAnimationFrame.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/_util/throttleByAnimationFrame.tsx
@@ -21,7 +21,7 @@ export default function throttleByAnimationFrame(fn: (...args: any[]) => void) {
 
 export function throttleByAnimationFrameDecorator() {
   // eslint-disable-next-line func-names
-  return function(target: any, key: string, descriptor: any) {
+  return function (target: any, key: string, descriptor: any) {
     const fn = descriptor.value;
     let definingProperty = false;
     return {
diff --git a/packages/material-parser/test/fixtures/antd-component/components/_util/type.ts b/packages/material-parser/test/fixtures/antd-component/components/_util/type.ts
index 303929d1e..5a0407e0e 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/_util/type.ts
+++ b/packages/material-parser/test/fixtures/antd-component/components/_util/type.ts
@@ -8,7 +8,7 @@ export const tupleNum = <T extends number[]>(...args: T) => args;
  * https://stackoverflow.com/a/59187769
  * Extract the type of an element of an array/tuple without performing indexing
  */
-export type ElementOf<T> = T extends (infer E)[] ? E : T extends readonly (infer E)[] ? E : never;
+export type ElementOf<T> = T extends Array<infer E> ? E : T extends ReadonlyArray<infer E> ? E : never;
 
 /**
  * https://github.com/Microsoft/TypeScript/issues/29729
diff --git a/packages/material-parser/test/fixtures/antd-component/components/_util/wave.tsx b/packages/material-parser/test/fixtures/antd-component/components/_util/wave.tsx
index 457eb8cd4..688e8fbb7 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/_util/wave.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/_util/wave.tsx
@@ -34,9 +34,9 @@ export default class Wave extends React.Component<{ insertExtraNode?: boolean }>
 
   private animationStartId: number;
 
-  private animationStart: boolean = false;
+  private animationStart = false;
 
-  private destroyed: boolean = false;
+  private destroyed = false;
 
   private csp?: CSPConfig;
 
diff --git a/packages/material-parser/test/fixtures/antd-component/components/alert/ErrorBoundary.tsx b/packages/material-parser/test/fixtures/antd-component/components/alert/ErrorBoundary.tsx
index ac1b4aa7c..e4231b3a9 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/alert/ErrorBoundary.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/alert/ErrorBoundary.tsx
@@ -7,13 +7,13 @@ interface ErrorBoundaryProps {
 }
 
 export default class ErrorBoundary extends React.Component<
-  ErrorBoundaryProps,
-  {
-    error?: Error | null;
-    info: {
-      componentStack?: string;
-    };
-  }
+ErrorBoundaryProps,
+{
+  error?: Error | null;
+  info: {
+    componentStack?: string;
+  };
+}
 > {
   state = {
     error: undefined,
diff --git a/packages/material-parser/test/fixtures/antd-component/components/anchor/Anchor.tsx b/packages/material-parser/test/fixtures/antd-component/components/anchor/Anchor.tsx
index dbf4f1375..3e655a41b 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/anchor/Anchor.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/anchor/Anchor.tsx
@@ -171,7 +171,7 @@ export default class Anchor extends React.Component<AnchorProps, AnchorState> {
       return activeLink;
     }
 
-    const linkSections: Array<Section> = [];
+    const linkSections: Section[] = [];
     const { getContainer } = this.props as AnchorDefaultProps;
     const container = getContainer();
     this.links.forEach((link) => {
diff --git a/packages/material-parser/test/fixtures/antd-component/components/auto-complete/index.tsx b/packages/material-parser/test/fixtures/antd-component/components/auto-complete/index.tsx
index d4dc2b9fe..d06416ce7 100755
--- a/packages/material-parser/test/fixtures/antd-component/components/auto-complete/index.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/auto-complete/index.tsx
@@ -29,7 +29,7 @@ export interface AutoCompleteProps
   dataSource?: DataSourceItemType[];
 }
 
-function isSelectOptionOrSelectOptGroup(child: any): Boolean {
+function isSelectOptionOrSelectOptGroup(child: any): boolean {
   return child && child.type && (child.type.isSelectOption || child.type.isSelectOptGroup);
 }
 
@@ -63,28 +63,28 @@ const AutoComplete: React.RefForwardingComponent<Select, AutoCompleteProps> = (p
   } else {
     optionChildren = dataSource
       ? dataSource.map((item) => {
-          if (React.isValidElement(item)) {
-            return item;
+        if (React.isValidElement(item)) {
+          return item;
+        }
+        switch (typeof item) {
+          case 'string':
+            return (
+              <Option key={item} value={item}>
+                {item}
+              </Option>
+            );
+          case 'object': {
+            const { value: optionValue } = item as DataSourceItemObject;
+            return (
+              <Option key={optionValue} value={optionValue}>
+                {(item as DataSourceItemObject).text}
+              </Option>
+            );
           }
-          switch (typeof item) {
-            case 'string':
-              return (
-                <Option key={item} value={item}>
-                  {item}
-                </Option>
-              );
-            case 'object': {
-              const { value: optionValue } = item as DataSourceItemObject;
-              return (
-                <Option key={optionValue} value={optionValue}>
-                  {(item as DataSourceItemObject).text}
-                </Option>
-              );
-            }
-            default:
-              throw new Error('AutoComplete[dataSource] only supports type `string[] | Object[]`.');
-          }
-        })
+          default:
+            throw new Error('AutoComplete[dataSource] only supports type `string[] | Object[]`.');
+        }
+      })
       : [];
   }
 
diff --git a/packages/material-parser/test/fixtures/antd-component/components/avatar/__tests__/Avatar.test.js b/packages/material-parser/test/fixtures/antd-component/components/avatar/__tests__/Avatar.test.js
index faceb7f08..63654cffb 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/avatar/__tests__/Avatar.test.js
+++ b/packages/material-parser/test/fixtures/antd-component/components/avatar/__tests__/Avatar.test.js
@@ -142,7 +142,7 @@ describe('Avatar Render', () => {
     expect(warnSpy).not.toHaveBeenCalled();
     mount(<Avatar size={64} icon="user" />);
     expect(warnSpy).toHaveBeenCalledWith(
-      `Warning: [antd: Avatar] \`icon\` is using ReactNode instead of string naming in v4. Please check \`user\` at https://ant.design/components/icon`,
+      'Warning: [antd: Avatar] `icon` is using ReactNode instead of string naming in v4. Please check `user` at https://ant.design/components/icon',
     );
     warnSpy.mockRestore();
   });
diff --git a/packages/material-parser/test/fixtures/antd-component/components/avatar/index.tsx b/packages/material-parser/test/fixtures/antd-component/components/avatar/index.tsx
index a911413b2..7f0e71fb9 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/avatar/index.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/avatar/index.tsx
@@ -133,11 +133,11 @@ export default class Avatar extends React.Component<AvatarProps, AvatarState> {
     const sizeStyle: React.CSSProperties =
       typeof size === 'number'
         ? {
-            width: size,
-            height: size,
-            lineHeight: `${size}px`,
-            fontSize: icon ? size / 2 : 18,
-          }
+          width: size,
+          height: size,
+          lineHeight: `${size}px`,
+          fontSize: icon ? size / 2 : 18,
+        }
         : {};
 
     let { children } = this.props;
@@ -158,8 +158,8 @@ export default class Avatar extends React.Component<AvatarProps, AvatarState> {
         const sizeChildrenStyle: React.CSSProperties =
           typeof size === 'number'
             ? {
-                lineHeight: `${size}px`,
-              }
+              lineHeight: `${size}px`,
+            }
             : {};
         children = (
           <span
diff --git a/packages/material-parser/test/fixtures/antd-component/components/badge/ScrollNumber.tsx b/packages/material-parser/test/fixtures/antd-component/components/badge/ScrollNumber.tsx
index ba1f5ab96..d2e5ec908 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/badge/ScrollNumber.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/badge/ScrollNumber.tsx
@@ -6,18 +6,18 @@ import { ConfigConsumer, ConfigConsumerProps } from '../config-provider';
 function getNumberArray(num: string | number | undefined | null) {
   return num
     ? num
-        .toString()
-        .split('')
-        .reverse()
-        .map(i => {
-          const current = Number(i);
-          return isNaN(current) ? i : current;
-        })
+      .toString()
+      .split('')
+      .reverse()
+      .map(i => {
+        const current = Number(i);
+        return isNaN(current) ? i : current;
+      })
     : [];
 }
 
 function renderNumberList(position: number, className: string) {
-  const childrenToReturn: React.ReactElement<any>[] = [];
+  const childrenToReturn: Array<React.ReactElement<any>> = [];
   for (let i = 0; i < 30; i++) {
     childrenToReturn.push(
       <p
diff --git a/packages/material-parser/test/fixtures/antd-component/components/badge/index.tsx b/packages/material-parser/test/fixtures/antd-component/components/badge/index.tsx
index 9aca29b8f..bd3676e78 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/badge/index.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/badge/index.tsx
@@ -68,14 +68,14 @@ export default class Badge extends React.Component<BadgeProps, any> {
     const { offset, style } = this.props;
     return offset
       ? {
-          right: -parseInt(offset[0] as string, 10),
-          marginTop: offset[1],
-          ...style,
-        }
+        right: -parseInt(offset[0] as string, 10),
+        marginTop: offset[1],
+        ...style,
+      }
       : style;
   }
 
-  getBadgeClassName(prefixCls: string, direction: string = 'ltr') {
+  getBadgeClassName(prefixCls: string, direction = 'ltr') {
     const { className, children } = this.props;
     return classNames(className, prefixCls, {
       [`${prefixCls}-status`]: this.hasStatus(),
diff --git a/packages/material-parser/test/fixtures/antd-component/components/breadcrumb/Breadcrumb.tsx b/packages/material-parser/test/fixtures/antd-component/components/breadcrumb/Breadcrumb.tsx
index af9a38316..2d43adf47 100755
--- a/packages/material-parser/test/fixtures/antd-component/components/breadcrumb/Breadcrumb.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/breadcrumb/Breadcrumb.tsx
@@ -12,7 +12,7 @@ import { Omit } from '../_util/type';
 export interface Route {
   path: string;
   breadcrumbName: string;
-  children?: Omit<Route, 'children'>[];
+  children?: Array<Omit<Route, 'children'>>;
 }
 
 export interface BreadcrumbProps {
@@ -23,8 +23,8 @@ export interface BreadcrumbProps {
   itemRender?: (
     route: Route,
     params: any,
-    routes: Array<Route>,
-    paths: Array<string>,
+    routes: Route[],
+    paths: string[],
   ) => React.ReactNode;
   style?: React.CSSProperties;
   className?: string;
@@ -65,7 +65,7 @@ export default class Breadcrumb extends React.Component<BreadcrumbProps, any> {
     return path;
   };
 
-  addChildPath = (paths: string[], childPath: string = '', params: any) => {
+  addChildPath = (paths: string[], childPath = '', params: any) => {
     const originalPaths = [...paths];
     const path = this.getPath(childPath, params);
     if (path) {
diff --git a/packages/material-parser/test/fixtures/antd-component/components/breadcrumb/__tests__/Breadcrumb.test.js b/packages/material-parser/test/fixtures/antd-component/components/breadcrumb/__tests__/Breadcrumb.test.js
index fe389ac9d..5f9e38597 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/breadcrumb/__tests__/Breadcrumb.test.js
+++ b/packages/material-parser/test/fixtures/antd-component/components/breadcrumb/__tests__/Breadcrumb.test.js
@@ -111,7 +111,7 @@ describe('Breadcrumb', () => {
   it('should accept undefined routes', () => {
     const wrapper = render(<Breadcrumb routes={undefined} />);
     expect(wrapper).toMatchSnapshot();
-   })
+  });
 
   it('props#linkRender and props#nameRender do not warn anymore', () => {
     const linkRender = jest.fn();
diff --git a/packages/material-parser/test/fixtures/antd-component/components/button/__tests__/type.test.tsx b/packages/material-parser/test/fixtures/antd-component/components/button/__tests__/type.test.tsx
index dcd4a8a52..086395102 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/button/__tests__/type.test.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/button/__tests__/type.test.tsx
@@ -245,7 +245,7 @@ describe('Button', () => {
     expect(warnSpy).not.toHaveBeenCalled();
     mount(<Button type="primary" icon="search" />);
     expect(warnSpy).toHaveBeenCalledWith(
-      `Warning: [antd: Button] \`icon\` is using ReactNode instead of string naming in v4. Please check \`search\` at https://ant.design/components/icon`,
+      'Warning: [antd: Button] `icon` is using ReactNode instead of string naming in v4. Please check `search` at https://ant.design/components/icon',
     );
     warnSpy.mockRestore();
   });
diff --git a/packages/material-parser/test/fixtures/antd-component/components/button/button.tsx b/packages/material-parser/test/fixtures/antd-component/components/button/button.tsx
index 0d3fdd962..8e6081587 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/button/button.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/button/button.tsx
@@ -44,7 +44,7 @@ function insertSpace(child: React.ReactChild, needInserted: boolean) {
 }
 
 function spaceChildren(children: React.ReactNode, needInserted: boolean) {
-  let isPrevChildPure: boolean = false;
+  let isPrevChildPure = false;
   const childList: React.ReactNode[] = [];
   React.Children.forEach(children, (child) => {
     const type = typeof child;
@@ -93,13 +93,13 @@ export type AnchorButtonProps = {
   target?: string;
   onClick?: React.MouseEventHandler<HTMLElement>;
 } & BaseButtonProps &
-  Omit<React.AnchorHTMLAttributes<any>, 'type' | 'onClick'>;
+Omit<React.AnchorHTMLAttributes<any>, 'type' | 'onClick'>;
 
 export type NativeButtonProps = {
   htmlType?: ButtonHTMLType;
   onClick?: React.MouseEventHandler<HTMLElement>;
 } & BaseButtonProps &
-  Omit<React.ButtonHTMLAttributes<any>, 'type' | 'onClick'>;
+Omit<React.ButtonHTMLAttributes<any>, 'type' | 'onClick'>;
 
 export type ButtonProps = Partial<AnchorButtonProps & NativeButtonProps>;
 
diff --git a/packages/material-parser/test/fixtures/antd-component/components/calendar/Header.tsx b/packages/material-parser/test/fixtures/antd-component/components/calendar/Header.tsx
index b6021f739..23a489a8a 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/calendar/Header.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/calendar/Header.tsx
@@ -42,7 +42,7 @@ function YearSelect<DateType>(props: SharedProps<DateType>) {
   }
 
   const suffix = locale && locale.year === '年' ? '年' : '';
-  const options: { label: string; value: number }[] = [];
+  const options: Array<{ label: string; value: number }> = [];
   for (let index = start; index < end; index++) {
     options.push({ label: `${index}${suffix}`, value: index });
   }
@@ -109,7 +109,7 @@ function MonthSelect<DateType>(props: SharedProps<DateType>) {
   }
 
   const months = locale.shortMonths || generateConfig.locale.getShortMonths!(locale.locale);
-  const options: { label: string; value: number }[] = [];
+  const options: Array<{ label: string; value: number }> = [];
   for (let index = start; index < end; index += 1) {
     options.push({
       label: months[index],
diff --git a/packages/material-parser/test/fixtures/antd-component/components/calendar/generateCalendar.tsx b/packages/material-parser/test/fixtures/antd-component/components/calendar/generateCalendar.tsx
index d57a26109..a55c39e86 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/calendar/generateCalendar.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/calendar/generateCalendar.tsx
@@ -15,8 +15,8 @@ import { ConfigContext } from '../config-provider';
 import CalendarHeader from './Header';
 
 type InjectDefaultProps<Props> = Omit<
-  Props,
-  'locale' | 'generateConfig' | 'prevIcon' | 'nextIcon' | 'superPrevIcon' | 'superNextIcon'
+Props,
+'locale' | 'generateConfig' | 'prevIcon' | 'nextIcon' | 'superPrevIcon' | 'superNextIcon'
 > & {
   locale?: typeof enUS;
   size?: 'large' | 'default' | 'small';
diff --git a/packages/material-parser/test/fixtures/antd-component/components/carousel/index.tsx b/packages/material-parser/test/fixtures/antd-component/components/carousel/index.tsx
index 8547440ef..9e5491dbf 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/carousel/index.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/carousel/index.tsx
@@ -16,10 +16,10 @@ export interface CarouselProps extends Omit<Settings, 'dots' | 'dotsClass'> {
   dotPosition?: DotPosition;
   children?: React.ReactNode;
   dots?:
-    | boolean
-    | {
-        className?: string;
-      };
+  | boolean
+  | {
+    className?: string;
+  };
 }
 
 export default class Carousel extends React.Component<CarouselProps, {}> {
diff --git a/packages/material-parser/test/fixtures/antd-component/components/cascader/index.tsx b/packages/material-parser/test/fixtures/antd-component/components/cascader/index.tsx
index 8fe32ef98..94966b393 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/cascader/index.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/cascader/index.tsx
@@ -23,7 +23,7 @@ export interface CascaderOptionType {
   disabled?: boolean;
   isLeaf?: boolean;
   loading?: boolean;
-  children?: Array<CascaderOptionType>;
+  children?: CascaderOptionType[];
   [key: string]: any;
 }
 
@@ -123,16 +123,14 @@ interface CascaderLocale {
 const defaultLimit = 50;
 
 function highlightKeyword(str: string, keyword: string, prefixCls: string | undefined) {
-  return str.split(keyword).map((node: string, index: number) =>
-    index === 0
-      ? node
-      : [
-          <span className={`${prefixCls}-menu-item-keyword`} key="seperator">
-            {keyword}
-          </span>,
-          node,
-        ],
-  );
+  return str.split(keyword).map((node: string, index: number) => (index === 0
+    ? node
+    : [
+      <span className={`${prefixCls}-menu-item-keyword`} key="seperator">
+        {keyword}
+      </span>,
+      node,
+    ]));
 }
 
 function defaultFilterOption(
@@ -369,7 +367,7 @@ class Cascader extends React.Component<CascaderProps, CascaderState> {
     const { flattenOptions = [], inputValue } = this.state;
 
     // Limit the filter if needed
-    let filtered: Array<CascaderOptionType[]>;
+    let filtered: CascaderOptionType[][];
     if (limit > 0) {
       filtered = [];
       let matchCount = 0;
@@ -424,7 +422,7 @@ class Cascader extends React.Component<CascaderProps, CascaderState> {
     this.input.blur();
   }
 
-  getPopupPlacement(direction: string = 'ltr') {
+  getPopupPlacement(direction = 'ltr') {
     const { popupPlacement } = this.props;
     if (popupPlacement !== undefined) {
       return popupPlacement;
@@ -522,8 +520,8 @@ class Cascader extends React.Component<CascaderProps, CascaderState> {
         const names: FilledFieldNamesType = getFilledFieldNames(this.props);
         if (options && options.length > 0) {
           if (state.inputValue) {
-             const filteredOptions = this.generateFilteredOptions(prefixCls, renderEmpty);
-             options = isEqual(filteredOptions, this.cachedOptions) ? this.cachedOptions : filteredOptions;
+            const filteredOptions = this.generateFilteredOptions(prefixCls, renderEmpty);
+            options = isEqual(filteredOptions, this.cachedOptions) ? this.cachedOptions : filteredOptions;
           }
         } else {
           options = [
diff --git a/packages/material-parser/test/fixtures/antd-component/components/checkbox/Group.tsx b/packages/material-parser/test/fixtures/antd-component/components/checkbox/Group.tsx
index 1c6f4889c..6cd656a3c 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/checkbox/Group.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/checkbox/Group.tsx
@@ -25,9 +25,9 @@ export interface AbstractCheckboxGroupProps {
 
 export interface CheckboxGroupProps extends AbstractCheckboxGroupProps {
   name?: string;
-  defaultValue?: Array<CheckboxValueType>;
-  value?: Array<CheckboxValueType>;
-  onChange?: (checkedValue: Array<CheckboxValueType>) => void;
+  defaultValue?: CheckboxValueType[];
+  value?: CheckboxValueType[];
+  onChange?: (checkedValue: CheckboxValueType[]) => void;
 }
 
 export interface CheckboxGroupState {
@@ -75,7 +75,7 @@ class CheckboxGroup extends React.PureComponent<CheckboxGroupProps, CheckboxGrou
   getOptions() {
     const { options } = this.props;
     // https://github.com/Microsoft/TypeScript/issues/7960
-    return (options as Array<CheckboxOptionType>).map(option => {
+    return (options as CheckboxOptionType[]).map(option => {
       if (typeof option === 'string') {
         return {
           label: option,
diff --git a/packages/material-parser/test/fixtures/antd-component/components/collapse/Collapse.tsx b/packages/material-parser/test/fixtures/antd-component/components/collapse/Collapse.tsx
index 0fe9c5322..0018c561c 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/collapse/Collapse.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/collapse/Collapse.tsx
@@ -53,8 +53,8 @@ export default class Collapse extends React.Component<CollapseProps, any> {
 
     return React.isValidElement(icon)
       ? React.cloneElement(icon as any, {
-          className: classNames(icon.props.className, `${prefixCls}-arrow`),
-        })
+        className: classNames(icon.props.className, `${prefixCls}-arrow`),
+      })
       : icon;
   };
 
diff --git a/packages/material-parser/test/fixtures/antd-component/components/comment/index.tsx b/packages/material-parser/test/fixtures/antd-component/components/comment/index.tsx
index 3287d24ec..6f097cfe7 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/comment/index.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/comment/index.tsx
@@ -13,7 +13,7 @@ function getAction(actions: React.ReactNode[]) {
 
 export interface CommentProps {
   /** List of action items rendered below the comment content */
-  actions?: Array<React.ReactNode>;
+  actions?: React.ReactNode[];
   /** The element to display as the comment author. */
   author?: React.ReactNode;
   /** The element to display as the comment avatar - generally an antd Avatar */
diff --git a/packages/material-parser/test/fixtures/antd-component/components/config-provider/__tests__/locale.test.js b/packages/material-parser/test/fixtures/antd-component/components/config-provider/__tests__/locale.test.js
index 2aaea237f..cd35e53e7 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/config-provider/__tests__/locale.test.js
+++ b/packages/material-parser/test/fixtures/antd-component/components/config-provider/__tests__/locale.test.js
@@ -8,10 +8,9 @@ import TimePicker from '../../time-picker';
 import Modal from '../../modal';
 import Form from '../../form';
 
-const delay = (timeout = 0) =>
-  new Promise(resolve => {
-    setTimeout(resolve, timeout);
-  });
+const delay = (timeout = 0) => new Promise(resolve => {
+  setTimeout(resolve, timeout);
+});
 
 describe('ConfigProvider.Locale', () => {
   function $$(className) {
@@ -112,19 +111,18 @@ describe('ConfigProvider.Locale', () => {
   });
 
   describe('form validateMessages', () => {
-    const wrapperComponent = ({ validateMessages }) =>
-      mount(
-        <ConfigProvider locale={zhCN} form={{ validateMessages }}>
-          <Form initialValues={{ age: 18 }}>
-            <Form.Item name="test" label="姓名" rules={[{ required: true }]}>
-              <input />
-            </Form.Item>
-            <Form.Item name="age" label="年龄" rules={[{ type: 'number', len: 17 }]}>
-              <input />
-            </Form.Item>
-          </Form>
-        </ConfigProvider>,
-      );
+    const wrapperComponent = ({ validateMessages }) => mount(
+      <ConfigProvider locale={zhCN} form={{ validateMessages }}>
+        <Form initialValues={{ age: 18 }}>
+          <Form.Item name="test" label="姓名" rules={[{ required: true }]}>
+            <input />
+          </Form.Item>
+          <Form.Item name="age" label="年龄" rules={[{ type: 'number', len: 17 }]}>
+            <input />
+          </Form.Item>
+        </Form>
+      </ConfigProvider>,
+    );
 
     it('set locale zhCN', async () => {
       const wrapper = wrapperComponent({});
diff --git a/packages/material-parser/test/fixtures/antd-component/components/date-picker/generatePicker/index.tsx b/packages/material-parser/test/fixtures/antd-component/components/date-picker/generatePicker/index.tsx
index 3496b08c5..16c4a1b58 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/date-picker/generatePicker/index.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/date-picker/generatePicker/index.tsx
@@ -62,15 +62,15 @@ export function getTimeProps<DateType>(
 }
 
 type InjectDefaultProps<Props> = Omit<
-  Props,
-  | 'locale'
-  | 'generateConfig'
-  | 'prevIcon'
-  | 'nextIcon'
-  | 'superPrevIcon'
-  | 'superNextIcon'
-  | 'hideHeader'
-  | 'components'
+Props,
+| 'locale'
+| 'generateConfig'
+| 'prevIcon'
+| 'nextIcon'
+| 'superPrevIcon'
+| 'superNextIcon'
+| 'hideHeader'
+| 'components'
 > & {
   locale?: PickerLocale;
   size?: SizeType;
diff --git a/packages/material-parser/test/fixtures/antd-component/components/descriptions/Row.tsx b/packages/material-parser/test/fixtures/antd-component/components/descriptions/Row.tsx
index 0bcc86252..25dd00fc7 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/descriptions/Row.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/descriptions/Row.tsx
@@ -10,7 +10,7 @@ interface CellConfig {
 }
 
 function renderCells(
-  items: React.ReactElement<DescriptionsItemProps>[],
+  items: Array<React.ReactElement<DescriptionsItemProps>>,
   { colon, prefixCls, bordered }: RowProps,
   { component, type, showLabel, showContent }: CellConfig,
 ) {
@@ -76,7 +76,7 @@ function renderCells(
 export interface RowProps {
   prefixCls: string;
   vertical: boolean;
-  row: React.ReactElement<DescriptionsItemProps>[];
+  row: Array<React.ReactElement<DescriptionsItemProps>>;
   bordered?: boolean;
   colon: boolean;
   index: number;
diff --git a/packages/material-parser/test/fixtures/antd-component/components/drawer/__tests__/Drawer.test.js b/packages/material-parser/test/fixtures/antd-component/components/drawer/__tests__/Drawer.test.js
index 5eca6c00d..89197bf13 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/drawer/__tests__/Drawer.test.js
+++ b/packages/material-parser/test/fixtures/antd-component/components/drawer/__tests__/Drawer.test.js
@@ -103,5 +103,5 @@ describe('Drawer', () => {
       </Drawer>,
     );
     expect(wrapper2.find('button.forceRender').length).toBe(1);
-  })
+  });
 });
diff --git a/packages/material-parser/test/fixtures/antd-component/components/dropdown/dropdown.tsx b/packages/material-parser/test/fixtures/antd-component/components/dropdown/dropdown.tsx
index b3c2fcf7a..bfcac0998 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/dropdown/dropdown.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/dropdown/dropdown.tsx
@@ -34,7 +34,7 @@ type Align = {
 };
 
 export interface DropDownProps {
-  trigger?: ('click' | 'hover' | 'contextMenu')[];
+  trigger?: Array<'click' | 'hover' | 'contextMenu'>;
   overlay: React.ReactElement | OverlayFunc;
   onVisibleChange?: (visible: boolean) => void;
   visible?: boolean;
@@ -108,16 +108,16 @@ export default class Dropdown extends React.Component<DropDownProps, any> {
       typeof overlayNode.type === 'string'
         ? overlay
         : React.cloneElement(overlayNode, {
-            mode: 'vertical',
-            selectable,
-            focusable,
-            expandIcon,
-          });
+          mode: 'vertical',
+          selectable,
+          focusable,
+          expandIcon,
+        });
 
     return fixedModeOverlay as React.ReactElement;
   };
 
-  getPlacement(direction: string = 'ltr') {
+  getPlacement(direction = 'ltr') {
     const { placement } = this.props;
     if (placement !== undefined) {
       return placement;
diff --git a/packages/material-parser/test/fixtures/antd-component/components/form/FormItem.tsx b/packages/material-parser/test/fixtures/antd-component/components/form/FormItem.tsx
index 3af930220..8013b5ec2 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/form/FormItem.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/form/FormItem.tsx
@@ -49,7 +49,7 @@ export interface FormItemProps extends FormItemLabelProps, FormItemInputProps, R
   fieldKey?: number;
 }
 
-function hasValidName(name?: NamePath): Boolean {
+function hasValidName(name?: NamePath): boolean {
   if (name === null) {
     warning(false, 'Form.Item', '`null` is passed as `name` property');
   }
@@ -94,7 +94,7 @@ function FormItem(props: FormItemProps): React.ReactElement {
   const hasName = hasValidName(name);
 
   // Cache Field NamePath
-  const nameRef = React.useRef<(string | number)[]>([]);
+  const nameRef = React.useRef<Array<string | number>>([]);
 
   // Should clean up if Field removed
   React.useEffect(() => {
@@ -111,13 +111,13 @@ function FormItem(props: FormItemProps): React.ReactElement {
   const updateChildItemErrors = noStyle
     ? updateItemErrors
     : (subName: string, subErrors: string[]) => {
-        if (!isEqual(inlineErrors[subName], subErrors)) {
-          setInlineErrors(prevInlineErrors => ({
-            ...prevInlineErrors,
-            [subName]: subErrors,
-          }));
-        }
-      };
+      if (!isEqual(inlineErrors[subName], subErrors)) {
+        setInlineErrors(prevInlineErrors => ({
+          ...prevInlineErrors,
+          [subName]: subErrors,
+        }));
+      }
+    };
 
   function renderLayout(
     baseChildren: React.ReactNode,
@@ -257,7 +257,7 @@ function FormItem(props: FormItemProps): React.ReactElement {
           required !== undefined
             ? required
             : !!(
-                rules &&
+              rules &&
                 rules.some(rule => {
                   if (rule && typeof rule === 'object' && rule.required) {
                     return true;
@@ -268,7 +268,7 @@ function FormItem(props: FormItemProps): React.ReactElement {
                   }
                   return false;
                 })
-              );
+            );
 
         // ======================= Children =======================
         const mergedControl: typeof control = {
diff --git a/packages/material-parser/test/fixtures/antd-component/components/form/FormList.tsx b/packages/material-parser/test/fixtures/antd-component/components/form/FormList.tsx
index a81f870c2..2f9ae87eb 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/form/FormList.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/form/FormList.tsx
@@ -16,7 +16,7 @@ interface Operation {
 }
 
 interface FormListProps {
-  name: string | number | (string | number)[];
+  name: string | number | Array<string | number>;
   children: (fields: FieldData[], operation: Operation) => React.ReactNode;
 }
 
diff --git a/packages/material-parser/test/fixtures/antd-component/components/form/__tests__/index.test.js b/packages/material-parser/test/fixtures/antd-component/components/form/__tests__/index.test.js
index 3b460b4bd..3fe987547 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/form/__tests__/index.test.js
+++ b/packages/material-parser/test/fixtures/antd-component/components/form/__tests__/index.test.js
@@ -10,10 +10,9 @@ import { sleep } from '../../../tests/utils';
 
 jest.mock('scroll-into-view-if-needed');
 
-const delay = (timeout = 0) =>
-  new Promise(resolve => {
-    setTimeout(resolve, timeout);
-  });
+const delay = (timeout = 0) => new Promise(resolve => {
+  setTimeout(resolve, timeout);
+});
 
 describe('Form', () => {
   mountTest(Form);
diff --git a/packages/material-parser/test/fixtures/antd-component/components/form/context.tsx b/packages/material-parser/test/fixtures/antd-component/components/form/context.tsx
index 73dfb8c3a..83fd6121e 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/form/context.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/form/context.tsx
@@ -39,7 +39,7 @@ export const FormItemContext = React.createContext<FormItemContextProps>({
  * Form Provider
  *
  */
-export interface FormProviderProps extends Omit<RcFormProviderProps, 'validateMessages'> {}
+export type FormProviderProps = Omit<RcFormProviderProps, 'validateMessages'>;
 
 export const FormProvider: React.FC<FormProviderProps> = props => {
   const providerProps = omit(props, ['prefixCls']);
diff --git a/packages/material-parser/test/fixtures/antd-component/components/form/util.ts b/packages/material-parser/test/fixtures/antd-component/components/form/util.ts
index 2ab1242cb..87706d7c8 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/form/util.ts
+++ b/packages/material-parser/test/fixtures/antd-component/components/form/util.ts
@@ -4,7 +4,7 @@ import { useForm as useRcForm, FormInstance as RcFormInstance } from 'rc-field-f
 import scrollIntoView from 'scroll-into-view-if-needed';
 import { ScrollOptions } from './interface';
 
-type InternalNamePath = (string | number)[];
+type InternalNamePath = Array<string | number>;
 
 /**
  * Always debounce error to avoid [error -> null -> error] blink
@@ -77,24 +77,23 @@ export function useForm(form?: FormInstance): [FormInstance] {
   const [rcForm] = useRcForm();
 
   const wrapForm: FormInstance = React.useMemo(
-    () =>
-      form || {
-        ...rcForm,
-        __INTERNAL__: {},
-        scrollToField: (name: string, options: ScrollOptions = {}) => {
-          const namePath = toArray(name);
-          const fieldId = getFieldId(namePath, wrapForm.__INTERNAL__.name);
-          const node: HTMLElement | null = fieldId ? document.getElementById(fieldId) : null;
+    () => form || {
+      ...rcForm,
+      __INTERNAL__: {},
+      scrollToField: (name: string, options: ScrollOptions = {}) => {
+        const namePath = toArray(name);
+        const fieldId = getFieldId(namePath, wrapForm.__INTERNAL__.name);
+        const node: HTMLElement | null = fieldId ? document.getElementById(fieldId) : null;
 
-          if (node) {
-            scrollIntoView(node, {
-              scrollMode: 'if-needed',
-              block: 'nearest',
-              ...options,
-            });
-          }
-        },
+        if (node) {
+          scrollIntoView(node, {
+            scrollMode: 'if-needed',
+            block: 'nearest',
+            ...options,
+          });
+        }
       },
+    },
     [form, rcForm],
   );
 
@@ -108,7 +107,7 @@ export function useFrameState<ValueType>(
 ): [ValueType, (updater: Updater<ValueType>) => void] {
   const [value, setValue] = React.useState(defaultValue);
   const frameRef = React.useRef<number | null>(null);
-  const batchRef = React.useRef<Updater<ValueType>[]>([]);
+  const batchRef = React.useRef<Array<Updater<ValueType>>>([]);
   const destroyRef = React.useRef(false);
 
   React.useEffect(
diff --git a/packages/material-parser/test/fixtures/antd-component/components/grid/col.tsx b/packages/material-parser/test/fixtures/antd-component/components/grid/col.tsx
index a067ec564..13d17aee0 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/grid/col.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/grid/col.tsx
@@ -105,15 +105,15 @@ export default class Col extends React.Component<ColProps, {}> {
             mergedStyle = {
               ...(gutter[0]! > 0
                 ? {
-                    paddingLeft: gutter[0]! / 2,
-                    paddingRight: gutter[0]! / 2,
-                  }
+                  paddingLeft: gutter[0]! / 2,
+                  paddingRight: gutter[0]! / 2,
+                }
                 : {}),
               ...(gutter[1]! > 0
                 ? {
-                    paddingTop: gutter[1]! / 2,
-                    paddingBottom: gutter[1]! / 2,
-                  }
+                  paddingTop: gutter[1]! / 2,
+                  paddingBottom: gutter[1]! / 2,
+                }
                 : {}),
               ...mergedStyle,
             };
diff --git a/packages/material-parser/test/fixtures/antd-component/components/grid/row.tsx b/packages/material-parser/test/fixtures/antd-component/components/grid/row.tsx
index 25a789cb8..63bd7a41e 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/grid/row.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/grid/row.tsx
@@ -103,15 +103,15 @@ export default class Row extends React.Component<RowProps, RowState> {
     const rowStyle = {
       ...(gutter[0]! > 0
         ? {
-            marginLeft: gutter[0]! / -2,
-            marginRight: gutter[0]! / -2,
-          }
+          marginLeft: gutter[0]! / -2,
+          marginRight: gutter[0]! / -2,
+        }
         : {}),
       ...(gutter[1]! > 0
         ? {
-            marginTop: gutter[1]! / -2,
-            marginBottom: gutter[1]! / 2,
-          }
+          marginTop: gutter[1]! / -2,
+          marginBottom: gutter[1]! / 2,
+        }
         : {}),
       ...style,
     };
diff --git a/packages/material-parser/test/fixtures/antd-component/components/input/Input.tsx b/packages/material-parser/test/fixtures/antd-component/components/input/Input.tsx
index 29f360d5e..3c279027a 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/input/Input.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/input/Input.tsx
@@ -17,29 +17,29 @@ export interface InputProps
   size?: SizeType;
   // ref: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#%3Cinput%3E_types
   type?: LiteralUnion<
-    | 'button'
-    | 'checkbox'
-    | 'color'
-    | 'date'
-    | 'datetime-local'
-    | 'email'
-    | 'file'
-    | 'hidden'
-    | 'image'
-    | 'month'
-    | 'number'
-    | 'password'
-    | 'radio'
-    | 'range'
-    | 'reset'
-    | 'search'
-    | 'submit'
-    | 'tel'
-    | 'text'
-    | 'time'
-    | 'url'
-    | 'week',
-    string
+  | 'button'
+  | 'checkbox'
+  | 'color'
+  | 'date'
+  | 'datetime-local'
+  | 'email'
+  | 'file'
+  | 'hidden'
+  | 'image'
+  | 'month'
+  | 'number'
+  | 'password'
+  | 'radio'
+  | 'range'
+  | 'reset'
+  | 'search'
+  | 'submit'
+  | 'tel'
+  | 'text'
+  | 'time'
+  | 'url'
+  | 'week',
+  string
   >;
   onPressEnter?: React.KeyboardEventHandler<HTMLInputElement>;
   addonBefore?: React.ReactNode;
@@ -59,8 +59,8 @@ export function fixControlledValue<T>(value: T) {
 export function resolveOnChange(
   target: HTMLInputElement | HTMLTextAreaElement,
   e:
-    | React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>
-    | React.MouseEvent<HTMLElement, MouseEvent>,
+  | React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>
+  | React.MouseEvent<HTMLElement, MouseEvent>,
   onChange?: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void,
 ) {
   if (onChange) {
@@ -156,7 +156,7 @@ class Input extends React.Component<InputProps, InputState> {
       warning(
         this.input !== document.activeElement,
         'Input',
-        `When Input is focused, dynamic add or remove prefix / suffix will make it lose focus caused by dom structure change. Read more: https://ant.design/components/input/#FAQ`,
+        'When Input is focused, dynamic add or remove prefix / suffix will make it lose focus caused by dom structure change. Read more: https://ant.design/components/input/#FAQ',
       );
     }
     return null;
diff --git a/packages/material-parser/test/fixtures/antd-component/components/input/ResizableTextArea.tsx b/packages/material-parser/test/fixtures/antd-component/components/input/ResizableTextArea.tsx
index 66e4c8a87..fa3cdfb65 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/input/ResizableTextArea.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/input/ResizableTextArea.tsx
@@ -19,9 +19,9 @@ export interface TextAreaState {
   textareaStyles?: React.CSSProperties;
   /** We need add process style to disable scroll first and then add back to avoid unexpected scrollbar  */
   resizeStatus?:
-    | typeof RESIZE_STATUS_NONE
-    | typeof RESIZE_STATUS_RESIZING
-    | typeof RESIZE_STATUS_RESIZED;
+  | typeof RESIZE_STATUS_NONE
+  | typeof RESIZE_STATUS_RESIZING
+  | typeof RESIZE_STATUS_RESIZED;
 }
 
 class ResizableTextArea extends React.Component<TextAreaProps, TextAreaState> {
@@ -139,8 +139,8 @@ class ResizableTextArea extends React.Component<TextAreaProps, TextAreaState> {
       ...textareaStyles,
       ...(resizeStatus === RESIZE_STATUS_RESIZING
         ? // React will warning when mix `overflow` & `overflowY`.
-          // We need to define this separately.
-          { overflowX: 'hidden', overflowY: 'hidden' }
+      // We need to define this separately.
+        { overflowX: 'hidden', overflowY: 'hidden' }
         : null),
     };
     return (
diff --git a/packages/material-parser/test/fixtures/antd-component/components/input/Search.tsx b/packages/material-parser/test/fixtures/antd-component/components/input/Search.tsx
index f742b8416..ed7bfa91f 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/input/Search.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/input/Search.tsx
@@ -12,9 +12,9 @@ export interface SearchProps extends InputProps {
   onSearch?: (
     value: string,
     event?:
-      | React.ChangeEvent<HTMLInputElement>
-      | React.MouseEvent<HTMLElement>
-      | React.KeyboardEvent<HTMLInputElement>,
+    | React.ChangeEvent<HTMLInputElement>
+    | React.MouseEvent<HTMLElement>
+    | React.KeyboardEvent<HTMLInputElement>,
   ) => void;
   enterButton?: React.ReactNode;
   loading?: boolean;
@@ -104,8 +104,8 @@ export default class Search extends React.Component<SearchProps, any> {
       return [
         React.isValidElement(suffix)
           ? React.cloneElement(suffix, {
-              key: 'suffix',
-            })
+            key: 'suffix',
+          })
           : null,
         icon,
       ];
@@ -136,9 +136,9 @@ export default class Search extends React.Component<SearchProps, any> {
         key: 'enterButton',
         ...(isAntdButton
           ? {
-              className: btnClassName,
-              size,
-            }
+            className: btnClassName,
+            size,
+          }
           : {}),
       });
     } else {
@@ -162,8 +162,8 @@ export default class Search extends React.Component<SearchProps, any> {
         button,
         React.isValidElement(addonAfter)
           ? React.cloneElement(addonAfter, {
-              key: 'addonAfter',
-            })
+            key: 'addonAfter',
+          })
           : null,
       ];
     }
diff --git a/packages/material-parser/test/fixtures/antd-component/components/input/__tests__/index.test.js b/packages/material-parser/test/fixtures/antd-component/components/input/__tests__/index.test.js
index fce7dbf55..4ca865368 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/input/__tests__/index.test.js
+++ b/packages/material-parser/test/fixtures/antd-component/components/input/__tests__/index.test.js
@@ -138,9 +138,7 @@ describe('Input allowClear', () => {
   });
 
   it('should not show icon if defaultValue is undefined, null or empty string', () => {
-    const wrappers = [null, undefined, ''].map(val =>
-      mount(<Input allowClear defaultValue={val} />),
-    );
+    const wrappers = [null, undefined, ''].map(val => mount(<Input allowClear defaultValue={val} />));
     wrappers.forEach(wrapper => {
       expect(wrapper.find('input').getDOMNode().value).toEqual('');
       expect(wrapper.find('.ant-input-clear-icon-hidden').exists()).toBeTruthy();
diff --git a/packages/material-parser/test/fixtures/antd-component/components/input/__tests__/textarea.test.js b/packages/material-parser/test/fixtures/antd-component/components/input/__tests__/textarea.test.js
index ad6e5301f..44443420b 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/input/__tests__/textarea.test.js
+++ b/packages/material-parser/test/fixtures/antd-component/components/input/__tests__/textarea.test.js
@@ -189,9 +189,7 @@ describe('TextArea allowClear', () => {
   });
 
   it('should not show icon if defaultValue is undefined, null or empty string', () => {
-    const wrappers = [null, undefined, ''].map(val =>
-      mount(<TextArea allowClear defaultValue={val} />),
-    );
+    const wrappers = [null, undefined, ''].map(val => mount(<TextArea allowClear defaultValue={val} />));
     wrappers.forEach(wrapper => {
       expect(wrapper.find('textarea').getDOMNode().value).toEqual('');
       expect(wrapper.find('.ant-textarea-clear-icon').exists()).toEqual(false);
diff --git a/packages/material-parser/test/fixtures/antd-component/components/layout/Sider.tsx b/packages/material-parser/test/fixtures/antd-component/components/layout/Sider.tsx
index 31e52f808..5d344bcfc 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/layout/Sider.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/layout/Sider.tsx
@@ -55,7 +55,7 @@ export interface SiderState {
 
 const generateId = (() => {
   let i = 0;
-  return (prefix: string = '') => {
+  return (prefix = '') => {
     i += 1;
     return `${prefix}${i}`;
   };
@@ -209,14 +209,14 @@ class InternalSider extends React.Component<InternalSideProps, SiderState> {
     const triggerDom =
       trigger !== null
         ? zeroWidthTrigger || (
-            <div
-              className={`${prefixCls}-trigger`}
-              onClick={this.toggle}
-              style={{ width: siderWidth }}
-            >
-              {trigger || defaultTrigger}
-            </div>
-          )
+        <div
+          className={`${prefixCls}-trigger`}
+          onClick={this.toggle}
+          style={{ width: siderWidth }}
+        >
+          {trigger || defaultTrigger}
+        </div>
+        )
         : null;
     const divStyle = {
       ...style,
diff --git a/packages/material-parser/test/fixtures/antd-component/components/list/Item.tsx b/packages/material-parser/test/fixtures/antd-component/components/list/Item.tsx
index 0edce23ce..576a2ee81 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/list/Item.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/list/Item.tsx
@@ -124,14 +124,14 @@ export default class Item extends React.Component<ListItemProps, any> {
       >
         {itemLayout === 'vertical' && extra
           ? [
-              <div className={`${prefixCls}-item-main`} key="content">
-                {children}
-                {actionsContent}
-              </div>,
-              <div className={`${prefixCls}-item-extra`} key="extra">
-                {extra}
-              </div>,
-            ]
+            <div className={`${prefixCls}-item-main`} key="content">
+              {children}
+              {actionsContent}
+            </div>,
+            <div className={`${prefixCls}-item-extra`} key="extra">
+              {extra}
+            </div>,
+          ]
           : [children, actionsContent, cloneElement(extra, { key: 'extra' })]}
       </Tag>
     );
diff --git a/packages/material-parser/test/fixtures/antd-component/components/list/__tests__/Item.test.js b/packages/material-parser/test/fixtures/antd-component/components/list/__tests__/Item.test.js
index 97a307d3b..4907cb21f 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/list/__tests__/Item.test.js
+++ b/packages/material-parser/test/fixtures/antd-component/components/list/__tests__/Item.test.js
@@ -8,7 +8,7 @@ describe('List Item Layout', () => {
     {
       key: 1,
       href: 'http://ant.design',
-      title: `ant design`,
+      title: 'ant design',
       avatar: 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png',
       description:
         'Ant Design, a design language for background applications, is refined by Ant UED Team.',
diff --git a/packages/material-parser/test/fixtures/antd-component/components/list/index.tsx b/packages/material-parser/test/fixtures/antd-component/components/list/index.tsx
index 60e09e48f..bbed36f2c 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/list/index.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/list/index.tsx
@@ -251,7 +251,7 @@ export default class List<T> extends React.Component<ListProps<T>, ListState> {
     if (splitDataSource.length > 0) {
       const items = splitDataSource.map((item: any, index: number) => this.renderItem(item, index));
 
-      const childrenList: Array<React.ReactNode> = [];
+      const childrenList: React.ReactNode[] = [];
       React.Children.forEach(items, (child: any, index) => {
         childrenList.push(
           React.cloneElement(child, {
diff --git a/packages/material-parser/test/fixtures/antd-component/components/locale/tr_TR.tsx b/packages/material-parser/test/fixtures/antd-component/components/locale/tr_TR.tsx
index 5bc8d7422..39d79f1d5 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/locale/tr_TR.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/locale/tr_TR.tsx
@@ -38,9 +38,9 @@ const localeValues: Locale = {
   },
   Upload: {
     uploading: 'Yükleniyor...',
-    removeFile: `Dosyayı kaldır`,
+    removeFile: 'Dosyayı kaldır',
     uploadError: 'Yükleme Hatası',
-    previewFile: `Dosyayı Önizle`,
+    previewFile: 'Dosyayı Önizle',
     downloadFile: 'Dosyayı indir',
   },
   Empty: {
diff --git a/packages/material-parser/test/fixtures/antd-component/components/mentions/index.tsx b/packages/material-parser/test/fixtures/antd-component/components/mentions/index.tsx
index c79ce1fcf..fe2390db0 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/mentions/index.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/mentions/index.tsx
@@ -41,7 +41,7 @@ interface MentionsEntity {
 class Mentions extends React.Component<MentionProps, MentionState> {
   static Option = Option;
 
-  static getMentions = (value: string = '', config?: MentionsConfig): MentionsEntity[] => {
+  static getMentions = (value = '', config?: MentionsConfig): MentionsEntity[] => {
     const { prefix = '@', split = ' ' } = config || {};
     const prefixList: string[] = Array.isArray(prefix) ? prefix : [prefix];
 
diff --git a/packages/material-parser/test/fixtures/antd-component/components/menu/MenuItem.tsx b/packages/material-parser/test/fixtures/antd-component/components/menu/MenuItem.tsx
index dd831e8b6..012d26ba8 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/menu/MenuItem.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/menu/MenuItem.tsx
@@ -9,8 +9,8 @@ import { SiderContext, SiderContextProps } from '../layout/Sider';
 
 export interface MenuItemProps
   extends Omit<
-    React.HTMLAttributes<HTMLLIElement>,
-    'title' | 'onClick' | 'onMouseEnter' | 'onMouseLeave'
+  React.HTMLAttributes<HTMLLIElement>,
+  'title' | 'onClick' | 'onMouseEnter' | 'onMouseLeave'
   > {
   rootPrefixCls?: string;
   disabled?: boolean;
diff --git a/packages/material-parser/test/fixtures/antd-component/components/menu/index.tsx b/packages/material-parser/test/fixtures/antd-component/components/menu/index.tsx
index 3cc2d2fc8..e93e62566 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/menu/index.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/menu/index.tsx
@@ -15,15 +15,15 @@ export { MenuItemGroupProps } from 'rc-menu/es/MenuItemGroup';
 
 export interface SelectParam {
   key: string;
-  keyPath: Array<string>;
+  keyPath: string[];
   item: any;
   domEvent: Event;
-  selectedKeys: Array<string>;
+  selectedKeys: string[];
 }
 
 export interface ClickParam {
   key: string;
-  keyPath: Array<string>;
+  keyPath: string[];
   item: any;
   domEvent: Event;
 }
@@ -35,10 +35,10 @@ export interface MenuProps {
   theme?: MenuTheme;
   mode?: MenuMode;
   selectable?: boolean;
-  selectedKeys?: Array<string>;
-  defaultSelectedKeys?: Array<string>;
-  openKeys?: Array<string>;
-  defaultOpenKeys?: Array<string>;
+  selectedKeys?: string[];
+  defaultSelectedKeys?: string[];
+  openKeys?: string[];
+  defaultOpenKeys?: string[];
   onOpenChange?: (openKeys: string[]) => void;
   onSelect?: (param: SelectParam) => void;
   onDeselect?: (param: SelectParam) => void;
diff --git a/packages/material-parser/test/fixtures/antd-component/components/message/index.tsx b/packages/material-parser/test/fixtures/antd-component/components/message/index.tsx
index 284f8cab6..916fa5d2b 100755
--- a/packages/material-parser/test/fixtures/antd-component/components/message/index.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/message/index.tsx
@@ -107,8 +107,7 @@ function notice(args: ArgsProps): MessageType {
       messageInstance.removeNotice(target);
     }
   };
-  result.then = (filled: ThenableArgument, rejected: ThenableArgument) =>
-    closePromise.then(filled, rejected);
+  result.then = (filled: ThenableArgument, rejected: ThenableArgument) => closePromise.then(filled, rejected);
   result.promise = closePromise;
   return result;
 }
diff --git a/packages/material-parser/test/fixtures/antd-component/components/modal/__tests__/confirm.test.js b/packages/material-parser/test/fixtures/antd-component/components/modal/__tests__/confirm.test.js
index 30ba10bf0..dae3a8961 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/modal/__tests__/confirm.test.js
+++ b/packages/material-parser/test/fixtures/antd-component/components/modal/__tests__/confirm.test.js
@@ -251,7 +251,7 @@ describe('Modal.confirm triggers callbacks correctly', () => {
       icon: 'question',
     });
     expect(warnSpy).toHaveBeenCalledWith(
-      `Warning: [antd: Modal] \`icon\` is using ReactNode instead of string naming in v4. Please check \`question\` at https://ant.design/components/icon`,
+      'Warning: [antd: Modal] `icon` is using ReactNode instead of string naming in v4. Please check `question` at https://ant.design/components/icon',
     );
     warnSpy.mockRestore();
   });
diff --git a/packages/material-parser/test/fixtures/antd-component/components/notification/hooks/useNotification.tsx b/packages/material-parser/test/fixtures/antd-component/components/notification/hooks/useNotification.tsx
index ec7110039..35d2f35f5 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/notification/hooks/useNotification.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/notification/hooks/useNotification.tsx
@@ -50,11 +50,10 @@ export default function createUseNotification(
       open: notify,
     };
     ['success', 'info', 'warning', 'error'].forEach(type => {
-      hookAPI[type] = (args: ArgsProps) =>
-        hookAPI.open({
-          ...args,
-          type,
-        });
+      hookAPI[type] = (args: ArgsProps) => hookAPI.open({
+        ...args,
+        type,
+      });
     });
 
     return [
diff --git a/packages/material-parser/test/fixtures/antd-component/components/notification/index.tsx b/packages/material-parser/test/fixtures/antd-component/components/notification/index.tsx
index 8368d46f1..b64c21b24 100755
--- a/packages/material-parser/test/fixtures/antd-component/components/notification/index.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/notification/index.tsx
@@ -215,11 +215,9 @@ const api: any = {
     });
   },
   close(key: string) {
-    Object.keys(notificationInstance).forEach(cacheKey =>
-      Promise.resolve(notificationInstance[cacheKey]).then(instance => {
-        instance.removeNotice(key);
-      }),
-    );
+    Object.keys(notificationInstance).forEach(cacheKey => Promise.resolve(notificationInstance[cacheKey]).then(instance => {
+      instance.removeNotice(key);
+    }));
   },
   config: setNotificationConfig,
   destroy() {
@@ -233,11 +231,10 @@ const api: any = {
 };
 
 ['success', 'info', 'warning', 'error'].forEach(type => {
-  api[type] = (args: ArgsProps) =>
-    api.open({
-      ...args,
-      type,
-    });
+  api[type] = (args: ArgsProps) => api.open({
+    ...args,
+    type,
+  });
 });
 
 api.warn = api.warning;
diff --git a/packages/material-parser/test/fixtures/antd-component/components/page-header/index.tsx b/packages/material-parser/test/fixtures/antd-component/components/page-header/index.tsx
index 3d2c3cda0..7c6ac5932 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/page-header/index.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/page-header/index.tsx
@@ -17,7 +17,7 @@ export interface PageHeaderProps {
   subTitle?: React.ReactNode;
   style?: React.CSSProperties;
   breadcrumb?: BreadcrumbProps;
-  tags?: React.ReactElement<Tag> | React.ReactElement<Tag>[];
+  tags?: React.ReactElement<Tag> | Array<React.ReactElement<Tag>>;
   footer?: React.ReactNode;
   extra?: React.ReactNode;
   avatar?: AvatarProps;
@@ -59,14 +59,14 @@ const renderBreadcrumb = (breadcrumb: BreadcrumbProps) => {
   return <Breadcrumb {...breadcrumb} />;
 };
 
-const getBackIcon = (props: PageHeaderProps, direction: string = 'ltr') => {
+const getBackIcon = (props: PageHeaderProps, direction = 'ltr') => {
   if (props.backIcon !== undefined) {
     return props.backIcon;
   }
   return direction === 'rtl' ? <ArrowRightOutlined /> : <ArrowLeftOutlined />;
 };
 
-const renderTitle = (prefixCls: string, props: PageHeaderProps, direction: string = 'ltr') => {
+const renderTitle = (prefixCls: string, props: PageHeaderProps, direction = 'ltr') => {
   const { title, avatar, subTitle, tags, extra, onBack } = props;
   const headingPrefixCls = `${prefixCls}-heading`;
   if (title || subTitle || tags || extra) {
diff --git a/packages/material-parser/test/fixtures/antd-component/components/pagination/Pagination.tsx b/packages/material-parser/test/fixtures/antd-component/components/pagination/Pagination.tsx
index 9711d6ef2..d511f6030 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/pagination/Pagination.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/pagination/Pagination.tsx
@@ -65,7 +65,7 @@ export type PaginationLocale = any;
 export default class Pagination extends React.Component<PaginationProps, {}> {
   private token: string;
 
-  private inferredSmall: boolean = false;
+  private inferredSmall = false;
 
   componentDidMount() {
     this.token = ResponsiveObserve.subscribe((screens) => {
diff --git a/packages/material-parser/test/fixtures/antd-component/components/popover/__tests__/index.test.js b/packages/material-parser/test/fixtures/antd-component/components/popover/__tests__/index.test.js
index 37d591ecc..fe7b67d5a 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/popover/__tests__/index.test.js
+++ b/packages/material-parser/test/fixtures/antd-component/components/popover/__tests__/index.test.js
@@ -73,7 +73,7 @@ describe('Popover', () => {
     expect(overlay).not.toHaveBeenCalled();
   });
 
-  it(`should be rendered correctly in RTL direction`, () => {
+  it('should be rendered correctly in RTL direction', () => {
     const wrapper = mount(
       <ConfigProvider direction="rtl">
         <Popover title="RTL" visible>
diff --git a/packages/material-parser/test/fixtures/antd-component/components/rate/index.tsx b/packages/material-parser/test/fixtures/antd-component/components/rate/index.tsx
index 2c272a31c..efac69c37 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/rate/index.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/rate/index.tsx
@@ -15,7 +15,7 @@ export interface RateProps {
   allowHalf?: boolean;
   allowClear?: boolean;
   disabled?: boolean;
-  tooltips?: Array<string>;
+  tooltips?: string[];
   onChange?: (value: number) => void;
   onHoverChange?: (value: number) => void;
   character?: React.ReactNode;
diff --git a/packages/material-parser/test/fixtures/antd-component/components/result/__tests__/index.test.js b/packages/material-parser/test/fixtures/antd-component/components/result/__tests__/index.test.js
index da25b9743..e9f1b7069 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/result/__tests__/index.test.js
+++ b/packages/material-parser/test/fixtures/antd-component/components/result/__tests__/index.test.js
@@ -64,7 +64,7 @@ describe('Result', () => {
     expect(warnSpy).not.toHaveBeenCalled();
     mount(<Result title="404" icon="smile" />);
     expect(warnSpy).toHaveBeenCalledWith(
-      `Warning: [antd: Result] \`icon\` is using ReactNode instead of string naming in v4. Please check \`smile\` at https://ant.design/components/icon`,
+      'Warning: [antd: Result] `icon` is using ReactNode instead of string naming in v4. Please check `smile` at https://ant.design/components/icon',
     );
     warnSpy.mockRestore();
   });
diff --git a/packages/material-parser/test/fixtures/antd-component/components/result/index.tsx b/packages/material-parser/test/fixtures/antd-component/components/result/index.tsx
index 86b412eb2..44a90004e 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/result/index.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/result/index.tsx
@@ -20,9 +20,9 @@ export const IconMap = {
 };
 
 export const ExceptionMap = {
-  '404': noFound,
-  '500': serverError,
-  '403': unauthorized,
+  404: noFound,
+  500: serverError,
+  403: unauthorized,
 };
 
 export type ExceptionStatusType = 403 | 404 | 500 | '403' | '404' | '500';
@@ -74,8 +74,7 @@ const renderIcon = (prefixCls: string, { status, icon }: ResultProps) => {
   return <div className={className}>{icon || iconNode}</div>;
 };
 
-const renderExtra = (prefixCls: string, { extra }: ResultProps) =>
-  extra && <div className={`${prefixCls}-extra`}>{extra}</div>;
+const renderExtra = (prefixCls: string, { extra }: ResultProps) => extra && <div className={`${prefixCls}-extra`}>{extra}</div>;
 
 export interface ResultType extends React.FC<ResultProps> {
   PRESENTED_IMAGE_404: React.ReactNode;
diff --git a/packages/material-parser/test/fixtures/antd-component/components/select/index.tsx b/packages/material-parser/test/fixtures/antd-component/components/select/index.tsx
index b4dfe6828..075a17d3c 100755
--- a/packages/material-parser/test/fixtures/antd-component/components/select/index.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/select/index.tsx
@@ -34,7 +34,7 @@ export interface SelectProps<VT>
 
 // We still use class here since `forwardRef` not support generic in typescript
 class Select<ValueType extends SelectValue = SelectValue> extends React.Component<
-  SelectProps<ValueType>
+SelectProps<ValueType>
 > {
   static Option = Option;
 
diff --git a/packages/material-parser/test/fixtures/antd-component/components/skeleton/Avatar.tsx b/packages/material-parser/test/fixtures/antd-component/components/skeleton/Avatar.tsx
index 547b4ce1a..b741c1501 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/skeleton/Avatar.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/skeleton/Avatar.tsx
@@ -23,7 +23,7 @@ const SkeletonAvatar = (props: AvatarProps) => {
     );
   };
   return <ConfigConsumer>{renderSkeletonAvatar}</ConfigConsumer>;
-}
+};
 
 SkeletonAvatar.defaultProps = {
   size: 'default',
diff --git a/packages/material-parser/test/fixtures/antd-component/components/skeleton/Paragraph.tsx b/packages/material-parser/test/fixtures/antd-component/components/skeleton/Paragraph.tsx
index 0948b6271..3502e464c 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/skeleton/Paragraph.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/skeleton/Paragraph.tsx
@@ -7,7 +7,7 @@ export interface SkeletonParagraphProps {
   prefixCls?: string;
   className?: string;
   style?: object;
-  width?: widthUnit | Array<widthUnit>;
+  width?: widthUnit | widthUnit[];
   rows?: number;
 }
 
@@ -26,7 +26,7 @@ const Paragraph = (props: SkeletonParagraphProps) => {
   const { prefixCls, className, style, rows } = props;
   const rowList = [...Array(rows)].map((_, index) => (
     // eslint-disable-next-line react/no-array-index-key
-    <li key={index} style={{ width: getWidth(index) }}/>
+    <li key={index} style={{ width: getWidth(index) }} />
   ));
   return (
     <ul className={classNames(prefixCls, className)} style={style}>
diff --git a/packages/material-parser/test/fixtures/antd-component/components/skeleton/Skeleton.tsx b/packages/material-parser/test/fixtures/antd-component/components/skeleton/Skeleton.tsx
index 3d5b118e1..3c5498621 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/skeleton/Skeleton.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/skeleton/Skeleton.tsx
@@ -9,8 +9,7 @@ import SkeletonButton from './Button';
 import SkeletonInput from './Input';
 
 /* This only for skeleton internal. */
-interface SkeletonAvatarProps extends Omit<AvatarProps, 'active'> {
-}
+type SkeletonAvatarProps = Omit<AvatarProps, 'active'>;
 
 export interface SkeletonProps {
   active?: boolean;
diff --git a/packages/material-parser/test/fixtures/antd-component/components/skeleton/__tests__/index.test.js b/packages/material-parser/test/fixtures/antd-component/components/skeleton/__tests__/index.test.js
index 9f80ed3c6..52f39698e 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/skeleton/__tests__/index.test.js
+++ b/packages/material-parser/test/fixtures/antd-component/components/skeleton/__tests__/index.test.js
@@ -5,12 +5,11 @@ import mountTest from '../../../tests/shared/mountTest';
 import rtlTest from '../../../tests/shared/rtlTest';
 
 describe('Skeleton', () => {
-  const genSkeleton = props =>
-    mount(
-      <Skeleton loading {...props}>
-        Bamboo
-      </Skeleton>,
-    );
+  const genSkeleton = props => mount(
+    <Skeleton loading {...props}>
+      Bamboo
+    </Skeleton>,
+  );
   const genSkeletonButton = props => mount(<Skeleton.Button {...props} />);
   const genSkeletonAvatar = props => mount(<Skeleton.Avatar {...props} />);
   const genSkeletonInput = props => mount(<Skeleton.Input {...props} />);
diff --git a/packages/material-parser/test/fixtures/antd-component/components/slider/index.tsx b/packages/material-parser/test/fixtures/antd-component/components/slider/index.tsx
index 21cadb7f5..fc3471d4f 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/slider/index.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/slider/index.tsx
@@ -9,11 +9,11 @@ import { ConfigConsumer, ConfigConsumerProps } from '../config-provider';
 
 export interface SliderMarks {
   [key: number]:
-    | React.ReactNode
-    | {
-        style: React.CSSProperties;
-        label: React.ReactNode;
-      };
+  | React.ReactNode
+  | {
+    style: React.CSSProperties;
+    label: React.ReactNode;
+  };
 }
 
 export type SliderValue = number | [number, number];
@@ -157,12 +157,11 @@ export default class Slider extends React.Component<SliderProps, SliderState> {
           {...restProps}
           className={cls}
           ref={this.saveSlider}
-          handle={(info: HandleGeneratorInfo) =>
-            this.handleWithTooltip({
-              tooltipPrefixCls,
-              prefixCls,
-              info,
-            })
+          handle={(info: HandleGeneratorInfo) => this.handleWithTooltip({
+            tooltipPrefixCls,
+            prefixCls,
+            info,
+          })
           }
           prefixCls={prefixCls}
           tooltipPrefixCls={tooltipPrefixCls}
@@ -174,12 +173,11 @@ export default class Slider extends React.Component<SliderProps, SliderState> {
         {...restProps}
         className={cls}
         ref={this.saveSlider}
-        handle={(info: HandleGeneratorInfo) =>
-          this.handleWithTooltip({
-            tooltipPrefixCls,
-            prefixCls,
-            info,
-          })
+        handle={(info: HandleGeneratorInfo) => this.handleWithTooltip({
+          tooltipPrefixCls,
+          prefixCls,
+          info,
+        })
         }
         prefixCls={prefixCls}
         tooltipPrefixCls={tooltipPrefixCls}
diff --git a/packages/material-parser/test/fixtures/antd-component/components/space/index.tsx b/packages/material-parser/test/fixtures/antd-component/components/space/index.tsx
index 0d33e085a..f3c57ecfa 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/space/index.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/space/index.tsx
@@ -62,9 +62,9 @@ const Space: React.FC<SpaceProps> = props => {
             i === len - 1
               ? {}
               : {
-                  [direction === 'vertical' ? 'marginBottom' : marginDirection]:
+                [direction === 'vertical' ? 'marginBottom' : marginDirection]:
                     typeof size === 'string' ? spaceSize[size] : size,
-                }
+              }
           }
         >
           {child}
diff --git a/packages/material-parser/test/fixtures/antd-component/components/statistic/Countdown.tsx b/packages/material-parser/test/fixtures/antd-component/components/statistic/Countdown.tsx
index c74e8b7a7..b992dbacb 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/statistic/Countdown.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/statistic/Countdown.tsx
@@ -71,10 +71,9 @@ class Countdown extends React.Component<CountdownProps, {}> {
   };
 
   // Countdown do not need display the timestamp
-  valueRender = (node: React.ReactElement<HTMLDivElement>) =>
-    React.cloneElement(node, {
-      title: undefined,
-    });
+  valueRender = (node: React.ReactElement<HTMLDivElement>) => React.cloneElement(node, {
+    title: undefined,
+  });
 
   render() {
     return (
diff --git a/packages/material-parser/test/fixtures/antd-component/components/statistic/Number.tsx b/packages/material-parser/test/fixtures/antd-component/components/statistic/Number.tsx
index e135cd79e..07f386a26 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/statistic/Number.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/statistic/Number.tsx
@@ -16,7 +16,7 @@ const StatisticNumber: React.FC<NumberProps> = props => {
     valueNode = formatter(value);
   } else {
     // Internal formatter
-    const val: string = String(value);
+    const val = String(value);
     const cells = val.match(/^(-?)(\d*)(\.(\d+))?$/);
 
     // Process if illegal number
diff --git a/packages/material-parser/test/fixtures/antd-component/components/statistic/__tests__/index.test.js b/packages/material-parser/test/fixtures/antd-component/components/statistic/__tests__/index.test.js
index 0c979ffce..09f42ecb5 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/statistic/__tests__/index.test.js
+++ b/packages/material-parser/test/fixtures/antd-component/components/statistic/__tests__/index.test.js
@@ -52,7 +52,9 @@ describe('Statistic', () => {
 
   describe('Countdown', () => {
     it('render correctly', () => {
-      const now = moment().add(2, 'd').add(11, 'h').add(28, 'm').add(9, 's').add(3, 'ms');
+      const now = moment().add(2, 'd').add(11, 'h').add(28, 'm')
+        .add(9, 's')
+        .add(3, 'ms');
 
       [
         ['H:m:s', '59:28:9'],
diff --git a/packages/material-parser/test/fixtures/antd-component/components/statistic/utils.tsx b/packages/material-parser/test/fixtures/antd-component/components/statistic/utils.tsx
index ff840041a..1751c4f37 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/statistic/utils.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/statistic/utils.tsx
@@ -23,7 +23,7 @@ export interface CountdownFormatConfig extends FormatConfig {
 }
 
 // Countdown
-const timeUnits: [string, number][] = [
+const timeUnits: Array<[string, number]> = [
   ['Y', 1000 * 60 * 60 * 24 * 365], // years
   ['M', 1000 * 60 * 60 * 24 * 30], // months
   ['D', 1000 * 60 * 60 * 24], // days
diff --git a/packages/material-parser/test/fixtures/antd-component/components/table/ColumnGroup.tsx b/packages/material-parser/test/fixtures/antd-component/components/table/ColumnGroup.tsx
index 5c31673d6..4ab684963 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/table/ColumnGroup.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/table/ColumnGroup.tsx
@@ -3,8 +3,8 @@ import { ColumnProps } from './Column';
 
 export interface ColumnGroupProps<RecordType> extends Omit<ColumnType<RecordType>, 'children'> {
   children:
-    | React.ReactElement<ColumnProps<RecordType>>
-    | React.ReactElement<ColumnProps<RecordType>>[];
+  | React.ReactElement<ColumnProps<RecordType>>
+  | Array<React.ReactElement<ColumnProps<RecordType>>>;
 }
 
 /* istanbul ignore next */
diff --git a/packages/material-parser/test/fixtures/antd-component/components/table/Table.tsx b/packages/material-parser/test/fixtures/antd-component/components/table/Table.tsx
index 354cdee4a..bf14729f8 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/table/Table.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/table/Table.tsx
@@ -45,18 +45,18 @@ interface ChangeEventInfo<RecordType> {
     total?: number;
   };
   filters: Record<string, Key[] | null>;
-  sorter: SorterResult<RecordType> | SorterResult<RecordType>[];
+  sorter: SorterResult<RecordType> | Array<SorterResult<RecordType>>;
 
-  filterStates: FilterState<RecordType>[];
-  sorterStates: SortState<RecordType>[];
+  filterStates: Array<FilterState<RecordType>>;
+  sorterStates: Array<SortState<RecordType>>;
 
   resetPagination: Function;
 }
 
 export interface TableProps<RecordType>
   extends Omit<
-    RcTableProps<RecordType>,
-    'transformColumns' | 'internalHooks' | 'internalRefs' | 'data' | 'columns' | 'scroll'
+  RcTableProps<RecordType>,
+  'transformColumns' | 'internalHooks' | 'internalRefs' | 'data' | 'columns' | 'scroll'
   > {
   dropdownPrefixCls?: string;
   dataSource?: RcTableProps<RecordType>['data'];
@@ -70,7 +70,7 @@ export interface TableProps<RecordType>
   onChange?: (
     pagination: PaginationConfig,
     filters: Record<string, Key[] | null>,
-    sorter: SorterResult<RecordType> | SorterResult<RecordType>[],
+    sorter: SorterResult<RecordType> | Array<SorterResult<RecordType>>,
     extra: TableCurrentDataSource<RecordType>,
   ) => void;
   rowSelection?: TableRowSelection<RecordType>;
@@ -164,7 +164,7 @@ function Table<RecordType extends object = any>(props: TableProps<RecordType>) {
   // ============================ Events =============================
   const changeEventInfo: Partial<ChangeEventInfo<RecordType>> = {};
 
-  const triggerOnChange = (info: Partial<ChangeEventInfo<RecordType>>, reset: boolean = false) => {
+  const triggerOnChange = (info: Partial<ChangeEventInfo<RecordType>>, reset = false) => {
     const changeInfo = {
       ...changeEventInfo,
       ...info,
@@ -209,8 +209,8 @@ function Table<RecordType extends object = any>(props: TableProps<RecordType>) {
 
   // ============================ Sorter =============================
   const onSorterChange = (
-    sorter: SorterResult<RecordType> | SorterResult<RecordType>[],
-    sorterStates: SortState<RecordType>[],
+    sorter: SorterResult<RecordType> | Array<SorterResult<RecordType>>,
+    sorterStates: Array<SortState<RecordType>>,
   ) => {
     triggerOnChange(
       {
@@ -240,7 +240,7 @@ function Table<RecordType extends object = any>(props: TableProps<RecordType>) {
   // ============================ Filter ============================
   const onFilterChange = (
     filters: Record<string, Key[]>,
-    filterStates: FilterState<RecordType>[],
+    filterStates: Array<FilterState<RecordType>>,
   ) => {
     triggerOnChange(
       {
@@ -392,7 +392,7 @@ function Table<RecordType extends object = any>(props: TableProps<RecordType>) {
       paginationSize = mergedSize === 'small' || mergedSize === 'middle' ? 'small' : undefined;
     }
 
-    const renderPagination = (position: string = 'right') => (
+    const renderPagination = (position = 'right') => (
       <Pagination
         className={`${prefixCls}-pagination ${prefixCls}-pagination-${position}`}
         {...mergedPagination}
diff --git a/packages/material-parser/test/fixtures/antd-component/components/table/__tests__/Table.filter.test.js b/packages/material-parser/test/fixtures/antd-component/components/table/__tests__/Table.filter.test.js
index da1949281..aa1782c33 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/table/__tests__/Table.filter.test.js
+++ b/packages/material-parser/test/fixtures/antd-component/components/table/__tests__/Table.filter.test.js
@@ -1132,6 +1132,5 @@ describe('Table.filter', () => {
 
     expect(wrapper.find('tbody tr')).toHaveLength(1);
     expect(wrapper.find('tbody tr td').text()).toEqual('Jack');
-    
   });
 });
diff --git a/packages/material-parser/test/fixtures/antd-component/components/table/__tests__/Table.sorter.test.js b/packages/material-parser/test/fixtures/antd-component/components/table/__tests__/Table.sorter.test.js
index 0a38818f1..5b8ff4eba 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/table/__tests__/Table.sorter.test.js
+++ b/packages/material-parser/test/fixtures/antd-component/components/table/__tests__/Table.sorter.test.js
@@ -268,14 +268,12 @@ describe('Table.sorter', () => {
 
     const getNameColumn = () => wrapper.find('.ant-table-column-has-sorters').at(0);
     const getAgeColumn = () => wrapper.find('.ant-table-column-has-sorters').at(1);
-    const getNameIcon = name =>
-      getNameColumn()
-        .find(`.ant-table-column-sorter-${name}`)
-        .first();
-    const getAgeIcon = name =>
-      getAgeColumn()
-        .find(`.ant-table-column-sorter-${name}`)
-        .first();
+    const getNameIcon = name => getNameColumn()
+      .find(`.ant-table-column-sorter-${name}`)
+      .first();
+    const getAgeIcon = name => getAgeColumn()
+      .find(`.ant-table-column-sorter-${name}`)
+      .first();
 
     // sort name
     getNameColumn().simulate('click');
@@ -328,10 +326,9 @@ describe('Table.sorter', () => {
     const wrapper = mount(<TableTest />);
 
     const getNameColumn = () => wrapper.find('.ant-table-column-has-sorters').at(0);
-    const getIcon = name =>
-      getNameColumn()
-        .find(`.ant-table-column-sorter-${name}`)
-        .first();
+    const getIcon = name => getNameColumn()
+      .find(`.ant-table-column-sorter-${name}`)
+      .first();
 
     expect(getIcon('up').hasClass('active')).toBeFalsy();
     expect(getIcon('down').hasClass('active')).toBeFalsy();
@@ -395,10 +392,9 @@ describe('Table.sorter', () => {
     const wrapper = mount(<TableTest />);
 
     const getNameColumn = () => wrapper.find('.ant-table-column-has-sorters').at(0);
-    const getIcon = name =>
-      getNameColumn()
-        .find(`.ant-table-column-sorter-${name}`)
-        .first();
+    const getIcon = name => getNameColumn()
+      .find(`.ant-table-column-sorter-${name}`)
+      .first();
 
     expect(getIcon('up').hasClass('active')).toBeFalsy();
     expect(getIcon('down').hasClass('active')).toBeFalsy();
diff --git a/packages/material-parser/test/fixtures/antd-component/components/table/__tests__/type.test.tsx b/packages/material-parser/test/fixtures/antd-component/components/table/__tests__/type.test.tsx
index d19368c6c..bda8bc787 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/table/__tests__/type.test.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/table/__tests__/type.test.tsx
@@ -32,7 +32,7 @@ describe('Table.typescript types', () => {
       name: string;
     }
 
-    const columns: ColumnProps<User>[] = [
+    const columns: Array<ColumnProps<User>> = [
       {
         title: 'Name',
         dataIndex: 'name',
diff --git a/packages/material-parser/test/fixtures/antd-component/components/table/hooks/useFilter/FilterDropdown.tsx b/packages/material-parser/test/fixtures/antd-component/components/table/hooks/useFilter/FilterDropdown.tsx
index 2140ac90f..4085e3179 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/table/hooks/useFilter/FilterDropdown.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/table/hooks/useFilter/FilterDropdown.tsx
@@ -80,7 +80,7 @@ function FilterDropdown<RecordType>(props: FilterDropdownProps<RecordType>) {
   const { filterDropdownVisible, onFilterDropdownVisibleChange } = column;
   const [visible, setVisible] = React.useState(false);
 
-  const filtered: boolean = !!(
+  const filtered = !!(
     filterState &&
     (filterState.filteredKeys || filterState.forceFiltered)
   );
diff --git a/packages/material-parser/test/fixtures/antd-component/components/table/hooks/useFilter/index.tsx b/packages/material-parser/test/fixtures/antd-component/components/table/hooks/useFilter/index.tsx
index 90667cbba..d895b57cd 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/table/hooks/useFilter/index.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/table/hooks/useFilter/index.tsx
@@ -24,8 +24,8 @@ function collectFilterStates<RecordType>(
   columns: ColumnsType<RecordType>,
   init: boolean,
   pos?: string,
-): FilterState<RecordType>[] {
-  let filterStates: FilterState<RecordType>[] = [];
+): Array<FilterState<RecordType>> {
+  let filterStates: Array<FilterState<RecordType>> = [];
 
   (columns || []).forEach((column, index) => {
     const columnPos = getColumnPos(index, pos);
@@ -61,7 +61,7 @@ function injectFilter<RecordType>(
   prefixCls: string,
   dropdownPrefixCls: string,
   columns: ColumnsType<RecordType>,
-  filterStates: FilterState<RecordType>[],
+  filterStates: Array<FilterState<RecordType>>,
   triggerFilter: (filterState: FilterState<RecordType>) => void,
   getPopupContainer: GetPopupContainer | undefined,
   locale: TableLocale,
@@ -115,7 +115,7 @@ function injectFilter<RecordType>(
   });
 }
 
-function generateFilterInfo<RecordType>(filterStates: FilterState<RecordType>[]) {
+function generateFilterInfo<RecordType>(filterStates: Array<FilterState<RecordType>>) {
   const currentFilters: Record<string, Key[] | null> = {};
 
   filterStates.forEach(({ key, filteredKeys }) => {
@@ -126,7 +126,7 @@ function generateFilterInfo<RecordType>(filterStates: FilterState<RecordType>[])
 }
 
 function flattenKeys(filters?: ColumnFilterItem[]) {
-  let keys: (string | number | boolean)[] = [];
+  let keys: Array<string | number | boolean> = [];
   (filters || []).forEach(({ value, children }) => {
     keys.push(value);
     if (children) {
@@ -138,7 +138,7 @@ function flattenKeys(filters?: ColumnFilterItem[]) {
 
 export function getFilterData<RecordType>(
   data: RecordType[],
-  filterStates: FilterState<RecordType>[],
+  filterStates: Array<FilterState<RecordType>>,
 ) {
   return filterStates.reduce((currentData, filterState) => {
     const {
@@ -146,14 +146,12 @@ export function getFilterData<RecordType>(
       filteredKeys,
     } = filterState;
     if (onFilter && filteredKeys && filteredKeys.length) {
-      return currentData.filter(record =>
-        filteredKeys.some(key => {
-          const keys = flattenKeys(filters);
-          const keyIndex = keys.findIndex(k => String(k) === String(key));
-          const realKey = keyIndex !== -1 ? keys[keyIndex] : key;
-          return onFilter(realKey, record);
-        }),
-      );
+      return currentData.filter(record => filteredKeys.some(key => {
+        const keys = flattenKeys(filters);
+        const keyIndex = keys.findIndex(k => String(k) === String(key));
+        const realKey = keyIndex !== -1 ? keys[keyIndex] : key;
+        return onFilter(realKey, record);
+      }));
     }
     return currentData;
   }, data);
@@ -167,7 +165,7 @@ interface FilterConfig<RecordType> {
   locale: TableLocale;
   onFilterChange: (
     filters: Record<string, Key[] | null>,
-    filterStates: FilterState<RecordType>[],
+    filterStates: Array<FilterState<RecordType>>,
   ) => void;
   getPopupContainer?: GetPopupContainer;
 }
@@ -181,15 +179,15 @@ function useFilter<RecordType>({
   getPopupContainer,
   locale: tableLocale,
 }: FilterConfig<RecordType>): [
-  TransformColumns<RecordType>,
-  FilterState<RecordType>[],
-  () => Record<string, Key[] | null>,
-] {
+    TransformColumns<RecordType>,
+    Array<FilterState<RecordType>>,
+    () => Record<string, Key[] | null>,
+  ] {
   const mergedColumns = React.useMemo(() => {
     return columns || convertChildrenToColumns(children);
   }, [children, columns]);
 
-  const [filterStates, setFilterStates] = React.useState<FilterState<RecordType>[]>(
+  const [filterStates, setFilterStates] = React.useState<Array<FilterState<RecordType>>>(
     collectFilterStates(mergedColumns, true),
   );
 
@@ -215,16 +213,15 @@ function useFilter<RecordType>({
     onFilterChange(generateFilterInfo(newFilterStates), newFilterStates);
   };
 
-  const transformColumns = (innerColumns: ColumnsType<RecordType>) =>
-    injectFilter(
-      prefixCls,
-      dropdownPrefixCls,
-      innerColumns,
-      mergedFilterStates,
-      triggerFilter,
-      getPopupContainer,
-      tableLocale,
-    );
+  const transformColumns = (innerColumns: ColumnsType<RecordType>) => injectFilter(
+    prefixCls,
+    dropdownPrefixCls,
+    innerColumns,
+    mergedFilterStates,
+    triggerFilter,
+    getPopupContainer,
+    tableLocale,
+  );
 
   return [transformColumns, mergedFilterStates, getFilters];
 }
diff --git a/packages/material-parser/test/fixtures/antd-component/components/table/hooks/usePagination.ts b/packages/material-parser/test/fixtures/antd-component/components/table/hooks/usePagination.ts
index d55f3aa6d..d750599c4 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/table/hooks/usePagination.ts
+++ b/packages/material-parser/test/fixtures/antd-component/components/table/hooks/usePagination.ts
@@ -56,7 +56,7 @@ export default function usePagination(
     }
   }
 
-  const refreshPagination = (current: number = 1) => {
+  const refreshPagination = (current = 1) => {
     setInnerPagination({
       ...mergedPagination,
       current,
diff --git a/packages/material-parser/test/fixtures/antd-component/components/table/hooks/useSelection.tsx b/packages/material-parser/test/fixtures/antd-component/components/table/hooks/useSelection.tsx
index 1aa05f024..090288393 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/table/hooks/useSelection.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/table/hooks/useSelection.tsx
@@ -350,8 +350,8 @@ export default function useSelection<RecordType>(
                 onChange={({ nativeEvent }) => {
                   const { shiftKey } = nativeEvent;
 
-                  let startIndex: number = -1;
-                  let endIndex: number = -1;
+                  let startIndex = -1;
+                  let endIndex = -1;
 
                   // Get range of this
                   if (shiftKey) {
diff --git a/packages/material-parser/test/fixtures/antd-component/components/table/hooks/useSorter.tsx b/packages/material-parser/test/fixtures/antd-component/components/table/hooks/useSorter.tsx
index a5b415c81..bc15f1962 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/table/hooks/useSorter.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/table/hooks/useSorter.tsx
@@ -59,8 +59,8 @@ function collectSortStates<RecordType>(
   columns: ColumnsType<RecordType>,
   init: boolean,
   pos?: string,
-): SortState<RecordType>[] {
-  let sortStates: SortState<RecordType>[] = [];
+): Array<SortState<RecordType>> {
+  let sortStates: Array<SortState<RecordType>> = [];
 
   function pushState(column: ColumnsType<RecordType>[number], columnPos: string) {
     sortStates.push({
@@ -105,7 +105,7 @@ function collectSortStates<RecordType>(
 function injectSorter<RecordType>(
   prefixCls: string,
   columns: ColumnsType<RecordType>,
-  sorterSates: SortState<RecordType>[],
+  sorterSates: Array<SortState<RecordType>>,
   triggerSorter: (sorterSates: SortState<RecordType>) => void,
   defaultSortDirections: SortOrder[],
   tableLocale?: TableLocale,
@@ -224,8 +224,8 @@ function stateToInfo<RecordType>(sorterStates: SortState<RecordType>) {
 }
 
 function generateSorterInfo<RecordType>(
-  sorterStates: SortState<RecordType>[],
-): SorterResult<RecordType> | SorterResult<RecordType>[] {
+  sorterStates: Array<SortState<RecordType>>,
+): SorterResult<RecordType> | Array<SorterResult<RecordType>> {
   const list = sorterStates.filter(({ sortOrder }) => sortOrder).map(stateToInfo);
 
   // =========== Legacy compatible support ===========
@@ -246,7 +246,7 @@ function generateSorterInfo<RecordType>(
 
 export function getSortData<RecordType>(
   data: RecordType[],
-  sortStates: SortState<RecordType>[],
+  sortStates: Array<SortState<RecordType>>,
   childrenColumnName: string,
 ): RecordType[] {
   const innerSorterStates = sortStates
@@ -287,15 +287,15 @@ export function getSortData<RecordType>(
       return 0;
     })
     .map<RecordType>(record => {
-      const subRecords = (record as any)[childrenColumnName];
-      if (subRecords) {
-        return {
-          ...record,
-          [childrenColumnName]: getSortData(subRecords, sortStates, childrenColumnName),
-        };
-      }
-      return record;
-    });
+    const subRecords = (record as any)[childrenColumnName];
+    if (subRecords) {
+      return {
+        ...record,
+        [childrenColumnName]: getSortData(subRecords, sortStates, childrenColumnName),
+      };
+    }
+    return record;
+  });
 }
 
 interface SorterConfig<RecordType> {
@@ -303,8 +303,8 @@ interface SorterConfig<RecordType> {
   columns?: ColumnsType<RecordType>;
   children?: React.ReactNode;
   onSorterChange: (
-    sorterResult: SorterResult<RecordType> | SorterResult<RecordType>[],
-    sortStates: SortState<RecordType>[],
+    sorterResult: SorterResult<RecordType> | Array<SorterResult<RecordType>>,
+    sortStates: Array<SortState<RecordType>>,
   ) => void;
   sortDirections: SortOrder[];
   tableLocale?: TableLocale;
@@ -320,16 +320,16 @@ export default function useFilterSorter<RecordType>({
   tableLocale,
   showSorterTooltip,
 }: SorterConfig<RecordType>): [
-  TransformColumns<RecordType>,
-  SortState<RecordType>[],
-  ColumnTitleProps<RecordType>,
-  () => SorterResult<RecordType> | SorterResult<RecordType>[],
-] {
+    TransformColumns<RecordType>,
+    Array<SortState<RecordType>>,
+    ColumnTitleProps<RecordType>,
+    () => SorterResult<RecordType> | Array<SorterResult<RecordType>>,
+  ] {
   const mergedColumns = React.useMemo(() => {
     return columns || convertChildrenToColumns(children);
   }, [children, columns]);
 
-  const [sortStates, setSortStates] = React.useState<SortState<RecordType>[]>(
+  const [sortStates, setSortStates] = React.useState<Array<SortState<RecordType>>>(
     collectSortStates(mergedColumns, true),
   );
 
@@ -342,7 +342,7 @@ export default function useFilterSorter<RecordType>({
       return sortStates;
     }
 
-    const validateStates: SortState<RecordType>[] = [];
+    const validateStates: Array<SortState<RecordType>> = [];
 
     function patchStates(state: SortState<RecordType>) {
       if (validate) {
@@ -413,16 +413,15 @@ export default function useFilterSorter<RecordType>({
     onSorterChange(generateSorterInfo(newSorterStates), newSorterStates);
   }
 
-  const transformColumns = (innerColumns: ColumnsType<RecordType>) =>
-    injectSorter(
-      prefixCls,
-      innerColumns,
-      mergedSorterStates,
-      triggerSorter,
-      sortDirections,
-      tableLocale,
-      showSorterTooltip,
-    );
+  const transformColumns = (innerColumns: ColumnsType<RecordType>) => injectSorter(
+    prefixCls,
+    innerColumns,
+    mergedSorterStates,
+    triggerSorter,
+    sortDirections,
+    tableLocale,
+    showSorterTooltip,
+  );
 
   const getSorters = () => {
     return generateSorterInfo(mergedSorterStates);
diff --git a/packages/material-parser/test/fixtures/antd-component/components/table/interface.tsx b/packages/material-parser/test/fixtures/antd-component/components/table/interface.tsx
index 0fbadf538..b42ab0539 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/table/interface.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/table/interface.tsx
@@ -48,7 +48,7 @@ export interface ColumnTitleProps<RecordType> {
   sortOrder?: SortOrder;
   /** @deprecated Please use `sorterColumns` instead. */
   sortColumn?: ColumnType<RecordType>;
-  sortColumns?: { column: ColumnType<RecordType>; order: SortOrder }[];
+  sortColumns?: Array<{ column: ColumnType<RecordType>; order: SortOrder }>;
 
   filters?: Record<string, string[]>;
 }
@@ -72,13 +72,13 @@ export interface ColumnType<RecordType> extends RcColumnType<RecordType> {
 
   // Sorter
   sorter?:
-    | boolean
-    | CompareFn<RecordType>
-    | {
-        compare: CompareFn<RecordType>;
-        /** Config multiple sorter order priority */
-        multiple: number;
-      };
+  | boolean
+  | CompareFn<RecordType>
+  | {
+    compare: CompareFn<RecordType>;
+    /** Config multiple sorter order priority */
+    multiple: number;
+  };
   sortOrder?: SortOrder;
   defaultSortOrder?: SortOrder;
   sortDirections?: SortOrder[];
@@ -101,10 +101,10 @@ export interface ColumnGroupType<RecordType> extends Omit<ColumnType<RecordType>
   children: ColumnsType<RecordType>;
 }
 
-export type ColumnsType<RecordType = unknown> = (
-  | ColumnGroupType<RecordType>
-  | ColumnType<RecordType>
-)[];
+export type ColumnsType<RecordType = unknown> = Array<
+| ColumnGroupType<RecordType>
+| ColumnType<RecordType>
+>;
 
 export interface SelectionItem {
   key: string;
@@ -160,6 +160,4 @@ export interface SorterResult<RecordType> {
 
 export type GetPopupContainer = (triggerNode: HTMLElement) => HTMLElement;
 
-export interface TablePaginationConfig extends PaginationConfig {
-  // position?: 'top' | 'bottom' | 'both';
-}
+export type TablePaginationConfig = PaginationConfig;
diff --git a/packages/material-parser/test/fixtures/antd-component/components/tabs/index.tsx b/packages/material-parser/test/fixtures/antd-component/components/tabs/index.tsx
index 9e1510c16..638265f4f 100755
--- a/packages/material-parser/test/fixtures/antd-component/components/tabs/index.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/tabs/index.tsx
@@ -124,7 +124,7 @@ export default class Tabs extends React.Component<TabsProps, any> {
       [`${prefixCls}-no-animation`]: !tabPaneAnimated,
     });
     // only card type tabs can be added and closed
-    let childrenWithClose: React.ReactElement<any>[] = [];
+    let childrenWithClose: Array<React.ReactElement<any>> = [];
     if (type === 'editable-card') {
       childrenWithClose = [];
       React.Children.forEach(children as React.ReactNode, (child, index) => {
diff --git a/packages/material-parser/test/fixtures/antd-component/components/time-picker/index.tsx b/packages/material-parser/test/fixtures/antd-component/components/time-picker/index.tsx
index 210230fa7..4a0a42211 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/time-picker/index.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/time-picker/index.tsx
@@ -12,7 +12,7 @@ export interface TimePickerLocale {
   rangePlaceholder?: [string, string];
 }
 
-export interface TimeRangePickerProps extends RangePickerTimeProps<Moment> {}
+export type TimeRangePickerProps = RangePickerTimeProps<Moment>;
 
 const RangePicker = React.forwardRef<any, TimeRangePickerProps>((props, ref) => {
   return <InternalRangePicker {...props} picker="time" mode={undefined} ref={ref} />;
diff --git a/packages/material-parser/test/fixtures/antd-component/components/timeline/__tests__/index.test.js b/packages/material-parser/test/fixtures/antd-component/components/timeline/__tests__/index.test.js
index a9774e47d..3a38850ee 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/timeline/__tests__/index.test.js
+++ b/packages/material-parser/test/fixtures/antd-component/components/timeline/__tests__/index.test.js
@@ -6,15 +6,14 @@ import rtlTest from '../../../tests/shared/rtlTest';
 
 const { Item } = TimeLine;
 
-const wrapperFactory = (timeLineProps = {}, labelItems) =>
-  mount(
-    <TimeLine type="editable-card" {...timeLineProps}>
-      <Item key="1">foo</Item>
-      <Item key="2">bar</Item>
-      <Item key="3">baz</Item>
-      {labelItems}
-    </TimeLine>,
-  );
+const wrapperFactory = (timeLineProps = {}, labelItems) => mount(
+  <TimeLine type="editable-card" {...timeLineProps}>
+    <Item key="1">foo</Item>
+    <Item key="2">bar</Item>
+    <Item key="3">baz</Item>
+    {labelItems}
+  </TimeLine>,
+);
 
 describe('TimeLine', () => {
   mountTest(TimeLine);
diff --git a/packages/material-parser/test/fixtures/antd-component/components/tooltip/index.tsx b/packages/material-parser/test/fixtures/antd-component/components/tooltip/index.tsx
index 91817d889..9c2141557 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/tooltip/index.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/tooltip/index.tsx
@@ -182,8 +182,7 @@ class Tooltip extends React.Component<TooltipProps, any> {
     const placements: any = this.getPlacements();
     // 当前返回的位置
     const placement = Object.keys(placements).filter(
-      key =>
-        placements[key].points[0] === align.points[0] &&
+      key => placements[key].points[0] === align.points[0] &&
         placements[key].points[1] === align.points[1],
     )[0];
     // 根据当前坐标设置动画点
diff --git a/packages/material-parser/test/fixtures/antd-component/components/tooltip/placements.tsx b/packages/material-parser/test/fixtures/antd-component/components/tooltip/placements.tsx
index e6fbc7c0a..ec635ac3b 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/tooltip/placements.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/tooltip/placements.tsx
@@ -96,14 +96,14 @@ export default function getPlacements(config: PlacementsConfig) {
   Object.keys(placementMap).forEach(key => {
     placementMap[key] = config.arrowPointAtCenter
       ? {
-          ...placementMap[key],
-          overflow: getOverflowOptions(autoAdjustOverflow),
-          targetOffset,
-        }
+        ...placementMap[key],
+        overflow: getOverflowOptions(autoAdjustOverflow),
+        targetOffset,
+      }
       : {
-          ...placements[key],
-          overflow: getOverflowOptions(autoAdjustOverflow),
-        };
+        ...placements[key],
+        overflow: getOverflowOptions(autoAdjustOverflow),
+      };
 
     placementMap[key].ignoreShake = true;
   });
diff --git a/packages/material-parser/test/fixtures/antd-component/components/transfer/__tests__/index.test.js b/packages/material-parser/test/fixtures/antd-component/components/transfer/__tests__/index.test.js
index 2ee2df3f6..5f0c35ba7 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/transfer/__tests__/index.test.js
+++ b/packages/material-parser/test/fixtures/antd-component/components/transfer/__tests__/index.test.js
@@ -220,15 +220,14 @@ describe('Transfer', () => {
     ).toHaveLength(1);
   });
 
-  const headerText = wrapper =>
-    wrapper
-      .find(TransferList)
-      .at(0)
-      .find('.ant-transfer-list-header-selected > span')
-      .at(0)
-      .first()
-      .text()
-      .trim();
+  const headerText = wrapper => wrapper
+    .find(TransferList)
+    .at(0)
+    .find('.ant-transfer-list-header-selected > span')
+    .at(0)
+    .first()
+    .text()
+    .trim();
 
   it('should display the correct count of items when filter by input', () => {
     const filterOption = (inputValue, option) => option.description.indexOf(inputValue) > -1;
diff --git a/packages/material-parser/test/fixtures/antd-component/components/transfer/index.tsx b/packages/material-parser/test/fixtures/antd-component/components/transfer/index.tsx
index d5ee5b5b3..02a514844 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/transfer/index.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/transfer/index.tsx
@@ -185,15 +185,13 @@ class Transfer extends React.Component<TransferProps, any> {
     }
   };
 
-  onLeftItemSelectAll = (selectedKeys: string[], checkAll: boolean) =>
-    this.onItemSelectAll('left', selectedKeys, checkAll);
+  onLeftItemSelectAll = (selectedKeys: string[], checkAll: boolean) => this.onItemSelectAll('left', selectedKeys, checkAll);
 
-  onRightItemSelectAll = (selectedKeys: string[], checkAll: boolean) =>
-    this.onItemSelectAll('right', selectedKeys, checkAll);
+  onRightItemSelectAll = (selectedKeys: string[], checkAll: boolean) => this.onItemSelectAll('right', selectedKeys, checkAll);
 
   handleFilter = (direction: TransferDirection, e: React.ChangeEvent<HTMLInputElement>) => {
     const { onSearch } = this.props;
-    const value = e.target.value;
+    const { value } = e.target;
     if (onSearch) {
       onSearch(direction, value);
     }
@@ -233,11 +231,9 @@ class Transfer extends React.Component<TransferProps, any> {
     }
   };
 
-  onLeftItemSelect = (selectedKey: string, checked: boolean) =>
-    this.onItemSelect('left', selectedKey, checked);
+  onLeftItemSelect = (selectedKey: string, checked: boolean) => this.onItemSelect('left', selectedKey, checked);
 
-  onRightItemSelect = (selectedKey: string, checked: boolean) =>
-    this.onItemSelect('right', selectedKey, checked);
+  onRightItemSelect = (selectedKey: string, checked: boolean) => this.onItemSelect('right', selectedKey, checked);
 
   handleScroll = (direction: TransferDirection, e: React.SyntheticEvent<HTMLUListElement>) => {
     const { onScroll } = this.props;
diff --git a/packages/material-parser/test/fixtures/antd-component/components/transfer/list.tsx b/packages/material-parser/test/fixtures/antd-component/components/transfer/list.tsx
index 5b86291a8..b49d6623e 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/transfer/list.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/transfer/list.tsx
@@ -63,7 +63,7 @@ interface TransferListState {
 
 function renderListNode(renderList: RenderListFunction | undefined, props: TransferListBodyProps) {
   let bodyContent: React.ReactNode = renderList ? renderList(props) : null;
-  const customize: boolean = !!bodyContent;
+  const customize = !!bodyContent;
   if (!customize) {
     bodyContent = defaultRenderList(props);
   }
@@ -74,8 +74,8 @@ function renderListNode(renderList: RenderListFunction | undefined, props: Trans
 }
 
 export default class TransferList extends React.PureComponent<
-  TransferListProps,
-  TransferListState
+TransferListProps,
+TransferListState
 > {
   static defaultProps = {
     dataSource: [],
diff --git a/packages/material-parser/test/fixtures/antd-component/components/tree-select/index.tsx b/packages/material-parser/test/fixtures/antd-component/components/tree-select/index.tsx
index 4c5e27cc4..2eb3b4e36 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/tree-select/index.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/tree-select/index.tsx
@@ -27,8 +27,8 @@ export type SelectValue = RawValue | RawValue[] | LabeledValue | LabeledValue[];
 
 export interface TreeSelectProps<T>
   extends Omit<
-    RcTreeSelectProps<T>,
-    'showTreeIcon' | 'treeMotion' | 'inputIcon' | 'mode' | 'getInputElement' | 'backfill'
+  RcTreeSelectProps<T>,
+  'showTreeIcon' | 'treeMotion' | 'inputIcon' | 'mode' | 'getInputElement' | 'backfill'
   > {
   suffixIcon?: React.ReactNode;
   size?: SizeType;
@@ -171,8 +171,7 @@ class TreeSelect<T> extends React.Component<TreeSelectProps<T>, {}> {
               menuItemSelectedIcon={itemIcon}
               removeIcon={removeIcon}
               clearIcon={clearIcon}
-              switcherIcon={(nodeProps: AntTreeNodeProps) =>
-                renderSwitcherIcon(treePrefixCls, switcherIcon, treeLine, nodeProps)
+              switcherIcon={(nodeProps: AntTreeNodeProps) => renderSwitcherIcon(treePrefixCls, switcherIcon, treeLine, nodeProps)
               }
               showTreeIcon={treeIcon}
               notFoundContent={mergedNotFound}
diff --git a/packages/material-parser/test/fixtures/antd-component/components/tree/Tree.tsx b/packages/material-parser/test/fixtures/antd-component/components/tree/Tree.tsx
index 82b467a7a..aa7ed468f 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/tree/Tree.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/tree/Tree.tsx
@@ -47,7 +47,7 @@ export interface AntTreeNodeProps {
   [customProp: string]: any;
 }
 
-export interface AntTreeNode extends React.Component<AntTreeNodeProps, {}> {}
+export type AntTreeNode = React.Component<AntTreeNodeProps, {}>;
 
 export interface AntTreeNodeBaseEvent {
   node: AntTreeNode;
@@ -181,8 +181,7 @@ export default class Tree extends React.Component<TreeProps, any> {
           [`${prefixCls}-rtl`]: direction === 'rtl',
         })}
         checkable={checkable ? <span className={`${prefixCls}-checkbox-inner`} /> : checkable}
-        switcherIcon={(nodeProps: AntTreeNodeProps) =>
-          renderSwitcherIcon(prefixCls, switcherIcon, showLine, nodeProps)
+        switcherIcon={(nodeProps: AntTreeNodeProps) => renderSwitcherIcon(prefixCls, switcherIcon, showLine, nodeProps)
         }
       >
         {children}
diff --git a/packages/material-parser/test/fixtures/antd-component/components/typography/Paragraph.tsx b/packages/material-parser/test/fixtures/antd-component/components/typography/Paragraph.tsx
index 1096eaa30..dd0c795d2 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/typography/Paragraph.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/typography/Paragraph.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import Base, { BlockProps } from './Base';
 
-export interface ParagraphProps extends BlockProps {}
+export type ParagraphProps = BlockProps;
 
 const Paragraph: React.FC<ParagraphProps> = props => <Base {...props} component="div" />;
 
diff --git a/packages/material-parser/test/fixtures/antd-component/components/typography/util.tsx b/packages/material-parser/test/fixtures/antd-component/components/typography/util.tsx
index 7a7d3b8fb..3454eda2f 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/typography/util.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/typography/util.tsx
@@ -167,13 +167,13 @@ export default (
         if (inRange() || !currentStepText) {
           return step === fullText.length
             ? {
-                finished: false,
-                reactNode: fullText,
-              }
+              finished: false,
+              reactNode: fullText,
+            }
             : {
-                finished: true,
-                reactNode: currentStepText,
-              };
+              finished: true,
+              reactNode: currentStepText,
+            };
         }
       }
     }
diff --git a/packages/material-parser/test/fixtures/antd-component/components/upload/Upload.tsx b/packages/material-parser/test/fixtures/antd-component/components/upload/Upload.tsx
index c306e559e..0d68239da 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/upload/Upload.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/upload/Upload.tsx
@@ -208,7 +208,7 @@ class Upload extends React.Component<UploadProps, UploadState> {
     const result = beforeUpload(file, fileList);
     if (result === false) {
       // Get unique file list
-      const uniqueList: UploadFile<any>[] = [];
+      const uniqueList: Array<UploadFile<any>> = [];
       stateFileList.concat(fileList.map(fileToObject)).forEach(f => {
         if (uniqueList.every(uf => uf.uid !== f.uid)) {
           uniqueList.push(f);
diff --git a/packages/material-parser/test/fixtures/antd-component/components/upload/UploadList.tsx b/packages/material-parser/test/fixtures/antd-component/components/upload/UploadList.tsx
index 2250aa259..bab934a0d 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/upload/UploadList.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/upload/UploadList.tsx
@@ -198,7 +198,7 @@ export default class UploadList extends React.Component<UploadListProps, any> {
               locale.removeFile,
             )) || (
             <DeleteOutlined title={locale.removeFile} onClick={() => this.handleClose(file)} />
-          )
+        )
         : null;
 
       const downloadIcon =
@@ -213,7 +213,7 @@ export default class UploadList extends React.Component<UploadListProps, any> {
                 title={locale.downloadFile}
                 onClick={() => this.handleDownload(file)}
               />
-            )
+          )
           : null;
       const downloadOrDelete = listType !== 'picture-card' && (
         <span
@@ -234,31 +234,31 @@ export default class UploadList extends React.Component<UploadListProps, any> {
       });
       const preview = file.url
         ? [
-            <a
-              key="view"
-              target="_blank"
-              rel="noopener noreferrer"
-              className={listItemNameClass}
-              title={file.name}
-              {...linkProps}
-              href={file.url}
-              onClick={e => this.handlePreview(file, e)}
-            >
-              {file.name}
-            </a>,
-            downloadOrDelete,
-          ]
+          <a
+            key="view"
+            target="_blank"
+            rel="noopener noreferrer"
+            className={listItemNameClass}
+            title={file.name}
+            {...linkProps}
+            href={file.url}
+            onClick={e => this.handlePreview(file, e)}
+          >
+            {file.name}
+          </a>,
+          downloadOrDelete,
+        ]
         : [
-            <span
-              key="view"
-              className={listItemNameClass}
-              onClick={e => this.handlePreview(file, e)}
-              title={file.name}
-            >
-              {file.name}
-            </span>,
-            downloadOrDelete,
-          ];
+          <span
+            key="view"
+            className={listItemNameClass}
+            onClick={e => this.handlePreview(file, e)}
+            title={file.name}
+          >
+            {file.name}
+          </span>,
+          downloadOrDelete,
+        ];
       const style: React.CSSProperties = {
         pointerEvents: 'none',
         opacity: 0.5,
diff --git a/packages/material-parser/test/fixtures/antd-component/components/upload/__tests__/upload.test.js b/packages/material-parser/test/fixtures/antd-component/components/upload/__tests__/upload.test.js
index d2d00eb34..f81a520dd 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/upload/__tests__/upload.test.js
+++ b/packages/material-parser/test/fixtures/antd-component/components/upload/__tests__/upload.test.js
@@ -91,14 +91,11 @@ describe('Upload', () => {
     const data = jest.fn();
     const props = {
       action: 'http://upload.com',
-      beforeUpload: file =>
-        new Promise(resolve =>
-          setTimeout(() => {
-            const result = file;
-            result.name = 'test.png';
-            resolve(result);
-          }, 100),
-        ),
+      beforeUpload: file => new Promise(resolve => setTimeout(() => {
+        const result = file;
+        result.name = 'test.png';
+        resolve(result);
+      }, 100)),
       data,
       onChange: ({ file }) => {
         if (file.status !== 'uploading') {
@@ -383,17 +380,15 @@ describe('Upload', () => {
     let wrapper;
 
     const props = {
-      onRemove: () =>
-        new Promise(
-          resolve =>
-            setTimeout(() => {
-              wrapper.update();
-              expect(props.fileList).toHaveLength(1);
-              expect(props.fileList[0].status).toBe('uploading');
-              resolve(true);
-            }),
-          100,
-        ),
+      onRemove: () => new Promise(
+        resolve => setTimeout(() => {
+          wrapper.update();
+          expect(props.fileList).toHaveLength(1);
+          expect(props.fileList[0].status).toBe('uploading');
+          resolve(true);
+        }),
+        100,
+      ),
       fileList: [
         {
           uid: '-1',
diff --git a/packages/material-parser/test/fixtures/antd-component/components/upload/interface.tsx b/packages/material-parser/test/fixtures/antd-component/components/upload/interface.tsx
index eeb4064f1..8db7a45b4 100755
--- a/packages/material-parser/test/fixtures/antd-component/components/upload/interface.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/upload/interface.tsx
@@ -47,7 +47,7 @@ export interface UploadFile<T = any> {
 export interface UploadChangeParam<T extends object = UploadFile> {
   // https://github.com/ant-design/ant-design/issues/14420
   file: T;
-  fileList: Array<UploadFile>;
+  fileList: UploadFile[];
   event?: { percent: number };
 }
 
@@ -108,7 +108,7 @@ export interface UploadProps<T = any> {
 }
 
 export interface UploadState<T = any> {
-  fileList: UploadFile<T>[];
+  fileList: Array<UploadFile<T>>;
   dragState: string;
 }
 
diff --git a/packages/material-parser/test/fixtures/antd-component/components/upload/utils.tsx b/packages/material-parser/test/fixtures/antd-component/components/upload/utils.tsx
index 197afc993..0f0bf63b2 100644
--- a/packages/material-parser/test/fixtures/antd-component/components/upload/utils.tsx
+++ b/packages/material-parser/test/fixtures/antd-component/components/upload/utils.tsx
@@ -35,7 +35,7 @@ export function removeFileItem(file: UploadFile, fileList: UploadFile[]) {
 }
 
 // ==================== Default Image Preview ====================
-const extname = (url: string = '') => {
+const extname = (url = '') => {
   const temp = url.split('/');
   const filename = temp[temp.length - 1];
   const filenameWithoutSuffix = filename.split(/#|\?/)[0];
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/affix/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/affix/index.jsx
index dd15c28d0..9e3d2418e 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/affix/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/affix/index.jsx
@@ -10,271 +10,271 @@ import { getScroll, getRect, getNodeHeight } from './util';
 
 /** Affix */
 class Affix extends React.Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    /**
          * 设置 Affix 需要监听滚动事件的容器元素
          * @return {ReactElement} 目标容器元素的实例
          */
-        container: PropTypes.func,
-        /**
+    container: PropTypes.func,
+    /**
          * 距离窗口顶部达到指定偏移量后触发
          */
-        offsetTop: PropTypes.number,
-        /**
+    offsetTop: PropTypes.number,
+    /**
          * 距离窗口底部达到制定偏移量后触发
          */
-        offsetBottom: PropTypes.number,
-        /**
+    offsetBottom: PropTypes.number,
+    /**
          * 当元素的样式发生固钉样式变化时触发的回调函数
          * @param {Boolean} affixed 元素是否被固钉
          */
-        onAffix: PropTypes.func,
-        /**
+    onAffix: PropTypes.func,
+    /**
          * 是否启用绝对布局实现 affix
          * @param {Boolean} 是否启用绝对布局
          */
-        useAbsolute: PropTypes.bool,
-        className: PropTypes.string,
-        style: PropTypes.object,
-        children: PropTypes.any,
+    useAbsolute: PropTypes.bool,
+    className: PropTypes.string,
+    style: PropTypes.object,
+    children: PropTypes.any,
+  };
+
+  static defaultProps = {
+    prefix: 'next-',
+    container: () => window,
+    onAffix: func.noop,
+  };
+
+  static _getAffixMode(nextProps) {
+    const affixMode = {
+      top: false,
+      bottom: false,
+      offset: 0,
     };
+    if (!nextProps) {
+      return affixMode;
+    }
+    const { offsetTop, offsetBottom } = nextProps;
 
-    static defaultProps = {
-        prefix: 'next-',
-        container: () => window,
-        onAffix: func.noop,
+    if (typeof offsetTop !== 'number' && typeof offsetBottom !== 'number') {
+      // set default
+      affixMode.top = true;
+    } else if (typeof offsetTop === 'number') {
+      affixMode.top = true;
+      affixMode.bottom = false;
+      affixMode.offset = offsetTop;
+    } else if (typeof offsetBottom === 'number') {
+      affixMode.bottom = true;
+      affixMode.top = false;
+      affixMode.offset = offsetBottom;
+    }
+
+    return affixMode;
+  }
+
+  constructor(props, context) {
+    super(props, context);
+    this.state = {
+      style: null,
+      containerStyle: null,
+      affixMode: Affix._getAffixMode(props),
     };
+  }
 
-    static _getAffixMode(nextProps) {
-        const affixMode = {
-            top: false,
-            bottom: false,
-            offset: 0,
-        };
-        if (!nextProps) {
-            return affixMode;
-        }
-        const { offsetTop, offsetBottom } = nextProps;
-
-        if (typeof offsetTop !== 'number' && typeof offsetBottom !== 'number') {
-            // set default
-            affixMode.top = true;
-        } else if (typeof offsetTop === 'number') {
-            affixMode.top = true;
-            affixMode.bottom = false;
-            affixMode.offset = offsetTop;
-        } else if (typeof offsetBottom === 'number') {
-            affixMode.bottom = true;
-            affixMode.top = false;
-            affixMode.offset = offsetBottom;
-        }
-
-        return affixMode;
+  static getDerivedStateFromProps(nextProps, prevState) {
+    if ('offsetTop' in nextProps || 'offsetBottom' in nextProps) {
+      return {
+        affixMode: Affix._getAffixMode(nextProps),
+      };
     }
+    return null;
+  }
 
-    constructor(props, context) {
-        super(props, context);
-        this.state = {
-            style: null,
-            containerStyle: null,
-            affixMode: Affix._getAffixMode(props),
-        };
+  componentDidMount() {
+    const { container } = this.props;
+    this._updateNodePosition();
+    // wait for parent rendered
+    this.timeout = setTimeout(() => {
+      this._setEventHandlerForContainer(container);
+    });
+  }
+
+  componentDidUpdate(prevProps, prevState, snapshot) {
+    setTimeout(this._updateNodePosition);
+  }
+
+  componentWillUnmount() {
+    if (this.timeout) {
+      clearTimeout(this.timeout);
+      this.timeout = null;
     }
+    const { container } = this.props;
+    this._removeEventHandlerForContainer(container);
+  }
 
-    static getDerivedStateFromProps(nextProps, prevState) {
-        if ('offsetTop' in nextProps || 'offsetBottom' in nextProps) {
-            return {
-                affixMode: Affix._getAffixMode(nextProps),
-            };
-        }
-        return null;
+  _setEventHandlerForContainer(getContainer) {
+    const container = getContainer();
+    if (!container) {
+      return;
     }
+    events.on(container, 'scroll', this._updateNodePosition, false);
+    events.on(container, 'resize', this._updateNodePosition, false);
+  }
 
-    componentDidMount() {
-        const { container } = this.props;
-        this._updateNodePosition();
-        // wait for parent rendered
-        this.timeout = setTimeout(() => {
-            this._setEventHandlerForContainer(container);
-        });
+  _removeEventHandlerForContainer(getContainer) {
+    const container = getContainer();
+    if (container) {
+      events.off(container, 'scroll', this._updateNodePosition);
+      events.off(container, 'resize', this._updateNodePosition);
     }
+  }
 
-    componentDidUpdate(prevProps, prevState, snapshot) {
-        setTimeout(this._updateNodePosition);
+  updatePosition = () => {
+    this._updateNodePosition();
+  };
+
+  _updateNodePosition = () => {
+    const { affixMode } = this.state;
+    const { container, useAbsolute } = this.props;
+    const affixContainer = container();
+
+    if (!affixContainer || !this.affixNode) {
+      return false;
     }
+    const containerScrollTop = getScroll(affixContainer, true); // 容器在垂直位置上的滚动 offset
+    const affixOffset = this._getOffset(this.affixNode, affixContainer); // 目标节点当前相对于容器的 offset
+    const containerHeight = getNodeHeight(affixContainer); // 容器的高度
+    const affixHeight = this.affixNode.offsetHeight;
+    const containerRect = getRect(affixContainer);
 
-    componentWillUnmount() {
-        if (this.timeout) {
-            clearTimeout(this.timeout);
-            this.timeout = null;
-        }
-        const { container } = this.props;
-        this._removeEventHandlerForContainer(container);
-    }
+    const affixChildHeight = this.affixChildNode.offsetHeight;
 
-    _setEventHandlerForContainer(getContainer) {
-        const container = getContainer();
-        if (!container) {
-            return;
-        }
-        events.on(container, 'scroll', this._updateNodePosition, false);
-        events.on(container, 'resize', this._updateNodePosition, false);
-    }
-
-    _removeEventHandlerForContainer(getContainer) {
-        const container = getContainer();
-        if (container) {
-            events.off(container, 'scroll', this._updateNodePosition);
-            events.off(container, 'resize', this._updateNodePosition);
-        }
-    }
-
-    updatePosition = () => {
-        this._updateNodePosition();
+    const affixStyle = {
+      width: affixOffset.width,
     };
-
-    _updateNodePosition = () => {
-        const { affixMode } = this.state;
-        const { container, useAbsolute } = this.props;
-        const affixContainer = container();
-
-        if (!affixContainer || !this.affixNode) {
-            return false;
-        }
-        const containerScrollTop = getScroll(affixContainer, true); // 容器在垂直位置上的滚动 offset
-        const affixOffset = this._getOffset(this.affixNode, affixContainer); // 目标节点当前相对于容器的 offset
-        const containerHeight = getNodeHeight(affixContainer); // 容器的高度
-        const affixHeight = this.affixNode.offsetHeight;
-        const containerRect = getRect(affixContainer);
-
-        const affixChildHeight = this.affixChildNode.offsetHeight;
-
-        const affixStyle = {
-            width: affixOffset.width,
-        };
-        const containerStyle = {
-            width: affixOffset.width,
-            height: affixChildHeight,
-        };
-        if (
-            affixMode.top &&
+    const containerStyle = {
+      width: affixOffset.width,
+      height: affixChildHeight,
+    };
+    if (
+      affixMode.top &&
             containerScrollTop > affixOffset.top - affixMode.offset
-        ) {
-            // affix top
-            if (useAbsolute) {
-                affixStyle.position = 'absolute';
-                affixStyle.top =
+    ) {
+      // affix top
+      if (useAbsolute) {
+        affixStyle.position = 'absolute';
+        affixStyle.top =
                     containerScrollTop - (affixOffset.top - affixMode.offset);
-                containerStyle.position = 'relative';
-            } else {
-                affixStyle.position = 'fixed';
-                affixStyle.top = affixMode.offset + containerRect.top;
-            }
-            this._setAffixStyle(affixStyle, true);
-            this._setContainerStyle(containerStyle);
-        } else if (
-            affixMode.bottom &&
+        containerStyle.position = 'relative';
+      } else {
+        affixStyle.position = 'fixed';
+        affixStyle.top = affixMode.offset + containerRect.top;
+      }
+      this._setAffixStyle(affixStyle, true);
+      this._setContainerStyle(containerStyle);
+    } else if (
+      affixMode.bottom &&
             containerScrollTop <
                 affixOffset.top +
                     affixHeight +
                     affixMode.offset -
                     containerHeight
-        ) {
-            // affix bottom
-            affixStyle.height = affixHeight;
-            if (useAbsolute) {
-                affixStyle.position = 'absolute';
-                affixStyle.top =
+    ) {
+      // affix bottom
+      affixStyle.height = affixHeight;
+      if (useAbsolute) {
+        affixStyle.position = 'absolute';
+        affixStyle.top =
                     containerScrollTop -
                     (affixOffset.top +
                         affixHeight +
                         affixMode.offset -
                         containerHeight);
-                containerStyle.position = 'relative';
-            } else {
-                affixStyle.position = 'fixed';
-                affixStyle.bottom = affixMode.offset;
-            }
-            this._setAffixStyle(affixStyle, true);
-            this._setContainerStyle(containerStyle);
-        } else {
-            this._setAffixStyle(null);
-            this._setContainerStyle(null);
-        }
+        containerStyle.position = 'relative';
+      } else {
+        affixStyle.position = 'fixed';
+        affixStyle.bottom = affixMode.offset;
+      }
+      this._setAffixStyle(affixStyle, true);
+      this._setContainerStyle(containerStyle);
+    } else {
+      this._setAffixStyle(null);
+      this._setContainerStyle(null);
+    }
+  };
+
+  _setAffixStyle(affixStyle, affixed = false) {
+    if (obj.shallowEqual(affixStyle, this.state.style)) {
+      return;
+    }
+
+    this.setState({
+      style: affixStyle,
+    });
+
+    const { onAffix } = this.props;
+
+    if (affixed) {
+      setTimeout(() => onAffix(true));
+    } else if (!affixStyle) {
+      setTimeout(() => onAffix(false));
+    }
+  }
+
+  _setContainerStyle(containerStyle) {
+    if (obj.shallowEqual(containerStyle, this.state.containerStyle)) {
+      return;
+    }
+    this.setState({ containerStyle });
+  }
+
+  _getOffset(affixNode, affixContainer) {
+    const affixRect = affixNode.getBoundingClientRect(); // affix 元素 相对浏览器窗口的位置
+    const containerRect = getRect(affixContainer); // affix 容器 相对浏览器窗口的位置
+    const containerScrollTop = getScroll(affixContainer, true);
+    const containerScrollLeft = getScroll(affixContainer, false);
+
+    return {
+      top: affixRect.top - containerRect.top + containerScrollTop,
+      left: affixRect.left - containerRect.left + containerScrollLeft,
+      width: affixRect.width,
+      height: affixRect.height,
     };
+  }
 
-    _setAffixStyle(affixStyle, affixed = false) {
-        if (obj.shallowEqual(affixStyle, this.state.style)) {
-            return;
-        }
+  _affixNodeRefHandler = ref => {
+    this.affixNode = findDOMNode(ref);
+  };
 
-        this.setState({
-            style: affixStyle,
-        });
+  _affixChildNodeRefHandler = ref => {
+    this.affixChildNode = findDOMNode(ref);
+  };
 
-        const { onAffix } = this.props;
+  render() {
+    const { affixMode } = this.state;
+    const { prefix, className, style, children } = this.props;
+    const { state } = this;
+    const classNames = classnames({
+      [`${prefix}affix`]: state.style,
+      [`${prefix}affix-top`]: !state.style && affixMode.top,
+      [`${prefix}affix-bottom`]: !state.style && affixMode.bottom,
+      [className]: className,
+    });
+    const combinedStyle = { ...state.containerStyle, ...style };
 
-        if (affixed) {
-            setTimeout(() => onAffix(true));
-        } else if (!affixStyle) {
-            setTimeout(() => onAffix(false));
-        }
-    }
-
-    _setContainerStyle(containerStyle) {
-        if (obj.shallowEqual(containerStyle, this.state.containerStyle)) {
-            return;
-        }
-        this.setState({ containerStyle });
-    }
-
-    _getOffset(affixNode, affixContainer) {
-        const affixRect = affixNode.getBoundingClientRect(); // affix 元素 相对浏览器窗口的位置
-        const containerRect = getRect(affixContainer); // affix 容器 相对浏览器窗口的位置
-        const containerScrollTop = getScroll(affixContainer, true);
-        const containerScrollLeft = getScroll(affixContainer, false);
-
-        return {
-            top: affixRect.top - containerRect.top + containerScrollTop,
-            left: affixRect.left - containerRect.left + containerScrollLeft,
-            width: affixRect.width,
-            height: affixRect.height,
-        };
-    }
-
-    _affixNodeRefHandler = ref => {
-        this.affixNode = findDOMNode(ref);
-    };
-
-    _affixChildNodeRefHandler = ref => {
-        this.affixChildNode = findDOMNode(ref);
-    };
-
-    render() {
-        const { affixMode } = this.state;
-        const { prefix, className, style, children } = this.props;
-        const state = this.state;
-        const classNames = classnames({
-            [`${prefix}affix`]: state.style,
-            [`${prefix}affix-top`]: !state.style && affixMode.top,
-            [`${prefix}affix-bottom`]: !state.style && affixMode.bottom,
-            [className]: className,
-        });
-        const combinedStyle = { ...state.containerStyle, ...style };
-
-        return (
-            <div ref={this._affixNodeRefHandler} style={combinedStyle}>
-                <div
-                    ref={this._affixChildNodeRefHandler}
-                    className={classNames}
-                    style={state.style}
-                >
-                    {children}
-                </div>
-            </div>
-        );
-    }
+    return (
+      <div ref={this._affixNodeRefHandler} style={combinedStyle}>
+        <div
+          ref={this._affixChildNodeRefHandler}
+          className={classNames}
+          style={state.style}
+        >
+          {children}
+        </div>
+      </div>
+    );
+  }
 }
 
 export default ConfigProvider.config(polyfill(Affix));
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/affix/util.js b/packages/material-parser/test/fixtures/fusion-next-component/src/affix/util.js
index 6a7e82b98..c524cb4f7 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/affix/util.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/affix/util.js
@@ -1,24 +1,24 @@
 export function getScroll(node, isVertical) {
-    if (typeof window === 'undefined') {
-        return 0;
-    }
-    const windowProp = isVertical ? 'pageYOffset' : 'pageXOffset';
-    const elementProp = isVertical ? 'scrollTop' : 'scrollLeft';
-    return node === window ? node[windowProp] : node[elementProp];
+  if (typeof window === 'undefined') {
+    return 0;
+  }
+  const windowProp = isVertical ? 'pageYOffset' : 'pageXOffset';
+  const elementProp = isVertical ? 'scrollTop' : 'scrollLeft';
+  return node === window ? node[windowProp] : node[elementProp];
 }
 
 export function getRect(node) {
-    return node !== window
-        ? node.getBoundingClientRect()
-        : { top: 0, left: 0, bottom: 0 };
+  return node !== window
+    ? node.getBoundingClientRect()
+    : { top: 0, left: 0, bottom: 0 };
 }
 
 export function getNodeHeight(node) {
-    if (!node) {
-        return 0;
-    }
-    if (node === window) {
-        return window.innerHeight;
-    }
-    return node.clientHeight;
+  if (!node) {
+    return 0;
+  }
+  if (node === window) {
+    return window.innerHeight;
+  }
+  return node.clientHeight;
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/animate/animate.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/animate/animate.jsx
index 28c239ef3..81bdbe735 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/animate/animate.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/animate/animate.jsx
@@ -5,174 +5,174 @@ import AnimateChild from './child';
 
 const noop = () => {};
 const FirstChild = props => {
-    const childrenArray = React.Children.toArray(props.children);
-    return childrenArray[0] || null;
+  const childrenArray = React.Children.toArray(props.children);
+  return childrenArray[0] || null;
 };
 
 /**
  * Animate
  */
 class Animate extends Component {
-    static propTypes = {
-        /**
+  static propTypes = {
+    /**
          * 动画 className
          */
-        animation: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
-        /**
+    animation: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+    /**
          * 子元素第一次挂载时是否执行动画
          */
-        animationAppear: PropTypes.bool,
-        /**
+    animationAppear: PropTypes.bool,
+    /**
          * 包裹子元素的标签
          */
-        component: PropTypes.any,
-        /**
+    component: PropTypes.any,
+    /**
          * 是否只有单个子元素，如果有多个子元素，请设置为 false
          */
-        singleMode: PropTypes.bool,
-        /**
+    singleMode: PropTypes.bool,
+    /**
          * 子元素
          */
-        children: PropTypes.oneOfType([
-            PropTypes.element,
-            PropTypes.arrayOf(PropTypes.element),
-        ]),
-        /**
+    children: PropTypes.oneOfType([
+      PropTypes.element,
+      PropTypes.arrayOf(PropTypes.element),
+    ]),
+    /**
          * 执行第一次挂载动画前触发的回调函数
          * @param {HTMLElement} node 执行动画的 dom 元素
          */
-        beforeAppear: PropTypes.func,
-        /**
+    beforeAppear: PropTypes.func,
+    /**
          * 执行第一次挂载动画，添加 xxx-appear-active 类名后触发的回调函数
          *  @param {HTMLElement} node 执行动画的 dom 元素
          */
-        onAppear: PropTypes.func,
-        /**
+    onAppear: PropTypes.func,
+    /**
          * 执行完第一次挂载动画后触发的函数
          * @param {HTMLElement} node 执行动画的 dom 元素
          */
-        afterAppear: PropTypes.func,
-        /**
+    afterAppear: PropTypes.func,
+    /**
          * 执行进场动画前触发的回调函数
          * @param {HTMLElement} node 执行动画的 dom 元素
          */
-        beforeEnter: PropTypes.func,
-        /**
+    beforeEnter: PropTypes.func,
+    /**
          * 执行进场动画，添加 xxx-enter-active 类名后触发的回调函数
          * @param {HTMLElement} node 执行动画的 dom 元素
          */
-        onEnter: PropTypes.func,
-        /**
+    onEnter: PropTypes.func,
+    /**
          * 执行完进场动画后触发的回调函数
          * @param {HTMLElement} node 执行动画的 dom 元素
          */
-        afterEnter: PropTypes.func,
-        /**
+    afterEnter: PropTypes.func,
+    /**
          * 执行离场动画前触发的回调函数
          * @param {HTMLElement} node 执行动画的 dom 元素
          */
-        beforeLeave: PropTypes.func,
-        /**
+    beforeLeave: PropTypes.func,
+    /**
          * 执行离场动画，添加 xxx-leave-active 类名后触发的回调函数
          * @param {HTMLElement} node 执行动画的 dom 元素
          */
-        onLeave: PropTypes.func,
-        /**
+    onLeave: PropTypes.func,
+    /**
          * 执行完离场动画后触发的回调函数
          * @param {HTMLElement} node 执行动画的 dom 元素
          */
-        afterLeave: PropTypes.func,
-    };
+    afterLeave: PropTypes.func,
+  };
 
-    static defaultProps = {
-        animationAppear: true,
-        component: 'div',
-        singleMode: true,
-        beforeAppear: noop,
-        onAppear: noop,
-        afterAppear: noop,
-        beforeEnter: noop,
-        onEnter: noop,
-        afterEnter: noop,
-        beforeLeave: noop,
-        onLeave: noop,
-        afterLeave: noop,
-    };
+  static defaultProps = {
+    animationAppear: true,
+    component: 'div',
+    singleMode: true,
+    beforeAppear: noop,
+    onAppear: noop,
+    afterAppear: noop,
+    beforeEnter: noop,
+    onEnter: noop,
+    afterEnter: noop,
+    beforeLeave: noop,
+    onLeave: noop,
+    afterLeave: noop,
+  };
 
-    normalizeNames(names) {
-        if (typeof names === 'string') {
-            return {
-                appear: `${names}-appear`,
-                appearActive: `${names}-appear-active`,
-                enter: `${names}-enter`,
-                enterActive: `${names}-enter-active`,
-                leave: `${names}-leave`,
-                leaveActive: `${names}-leave-active`,
-            };
-        }
-        if (typeof names === 'object') {
-            return {
-                appear: names.appear,
-                appearActive: `${names.appear}-active`,
-                enter: `${names.enter}`,
-                enterActive: `${names.enter}-active`,
-                leave: `${names.leave}`,
-                leaveActive: `${names.leave}-active`,
-            };
-        }
+  normalizeNames(names) {
+    if (typeof names === 'string') {
+      return {
+        appear: `${names}-appear`,
+        appearActive: `${names}-appear-active`,
+        enter: `${names}-enter`,
+        enterActive: `${names}-enter-active`,
+        leave: `${names}-leave`,
+        leaveActive: `${names}-leave-active`,
+      };
     }
-
-    render() {
-        /* eslint-disable no-unused-vars */
-        const {
-            animation,
-            children,
-            animationAppear,
-            singleMode,
-            component,
-            beforeAppear,
-            onAppear,
-            afterAppear,
-            beforeEnter,
-            onEnter,
-            afterEnter,
-            beforeLeave,
-            onLeave,
-            afterLeave,
-            ...others
-        } = this.props;
-        /* eslint-enable no-unused-vars */
-
-        const animateChildren = Children.map(children, child => {
-            return (
-                <AnimateChild
-                    key={child.key}
-                    names={this.normalizeNames(animation)}
-                    onAppear={beforeAppear}
-                    onAppearing={onAppear}
-                    onAppeared={afterAppear}
-                    onEnter={beforeEnter}
-                    onEntering={onEnter}
-                    onEntered={afterEnter}
-                    onExit={beforeLeave}
-                    onExiting={onLeave}
-                    onExited={afterLeave}
-                >
-                    {child}
-                </AnimateChild>
-            );
-        });
-
-        return (
-            <TransitionGroup
-                appear={animationAppear}
-                component={singleMode ? FirstChild : component}
-                {...others}
-            >
-                {animateChildren}
-            </TransitionGroup>
-        );
+    if (typeof names === 'object') {
+      return {
+        appear: names.appear,
+        appearActive: `${names.appear}-active`,
+        enter: `${names.enter}`,
+        enterActive: `${names.enter}-active`,
+        leave: `${names.leave}`,
+        leaveActive: `${names.leave}-active`,
+      };
     }
+  }
+
+  render() {
+    /* eslint-disable no-unused-vars */
+    const {
+      animation,
+      children,
+      animationAppear,
+      singleMode,
+      component,
+      beforeAppear,
+      onAppear,
+      afterAppear,
+      beforeEnter,
+      onEnter,
+      afterEnter,
+      beforeLeave,
+      onLeave,
+      afterLeave,
+      ...others
+    } = this.props;
+    /* eslint-enable no-unused-vars */
+
+    const animateChildren = Children.map(children, child => {
+      return (
+        <AnimateChild
+          key={child.key}
+          names={this.normalizeNames(animation)}
+          onAppear={beforeAppear}
+          onAppearing={onAppear}
+          onAppeared={afterAppear}
+          onEnter={beforeEnter}
+          onEntering={onEnter}
+          onEntered={afterEnter}
+          onExit={beforeLeave}
+          onExiting={onLeave}
+          onExited={afterLeave}
+        >
+          {child}
+        </AnimateChild>
+      );
+    });
+
+    return (
+      <TransitionGroup
+        appear={animationAppear}
+        component={singleMode ? FirstChild : component}
+        {...others}
+      >
+        {animateChildren}
+      </TransitionGroup>
+    );
+  }
 }
 
 export default Animate;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/animate/child.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/animate/child.jsx
index 1210b2f82..5c1d0a9f7 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/animate/child.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/animate/child.jsx
@@ -9,255 +9,255 @@ const { addClass, removeClass } = dom;
 const prefixes = ['-webkit-', '-moz-', '-o-', 'ms-', ''];
 
 function getStyleProperty(node, name) {
-    const style = window.getComputedStyle(node);
-    let ret = '';
-    for (let i = 0; i < prefixes.length; i++) {
-        ret = style.getPropertyValue(prefixes[i] + name);
-        if (ret) {
-            break;
-        }
+  const style = window.getComputedStyle(node);
+  let ret = '';
+  for (let i = 0; i < prefixes.length; i++) {
+    ret = style.getPropertyValue(prefixes[i] + name);
+    if (ret) {
+      break;
     }
-    return ret;
+  }
+  return ret;
 }
 
 export default class AnimateChild extends Component {
-    static propTypes = {
-        names: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
-        onAppear: PropTypes.func,
-        onAppearing: PropTypes.func,
-        onAppeared: PropTypes.func,
-        onEnter: PropTypes.func,
-        onEntering: PropTypes.func,
-        onEntered: PropTypes.func,
-        onExit: PropTypes.func,
-        onExiting: PropTypes.func,
-        onExited: PropTypes.func,
+  static propTypes = {
+    names: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+    onAppear: PropTypes.func,
+    onAppearing: PropTypes.func,
+    onAppeared: PropTypes.func,
+    onEnter: PropTypes.func,
+    onEntering: PropTypes.func,
+    onEntered: PropTypes.func,
+    onExit: PropTypes.func,
+    onExiting: PropTypes.func,
+    onExited: PropTypes.func,
+  };
+
+  static defaultProps = {
+    onAppear: noop,
+    onAppearing: noop,
+    onAppeared: noop,
+    onEnter: noop,
+    onEntering: noop,
+    onEntered: noop,
+    onExit: noop,
+    onExiting: noop,
+    onExited: noop,
+  };
+
+  constructor(props) {
+    super(props);
+    func.bindCtx(this, [
+      'handleEnter',
+      'handleEntering',
+      'handleEntered',
+      'handleExit',
+      'handleExiting',
+      'handleExited',
+      'addEndListener',
+    ]);
+    this.endListeners = {
+      transitionend: [],
+      animationend: [],
     };
+    this.timeoutMap = {};
+  }
 
-    static defaultProps = {
-        onAppear: noop,
-        onAppearing: noop,
-        onAppeared: noop,
-        onEnter: noop,
-        onEntering: noop,
-        onEntered: noop,
-        onExit: noop,
-        onExiting: noop,
-        onExited: noop,
+  componentWillUnmount() {
+    Object.keys(this.endListeners).forEach(eventName => {
+      this.endListeners[eventName].forEach(listener => {
+        off(this.node, eventName, listener);
+      });
+    });
+    this.endListeners = {
+      transitionend: [],
+      animationend: [],
     };
+  }
 
-    constructor(props) {
-        super(props);
-        func.bindCtx(this, [
-            'handleEnter',
-            'handleEntering',
-            'handleEntered',
-            'handleExit',
-            'handleExiting',
-            'handleExited',
-            'addEndListener',
-        ]);
-        this.endListeners = {
-            transitionend: [],
-            animationend: [],
-        };
-        this.timeoutMap = {};
-    }
+  generateEndListener(node, done, eventName, id) {
+    const _this = this;
+    return function endListener(e) {
+      if (e && e.target === node) {
+        if (_this.timeoutMap[id]) {
+          clearTimeout(_this.timeoutMap[id]);
+          delete _this.timeoutMap[id];
+        }
 
-    componentWillUnmount() {
-        Object.keys(this.endListeners).forEach(eventName => {
-            this.endListeners[eventName].forEach(listener => {
-                off(this.node, eventName, listener);
-            });
-        });
-        this.endListeners = {
-            transitionend: [],
-            animationend: [],
-        };
-    }
+        done();
+        off(node, eventName, endListener);
+        const listeners = _this.endListeners[eventName];
+        const index = listeners.indexOf(endListener);
+        index > -1 && listeners.splice(index, 1);
+      }
+    };
+  }
 
-    generateEndListener(node, done, eventName, id) {
-        const _this = this;
-        return function endListener(e) {
-            if (e && e.target === node) {
-                if (_this.timeoutMap[id]) {
-                    clearTimeout(_this.timeoutMap[id]);
-                    delete _this.timeoutMap[id];
-                }
+  addEndListener(node, done) {
+    if (support.transition || support.animation) {
+      const id = guid();
 
-                done();
-                off(node, eventName, endListener);
-                const listeners = _this.endListeners[eventName];
-                const index = listeners.indexOf(endListener);
-                index > -1 && listeners.splice(index, 1);
-            }
-        };
-    }
+      this.node = node;
+      if (support.transition) {
+        const transitionEndListener = this.generateEndListener(
+          node,
+          done,
+          'transitionend',
+          id,
+        );
+        on(node, 'transitionend', transitionEndListener);
+        this.endListeners.transitionend.push(transitionEndListener);
+      }
+      if (support.animation) {
+        const animationEndListener = this.generateEndListener(
+          node,
+          done,
+          'animationend',
+          id,
+        );
+        on(node, 'animationend', animationEndListener);
+        this.endListeners.animationend.push(animationEndListener);
+      }
 
-    addEndListener(node, done) {
-        if (support.transition || support.animation) {
-            const id = guid();
-
-            this.node = node;
-            if (support.transition) {
-                const transitionEndListener = this.generateEndListener(
-                    node,
-                    done,
-                    'transitionend',
-                    id
-                );
-                on(node, 'transitionend', transitionEndListener);
-                this.endListeners.transitionend.push(transitionEndListener);
-            }
-            if (support.animation) {
-                const animationEndListener = this.generateEndListener(
-                    node,
-                    done,
-                    'animationend',
-                    id
-                );
-                on(node, 'animationend', animationEndListener);
-                this.endListeners.animationend.push(animationEndListener);
-            }
-
-            setTimeout(() => {
-                const transitionDelay =
+      setTimeout(() => {
+        const transitionDelay =
                     parseFloat(getStyleProperty(node, 'transition-delay')) || 0;
-                const transitionDuration =
+        const transitionDuration =
                     parseFloat(getStyleProperty(node, 'transition-duration')) ||
                     0;
-                const animationDelay =
+        const animationDelay =
                     parseFloat(getStyleProperty(node, 'animation-delay')) || 0;
-                const animationDuration =
+        const animationDuration =
                     parseFloat(getStyleProperty(node, 'animation-duration')) ||
                     0;
-                const time = Math.max(
-                    transitionDuration + transitionDelay,
-                    animationDuration + animationDelay
-                );
-                if (time) {
-                    this.timeoutMap[id] = setTimeout(() => {
-                        done();
-                    }, time * 1000 + 200);
-                }
-            }, 15);
-        } else {
-            done();
-        }
-    }
-
-    removeEndtListener() {
-        this.transitionOff && this.transitionOff();
-        this.animationOff && this.animationOff();
-    }
-
-    removeClassNames(node, names) {
-        Object.keys(names).forEach(key => {
-            removeClass(node, names[key]);
-        });
-    }
-
-    handleEnter(node, isAppearing) {
-        const { names } = this.props;
-        if (names) {
-            this.removeClassNames(node, names);
-            const className = isAppearing ? 'appear' : 'enter';
-            addClass(node, names[className]);
-        }
-
-        const hook = isAppearing ? this.props.onAppear : this.props.onEnter;
-        hook(node);
-    }
-
-    handleEntering(node, isAppearing) {
-        setTimeout(() => {
-            const { names } = this.props;
-            if (names) {
-                const className = isAppearing ? 'appearActive' : 'enterActive';
-                addClass(node, names[className]);
-            }
-
-            const hook = isAppearing
-                ? this.props.onAppearing
-                : this.props.onEntering;
-            hook(node);
-        }, 10);
-    }
-
-    handleEntered(node, isAppearing) {
-        const { names } = this.props;
-        if (names) {
-            const classNames = isAppearing
-                ? [names.appear, names.appearActive]
-                : [names.enter, names.enterActive];
-            classNames.forEach(className => {
-                removeClass(node, className);
-            });
-        }
-
-        const hook = isAppearing ? this.props.onAppeared : this.props.onEntered;
-        hook(node);
-    }
-
-    handleExit(node) {
-        const { names } = this.props;
-        if (names) {
-            this.removeClassNames(node, names);
-            addClass(node, names.leave);
-        }
-
-        this.props.onExit(node);
-    }
-
-    handleExiting(node) {
-        setTimeout(() => {
-            const { names } = this.props;
-            if (names) {
-                addClass(node, names.leaveActive);
-            }
-            this.props.onExiting(node);
-        }, 10);
-    }
-
-    handleExited(node) {
-        const { names } = this.props;
-        if (names) {
-            [names.leave, names.leaveActive].forEach(className => {
-                removeClass(node, className);
-            });
-        }
-
-        this.props.onExited(node);
-    }
-
-    render() {
-        /* eslint-disable no-unused-vars */
-        const {
-            names,
-            onAppear,
-            onAppeared,
-            onAppearing,
-            onEnter,
-            onEntering,
-            onEntered,
-            onExit,
-            onExiting,
-            onExited,
-            ...others
-        } = this.props;
-        /* eslint-enable no-unused-vars */
-
-        return (
-            <Transition
-                {...others}
-                onEnter={this.handleEnter}
-                onEntering={this.handleEntering}
-                onEntered={this.handleEntered}
-                onExit={this.handleExit}
-                onExiting={this.handleExiting}
-                onExited={this.handleExited}
-                addEndListener={this.addEndListener}
-            />
+        const time = Math.max(
+          transitionDuration + transitionDelay,
+          animationDuration + animationDelay,
         );
+        if (time) {
+          this.timeoutMap[id] = setTimeout(() => {
+            done();
+          }, time * 1000 + 200);
+        }
+      }, 15);
+    } else {
+      done();
     }
+  }
+
+  removeEndtListener() {
+    this.transitionOff && this.transitionOff();
+    this.animationOff && this.animationOff();
+  }
+
+  removeClassNames(node, names) {
+    Object.keys(names).forEach(key => {
+      removeClass(node, names[key]);
+    });
+  }
+
+  handleEnter(node, isAppearing) {
+    const { names } = this.props;
+    if (names) {
+      this.removeClassNames(node, names);
+      const className = isAppearing ? 'appear' : 'enter';
+      addClass(node, names[className]);
+    }
+
+    const hook = isAppearing ? this.props.onAppear : this.props.onEnter;
+    hook(node);
+  }
+
+  handleEntering(node, isAppearing) {
+    setTimeout(() => {
+      const { names } = this.props;
+      if (names) {
+        const className = isAppearing ? 'appearActive' : 'enterActive';
+        addClass(node, names[className]);
+      }
+
+      const hook = isAppearing
+        ? this.props.onAppearing
+        : this.props.onEntering;
+      hook(node);
+    }, 10);
+  }
+
+  handleEntered(node, isAppearing) {
+    const { names } = this.props;
+    if (names) {
+      const classNames = isAppearing
+        ? [names.appear, names.appearActive]
+        : [names.enter, names.enterActive];
+      classNames.forEach(className => {
+        removeClass(node, className);
+      });
+    }
+
+    const hook = isAppearing ? this.props.onAppeared : this.props.onEntered;
+    hook(node);
+  }
+
+  handleExit(node) {
+    const { names } = this.props;
+    if (names) {
+      this.removeClassNames(node, names);
+      addClass(node, names.leave);
+    }
+
+    this.props.onExit(node);
+  }
+
+  handleExiting(node) {
+    setTimeout(() => {
+      const { names } = this.props;
+      if (names) {
+        addClass(node, names.leaveActive);
+      }
+      this.props.onExiting(node);
+    }, 10);
+  }
+
+  handleExited(node) {
+    const { names } = this.props;
+    if (names) {
+      [names.leave, names.leaveActive].forEach(className => {
+        removeClass(node, className);
+      });
+    }
+
+    this.props.onExited(node);
+  }
+
+  render() {
+    /* eslint-disable no-unused-vars */
+    const {
+      names,
+      onAppear,
+      onAppeared,
+      onAppearing,
+      onEnter,
+      onEntering,
+      onEntered,
+      onExit,
+      onExiting,
+      onExited,
+      ...others
+    } = this.props;
+    /* eslint-enable no-unused-vars */
+
+    return (
+      <Transition
+        {...others}
+        onEnter={this.handleEnter}
+        onEntering={this.handleEntering}
+        onEntered={this.handleEntered}
+        onExit={this.handleExit}
+        onExiting={this.handleExiting}
+        onExited={this.handleExited}
+        addEndListener={this.addEndListener}
+      />
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/animate/expand.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/animate/expand.jsx
index 6bc06fa16..ab0de9ba2 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/animate/expand.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/animate/expand.jsx
@@ -7,140 +7,140 @@ const noop = () => {};
 const { getStyle } = dom;
 
 export default class Expand extends Component {
-    static propTypes = {
-        animation: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
-        beforeEnter: PropTypes.func,
-        onEnter: PropTypes.func,
-        afterEnter: PropTypes.func,
-        beforeLeave: PropTypes.func,
-        onLeave: PropTypes.func,
-        afterLeave: PropTypes.func,
-    };
+  static propTypes = {
+    animation: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+    beforeEnter: PropTypes.func,
+    onEnter: PropTypes.func,
+    afterEnter: PropTypes.func,
+    beforeLeave: PropTypes.func,
+    onLeave: PropTypes.func,
+    afterLeave: PropTypes.func,
+  };
 
-    static defaultProps = {
-        beforeEnter: noop,
-        onEnter: noop,
-        afterEnter: noop,
-        beforeLeave: noop,
-        onLeave: noop,
-        afterLeave: noop,
-    };
+  static defaultProps = {
+    beforeEnter: noop,
+    onEnter: noop,
+    afterEnter: noop,
+    beforeLeave: noop,
+    onLeave: noop,
+    afterLeave: noop,
+  };
 
-    constructor(props) {
-        super(props);
-        func.bindCtx(this, [
-            'beforeEnter',
-            'onEnter',
-            'afterEnter',
-            'beforeLeave',
-            'onLeave',
-            'afterLeave',
-        ]);
+  constructor(props) {
+    super(props);
+    func.bindCtx(this, [
+      'beforeEnter',
+      'onEnter',
+      'afterEnter',
+      'beforeLeave',
+      'onLeave',
+      'afterLeave',
+    ]);
+  }
+
+  beforeEnter(node) {
+    if (this.leaving) {
+      this.afterLeave(node);
     }
 
-    beforeEnter(node) {
-        if (this.leaving) {
-            this.afterLeave(node);
-        }
+    this.cacheCurrentStyle(node);
+    this.cacheComputedStyle(node);
+    this.setCurrentStyleToZero(node);
 
-        this.cacheCurrentStyle(node);
-        this.cacheComputedStyle(node);
-        this.setCurrentStyleToZero(node);
+    this.props.beforeEnter(node);
+  }
 
-        this.props.beforeEnter(node);
-    }
+  onEnter(node) {
+    this.setCurrentStyleToComputedStyle(node);
 
-    onEnter(node) {
-        this.setCurrentStyleToComputedStyle(node);
+    this.props.onEnter(node);
+  }
 
-        this.props.onEnter(node);
-    }
+  afterEnter(node) {
+    this.restoreCurrentStyle(node);
 
-    afterEnter(node) {
-        this.restoreCurrentStyle(node);
+    this.props.afterEnter(node);
+  }
 
-        this.props.afterEnter(node);
-    }
+  beforeLeave(node) {
+    this.leaving = true;
 
-    beforeLeave(node) {
-        this.leaving = true;
+    this.cacheCurrentStyle(node);
+    this.cacheComputedStyle(node);
+    this.setCurrentStyleToComputedStyle(node);
 
-        this.cacheCurrentStyle(node);
-        this.cacheComputedStyle(node);
-        this.setCurrentStyleToComputedStyle(node);
+    this.props.beforeLeave(node);
+  }
 
-        this.props.beforeLeave(node);
-    }
+  onLeave(node) {
+    this.setCurrentStyleToZero(node);
 
-    onLeave(node) {
-        this.setCurrentStyleToZero(node);
+    this.props.onLeave(node);
+  }
 
-        this.props.onLeave(node);
-    }
+  afterLeave(node) {
+    this.leaving = false;
 
-    afterLeave(node) {
-        this.leaving = false;
+    this.restoreCurrentStyle(node);
 
-        this.restoreCurrentStyle(node);
+    this.props.afterLeave(node);
+  }
 
-        this.props.afterLeave(node);
-    }
+  cacheCurrentStyle(node) {
+    this.styleBorderTopWidth = node.style.borderTopWidth;
+    this.stylePaddingTop = node.style.paddingTop;
+    this.styleHeight = node.style.height;
+    this.stylePaddingBottom = node.style.paddingBottom;
+    this.styleBorderBottomWidth = node.style.borderBottomWidth;
+  }
 
-    cacheCurrentStyle(node) {
-        this.styleBorderTopWidth = node.style.borderTopWidth;
-        this.stylePaddingTop = node.style.paddingTop;
-        this.styleHeight = node.style.height;
-        this.stylePaddingBottom = node.style.paddingBottom;
-        this.styleBorderBottomWidth = node.style.borderBottomWidth;
-    }
+  cacheComputedStyle(node) {
+    this.borderTopWidth = getStyle(node, 'borderTopWidth');
+    this.paddingTop = getStyle(node, 'paddingTop');
+    this.height = node.offsetHeight;
+    this.paddingBottom = getStyle(node, 'paddingBottom');
+    this.borderBottomWidth = getStyle(node, 'borderBottomWidth');
+  }
 
-    cacheComputedStyle(node) {
-        this.borderTopWidth = getStyle(node, 'borderTopWidth');
-        this.paddingTop = getStyle(node, 'paddingTop');
-        this.height = node.offsetHeight;
-        this.paddingBottom = getStyle(node, 'paddingBottom');
-        this.borderBottomWidth = getStyle(node, 'borderBottomWidth');
-    }
+  setCurrentStyleToZero(node) {
+    node.style.borderTopWidth = '0px';
+    node.style.paddingTop = '0px';
+    node.style.height = '0px';
+    node.style.paddingBottom = '0px';
+    node.style.borderBottomWidth = '0px';
+  }
 
-    setCurrentStyleToZero(node) {
-        node.style.borderTopWidth = '0px';
-        node.style.paddingTop = '0px';
-        node.style.height = '0px';
-        node.style.paddingBottom = '0px';
-        node.style.borderBottomWidth = '0px';
-    }
+  setCurrentStyleToComputedStyle(node) {
+    node.style.borderTopWidth = `${this.borderTopWidth}px`;
+    node.style.paddingTop = `${this.paddingTop}px`;
+    node.style.height = `${this.height}px`;
+    node.style.paddingBottom = `${this.paddingBottom}px`;
+    node.style.borderBottomWidth = `${this.borderBottomWidth}px`;
+  }
 
-    setCurrentStyleToComputedStyle(node) {
-        node.style.borderTopWidth = `${this.borderTopWidth}px`;
-        node.style.paddingTop = `${this.paddingTop}px`;
-        node.style.height = `${this.height}px`;
-        node.style.paddingBottom = `${this.paddingBottom}px`;
-        node.style.borderBottomWidth = `${this.borderBottomWidth}px`;
-    }
+  restoreCurrentStyle(node) {
+    node.style.borderTopWidth = this.styleBorderTopWidth;
+    node.style.paddingTop = this.stylePaddingTop;
+    node.style.height = this.styleHeight;
+    node.style.paddingBottom = this.stylePaddingBottom;
+    node.style.borderBottomWidth = this.styleBorderBottomWidth;
+  }
 
-    restoreCurrentStyle(node) {
-        node.style.borderTopWidth = this.styleBorderTopWidth;
-        node.style.paddingTop = this.stylePaddingTop;
-        node.style.height = this.styleHeight;
-        node.style.paddingBottom = this.stylePaddingBottom;
-        node.style.borderBottomWidth = this.styleBorderBottomWidth;
-    }
+  render() {
+    const { animation, ...others } = this.props;
+    const newAnimation = animation || 'expand';
 
-    render() {
-        const { animation, ...others } = this.props;
-        const newAnimation = animation || 'expand';
-
-        return (
-            <Animate
-                {...others}
-                animation={newAnimation}
-                beforeEnter={this.beforeEnter}
-                onEnter={this.onEnter}
-                afterEnter={this.afterEnter}
-                beforeLeave={this.beforeLeave}
-                onLeave={this.onLeave}
-                afterLeave={this.afterLeave}
-            />
-        );
-    }
+    return (
+      <Animate
+        {...others}
+        animation={newAnimation}
+        beforeEnter={this.beforeEnter}
+        onEnter={this.onEnter}
+        afterEnter={this.afterEnter}
+        beforeLeave={this.beforeLeave}
+        onLeave={this.onLeave}
+        afterLeave={this.afterLeave}
+      />
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/avatar/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/avatar/index.jsx
index 929d7aefa..72f9f545b 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/avatar/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/avatar/index.jsx
@@ -9,141 +9,141 @@ import { obj } from '../util';
  * Avatar
  */
 class Avatar extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        children: PropTypes.any,
-        className: PropTypes.string,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    children: PropTypes.any,
+    className: PropTypes.string,
+    /**
          * 头像的大小
          */
-        size: PropTypes.oneOfType([
-            PropTypes.oneOf(['small', 'medium', 'large']),
-            PropTypes.number,
-        ]),
-        /**
+    size: PropTypes.oneOfType([
+      PropTypes.oneOf(['small', 'medium', 'large']),
+      PropTypes.number,
+    ]),
+    /**
          * 头像的形状
          */
-        shape: PropTypes.oneOf(['circle', 'square']),
-        /**
+    shape: PropTypes.oneOf(['circle', 'square']),
+    /**
          * icon 类头像的图标类型，可设为 Icon 的 `type` 或 `ReactNode`
          */
-        icon: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
-        /**
+    icon: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
+    /**
          * 图片类头像的资源地址
          */
-        src: PropTypes.string,
-        /**
+    src: PropTypes.string,
+    /**
          * 图片加载失败的事件，返回 false 会关闭组件默认的 fallback 行为
          */
-        onError: PropTypes.func,
-        /**
+    onError: PropTypes.func,
+    /**
          * 图像无法显示时的 alt 替代文本
          */
-        alt: PropTypes.string,
-        /**
+    alt: PropTypes.string,
+    /**
          * 图片类头像响应式资源地址
          */
-        srcSet: PropTypes.string,
-    };
+    srcSet: PropTypes.string,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        size: 'medium',
-        shape: 'circle',
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    size: 'medium',
+    shape: 'circle',
+  };
 
-    state = {
-        isImgExist: true,
-    };
+  state = {
+    isImgExist: true,
+  };
 
-    componentDidUpdate(prevProps) {
-        if (prevProps.src !== this.props.src) {
-            // eslint-disable-next-line react/no-did-update-set-state
-            this.setState({ isImgExist: true });
-        }
+  componentDidUpdate(prevProps) {
+    if (prevProps.src !== this.props.src) {
+      // eslint-disable-next-line react/no-did-update-set-state
+      this.setState({ isImgExist: true });
     }
+  }
 
-    handleImgLoadError = () => {
-        const { onError } = this.props;
-        const errorFlag = onError ? onError() : undefined;
-        if (errorFlag !== false) {
-            this.setState({ isImgExist: false });
-        }
-    };
+  handleImgLoadError = () => {
+    const { onError } = this.props;
+    const errorFlag = onError ? onError() : undefined;
+    if (errorFlag !== false) {
+      this.setState({ isImgExist: false });
+    }
+  };
 
-    getIconSize = avatarSize => {
-        return typeof avatarSize === 'number' ? avatarSize / 2 : avatarSize;
-    };
+  getIconSize = avatarSize => {
+    return typeof avatarSize === 'number' ? avatarSize / 2 : avatarSize;
+  };
 
-    render() {
-        const {
-            prefix,
-            className,
-            style,
-            size,
-            icon,
-            alt,
-            srcSet,
-            shape,
-            src,
-        } = this.props;
-        const { isImgExist } = this.state;
-        let { children } = this.props;
+  render() {
+    const {
+      prefix,
+      className,
+      style,
+      size,
+      icon,
+      alt,
+      srcSet,
+      shape,
+      src,
+    } = this.props;
+    const { isImgExist } = this.state;
+    let { children } = this.props;
 
-        const others = obj.pickOthers(Avatar.propTypes, this.props);
+    const others = obj.pickOthers(Avatar.propTypes, this.props);
 
-        const cls = classNames(
-            {
-                [`${prefix}avatar`]: true,
-                [`${prefix}avatar-${shape}`]: !!shape,
-                [`${prefix}avatar-image`]: src && isImgExist,
-                [`${prefix}avatar-${size}`]: typeof size === 'string',
-            },
-            className
-        );
+    const cls = classNames(
+      {
+        [`${prefix}avatar`]: true,
+        [`${prefix}avatar-${shape}`]: !!shape,
+        [`${prefix}avatar-image`]: src && isImgExist,
+        [`${prefix}avatar-${size}`]: typeof size === 'string',
+      },
+      className,
+    );
 
-        const sizeStyle =
+    const sizeStyle =
             typeof size === 'number'
-                ? {
-                      width: size,
-                      height: size,
-                      lineHeight: `${size}px`,
-                      fontSize: icon ? size / 2 : 18,
-                  }
-                : {};
+              ? {
+                width: size,
+                height: size,
+                lineHeight: `${size}px`,
+                fontSize: icon ? size / 2 : 18,
+              }
+              : {};
 
-        const iconSize = this.getIconSize(size);
-        if (src) {
-            if (isImgExist) {
-                children = (
-                    <img
-                        src={src}
-                        srcSet={srcSet}
-                        onError={this.handleImgLoadError}
-                        alt={alt}
-                    />
-                );
-            } else {
-                children = <Icon type={'picture'} size={iconSize} />;
-            }
-        } else if (typeof icon === 'string') {
-            children = <Icon type={icon} size={iconSize} />;
-        } else if (icon) {
-            const newIconSize =
-                'size' in icon.props ? icon.props.size : iconSize;
-            children = React.cloneElement(icon, { size: newIconSize });
-        }
-
-        return (
-            <span
-                className={cls}
-                style={{ ...sizeStyle, ...style }}
-                {...others}
-            >
-                {children}
-            </span>
+    const iconSize = this.getIconSize(size);
+    if (src) {
+      if (isImgExist) {
+        children = (
+          <img
+            src={src}
+            srcSet={srcSet}
+            onError={this.handleImgLoadError}
+            alt={alt}
+          />
         );
+      } else {
+        children = <Icon type={'picture'} size={iconSize} />;
+      }
+    } else if (typeof icon === 'string') {
+      children = <Icon type={icon} size={iconSize} />;
+    } else if (icon) {
+      const newIconSize =
+                'size' in icon.props ? icon.props.size : iconSize;
+      children = React.cloneElement(icon, { size: newIconSize });
     }
+
+    return (
+      <span
+        className={cls}
+        style={{ ...sizeStyle, ...style }}
+        {...others}
+      >
+        {children}
+      </span>
+    );
+  }
 }
 
 export default ConfigProvider.config(Avatar);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/badge/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/badge/index.jsx
index 5c14a88ff..91ce48540 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/badge/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/badge/index.jsx
@@ -9,98 +9,98 @@ import Sup from './sup';
  * Badge
  */
 class Badge extends Component {
-    static propTypes = {
-        // 样式类名的品牌前缀
-        prefix: PropTypes.string,
-        rtl: PropTypes.bool,
-        // 自定义类名
-        className: PropTypes.string,
-        // 自定义内联样式
-        style: PropTypes.object,
-        /**
+  static propTypes = {
+    // 样式类名的品牌前缀
+    prefix: PropTypes.string,
+    rtl: PropTypes.bool,
+    // 自定义类名
+    className: PropTypes.string,
+    // 自定义内联样式
+    style: PropTypes.object,
+    /**
          * 徽章依托的内容
          */
-        children: PropTypes.node,
-        /**
+    children: PropTypes.node,
+    /**
          * 展示的数字，大于 overflowCount 时显示为 ${overflowCount}+，为 0 时默认隐藏
          */
-        count: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        /**
+    count: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    /**
          * 当count为0时，是否显示count
          */
-        showZero: PropTypes.bool,
-        /**
+    showZero: PropTypes.bool,
+    /**
          * 自定义节点内容
          */
-        content: PropTypes.node,
-        /**
+    content: PropTypes.node,
+    /**
          * 展示的封顶的数字
          */
-        overflowCount: PropTypes.oneOfType([
-            PropTypes.number,
-            PropTypes.string,
-        ]),
-        /**
+    overflowCount: PropTypes.oneOfType([
+      PropTypes.number,
+      PropTypes.string,
+    ]),
+    /**
          * 不展示数字，只展示一个小红点
          */
-        dot: PropTypes.bool,
-    };
+    dot: PropTypes.bool,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        count: 0,
-        showZero: false,
-        overflowCount: 99,
-        dot: false,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    count: 0,
+    showZero: false,
+    overflowCount: 99,
+    dot: false,
+  };
 
-    render() {
-        const {
-            prefix,
-            dot,
-            className,
-            children,
-            content,
-            style,
-            rtl,
-            count: originCount,
-            showZero,
-            overflowCount: originOverflowCount,
-        } = this.props;
-        const count = parseInt(originCount, 10);
-        const overflowCount = parseInt(originOverflowCount, 10);
-        const others = obj.pickOthers(Badge.propTypes, this.props);
+  render() {
+    const {
+      prefix,
+      dot,
+      className,
+      children,
+      content,
+      style,
+      rtl,
+      count: originCount,
+      showZero,
+      overflowCount: originOverflowCount,
+    } = this.props;
+    const count = parseInt(originCount, 10);
+    const overflowCount = parseInt(originOverflowCount, 10);
+    const others = obj.pickOthers(Badge.propTypes, this.props);
 
-        // 如果是数字，则添加默认的 title
-        if (count || (count === 0 && showZero)) {
-            others.title = others.title || `${count}`;
-        }
-
-        const classes = classNames(
-            `${prefix}badge`,
-            {
-                [`${prefix}badge-not-a-wrapper`]: !children,
-            },
-            className
-        );
-
-        return (
-            <span dir={rtl ? 'rtl' : undefined} className={classes} {...others}>
-                {children}
-                <Sup
-                    {...{
-                        prefix,
-                        content,
-                        count,
-                        showZero,
-                        overflowCount,
-                        dot,
-                        style,
-                    }}
-                />
-            </span>
-        );
+    // 如果是数字，则添加默认的 title
+    if (count || (count === 0 && showZero)) {
+      others.title = others.title || `${count}`;
     }
+
+    const classes = classNames(
+      `${prefix}badge`,
+      {
+        [`${prefix}badge-not-a-wrapper`]: !children,
+      },
+      className,
+    );
+
+    return (
+      <span dir={rtl ? 'rtl' : undefined} className={classes} {...others}>
+        {children}
+        <Sup
+          {...{
+            prefix,
+            content,
+            count,
+            showZero,
+            overflowCount,
+            dot,
+            style,
+          }}
+        />
+      </span>
+    );
+  }
 }
 
 export default ConfigProvider.config(Badge);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/badge/sup.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/badge/sup.jsx
index c979b3bcc..bcaac25eb 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/badge/sup.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/badge/sup.jsx
@@ -10,212 +10,211 @@ import { support, dom } from '../util';
  */
 
 // util::getDigitArray
-const getDigitArray = num =>
-    num
-        .toString()
-        .split('')
-        .reverse()
-        .map(i => parseInt(i, 10));
+const getDigitArray = num => num
+  .toString()
+  .split('')
+  .reverse()
+  .map(i => parseInt(i, 10));
 
 class Sup extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        count: PropTypes.number,
-        showZero: PropTypes.bool,
-        overflowCount: PropTypes.number,
-        content: PropTypes.node,
-        dot: PropTypes.bool,
-        style: PropTypes.object,
+  static propTypes = {
+    prefix: PropTypes.string,
+    count: PropTypes.number,
+    showZero: PropTypes.bool,
+    overflowCount: PropTypes.number,
+    content: PropTypes.node,
+    dot: PropTypes.bool,
+    style: PropTypes.object,
+  };
+
+  static defaultProps = {
+    prefix: 'next-',
+    count: 0,
+    showZero: false,
+    overflowCount: 99,
+    dot: false,
+  };
+
+  // 单排可滚动的数字列表
+  static renderDigit(prefix, digit, key) {
+    const children = [];
+    for (let i = 0; i < 30; i++) {
+      children.push(<span key={i}>{i % 10}</span>);
+    }
+
+    return (
+      <span className={`${prefix}badge-scroll-number-only`} key={key}>
+        {children}
+      </span>
+    );
+  }
+
+  // 可滚动数字组
+  static renderNumber(prefix, count) {
+    return getDigitArray(count)
+      .map((digit, i) => Sup.renderDigit(prefix, digit, i))
+      .reverse();
+  }
+
+  constructor(props) {
+    super(props);
+
+    // render 时， 上一次的渲染数字 和 当前渲染的数字
+    this.state = {
+      lastCount: 0,
+      currentCount: props.count,
     };
+  }
 
-    static defaultProps = {
-        prefix: 'next-',
-        count: 0,
-        showZero: false,
-        overflowCount: 99,
-        dot: false,
-    };
-
-    // 单排可滚动的数字列表
-    static renderDigit(prefix, digit, key) {
-        const children = [];
-        for (let i = 0; i < 30; i++) {
-            children.push(<span key={i}>{i % 10}</span>);
-        }
-
-        return (
-            <span className={`${prefix}badge-scroll-number-only`} key={key}>
-                {children}
-            </span>
-        );
+  static getDerivedStateFromProps(nextProps, prevState) {
+    if ('count' in nextProps) {
+      return {
+        lastCount: prevState.currentCount,
+        currentCount: nextProps.count,
+      };
     }
 
-    // 可滚动数字组
-    static renderNumber(prefix, count) {
-        return getDigitArray(count)
-            .map((digit, i) => Sup.renderDigit(prefix, digit, i))
-            .reverse();
+    return null;
+  }
+
+  componentDidMount() {
+    this.computeStyle(true);
+  }
+
+  componentDidUpdate(prevProps) {
+    if (prevProps.count !== this.props.count) {
+      this.computeStyle(false);
+
+      // NOTE why called `computeStyle` again after 300ms ?
+      setTimeout(() => {
+        this.computeStyle(true, true);
+      }, 300);
     }
+  }
 
-    constructor(props) {
-        super(props);
+  computeStyle(removeTransition, revert) {
+    const { prefix, count, overflowCount } = this.props;
+    const { lastCount } = this.state;
 
-        // render 时， 上一次的渲染数字 和 当前渲染的数字
-        this.state = {
-            lastCount: 0,
-            currentCount: props.count,
-        };
+    if (count < 0) {
+      return;
     }
+    const supNode = this.refs.sup;
 
-    static getDerivedStateFromProps(nextProps, prevState) {
-        if ('count' in nextProps) {
-            return {
-                lastCount: prevState.currentCount,
-                currentCount: nextProps.count,
-            };
-        }
+    if (supNode && dom.hasClass(supNode, `${prefix}badge-count`)) {
+      let scrollNums = supNode.querySelectorAll(
+        `.${prefix}badge-scroll-number-only`,
+      );
 
-        return null;
-    }
+      if (scrollNums.length) {
+        const { height } = window.getComputedStyle(supNode);
 
-    componentDidMount() {
-        this.computeStyle(true);
-    }
+        scrollNums = [].slice.call(scrollNums, 0).reverse();
 
-    componentDidUpdate(prevProps) {
-        if (prevProps.count !== this.props.count) {
-            this.computeStyle(false);
+        getDigitArray(count).forEach((digit, i) => {
+          const position = this.getPositionByDigit(digit, i, revert);
+          const transformTo = -position * parseInt(height, 10);
 
-            // NOTE why called `computeStyle` again after 300ms ?
-            setTimeout(() => {
-                this.computeStyle(true, true);
-            }, 300);
-        }
-    }
-
-    computeStyle(removeTransition, revert) {
-        const { prefix, count, overflowCount } = this.props;
-        const { lastCount } = this.state;
-
-        if (count < 0) {
-            return;
-        }
-        const supNode = this.refs.sup;
-
-        if (supNode && dom.hasClass(supNode, `${prefix}badge-count`)) {
-            let scrollNums = supNode.querySelectorAll(
-                `.${prefix}badge-scroll-number-only`
-            );
-
-            if (scrollNums.length) {
-                const height = window.getComputedStyle(supNode).height;
-
-                scrollNums = [].slice.call(scrollNums, 0).reverse();
-
-                getDigitArray(count).forEach((digit, i) => {
-                    const position = this.getPositionByDigit(digit, i, revert);
-                    const transformTo = -position * parseInt(height, 10);
-
-                    removeTransition =
+          removeTransition =
                         removeTransition ||
                         typeof getDigitArray(lastCount)[i] === 'undefined' ||
                         lastCount > overflowCount ||
                         lastCount <= 0;
 
-                    const scrollStyle = support.animation
-                        ? {
-                              transition: removeTransition
-                                  ? 'none'
-                                  : 'transform .3s cubic-bezier(.645, .045, .355, 1), -webkit-transform .3s cubic-bezier(.645, .045, .355, 1)',
-                              WebkitTransform: `translateY(${transformTo}px)`,
-                              transform: `translateY(${transformTo}px)`,
-                              height,
-                              lineHeight: height,
-                          }
-                        : {
-                              top: `${transformTo}px`,
-                              height,
-                              lineHeight: height,
-                          };
-
-                    Object.keys(scrollStyle).forEach(key => {
-                        scrollNums[i].style[key] = scrollStyle[key];
-                    });
-                });
+          const scrollStyle = support.animation
+            ? {
+              transition: removeTransition
+                ? 'none'
+                : 'transform .3s cubic-bezier(.645, .045, .355, 1), -webkit-transform .3s cubic-bezier(.645, .045, .355, 1)',
+              WebkitTransform: `translateY(${transformTo}px)`,
+              transform: `translateY(${transformTo}px)`,
+              height,
+              lineHeight: height,
             }
-        }
-    }
+            : {
+              top: `${transformTo}px`,
+              height,
+              lineHeight: height,
+            };
 
-    getPositionByDigit(digit, i, revert) {
-        const { lastCount } = this.state;
-        if (revert) {
-            return 10 + digit;
-        }
-        const lastDigit = getDigitArray(lastCount)[i] || 0;
-
-        if (this.props.count > lastCount) {
-            return (digit >= lastDigit ? 10 : 20) + digit;
-        }
-
-        if (digit <= lastDigit) {
-            return 10 + digit;
-        }
-
-        return digit;
-    }
-
-    render() {
-        const {
-            prefix,
-            count,
-            showZero,
-            overflowCount,
-            dot,
-            style,
-            content,
-        } = this.props;
-
-        const supClasses = classNames(`${prefix}badge-scroll-number`, {
-            [`${prefix}badge-count`]: !!count || (count === 0 && showZero),
-            [`${prefix}badge-dot`]: dot,
-            [`${prefix}badge-custom`]: !!content,
+          Object.keys(scrollStyle).forEach(key => {
+            scrollNums[i].style[key] = scrollStyle[key];
+          });
         });
-
-        let children = null;
-        const show = dot || count > 0 || (count === 0 && showZero) || content;
-
-        if (count > 0 || (count === 0 && showZero)) {
-            const realCount =
-                overflowCount > 0 && count > overflowCount
-                    ? `${overflowCount}+`
-                    : count;
-
-            children = isNaN(realCount)
-                ? realCount
-                : Sup.renderNumber(prefix, count);
-        } else if (content) {
-            children = content;
-        }
-
-        const animation = {
-            appear: 'zoomIn',
-            enter: 'zoomIn',
-            leave: 'zoomOut',
-        };
-
-        const wrapper = support.animation ? (
-            <Animate animation={animation} />
-        ) : (
-            <span />
-        );
-        const element = show ? (
-            <sup ref="sup" className={supClasses} style={style}>
-                {children}
-            </sup>
-        ) : null;
-
-        return React.cloneElement(wrapper, {}, element);
+      }
     }
+  }
+
+  getPositionByDigit(digit, i, revert) {
+    const { lastCount } = this.state;
+    if (revert) {
+      return 10 + digit;
+    }
+    const lastDigit = getDigitArray(lastCount)[i] || 0;
+
+    if (this.props.count > lastCount) {
+      return (digit >= lastDigit ? 10 : 20) + digit;
+    }
+
+    if (digit <= lastDigit) {
+      return 10 + digit;
+    }
+
+    return digit;
+  }
+
+  render() {
+    const {
+      prefix,
+      count,
+      showZero,
+      overflowCount,
+      dot,
+      style,
+      content,
+    } = this.props;
+
+    const supClasses = classNames(`${prefix}badge-scroll-number`, {
+      [`${prefix}badge-count`]: !!count || (count === 0 && showZero),
+      [`${prefix}badge-dot`]: dot,
+      [`${prefix}badge-custom`]: !!content,
+    });
+
+    let children = null;
+    const show = dot || count > 0 || (count === 0 && showZero) || content;
+
+    if (count > 0 || (count === 0 && showZero)) {
+      const realCount =
+                overflowCount > 0 && count > overflowCount
+                  ? `${overflowCount}+`
+                  : count;
+
+      children = isNaN(realCount)
+        ? realCount
+        : Sup.renderNumber(prefix, count);
+    } else if (content) {
+      children = content;
+    }
+
+    const animation = {
+      appear: 'zoomIn',
+      enter: 'zoomIn',
+      leave: 'zoomOut',
+    };
+
+    const wrapper = support.animation ? (
+      <Animate animation={animation} />
+    ) : (
+      <span />
+    );
+    const element = show ? (
+      <sup ref="sup" className={supClasses} style={style}>
+        {children}
+      </sup>
+    ) : null;
+
+    return React.cloneElement(wrapper, {}, element);
+  }
 }
 
 export default polyfill(Sup);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/balloon/alignMap.js b/packages/material-parser/test/fixtures/fusion-next-component/src/balloon/alignMap.js
index 26ecc073c..1552d554a 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/balloon/alignMap.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/balloon/alignMap.js
@@ -3,200 +3,200 @@
  */
 
 const normalMap = {
-    t: {
-        align: 'bc tc',
-        rtlAlign: 'bc tc',
-        arrow: 'bottom',
-        trOrigin: 'bottom',
-        rtlTrOrigin: 'bottom',
-        offset: [0, -12],
-    },
-    r: {
-        align: 'cl cr',
-        rtlAlign: 'cr cl',
-        arrow: 'left',
-        trOrigin: 'left',
-        rtlTrOrigin: 'right',
-        offset: [12, 0],
-    },
-    b: {
-        align: 'tc bc',
-        rtlAlign: 'tc bc',
-        arrow: 'top',
-        trOrigin: 'top',
-        rtlTrOrigin: 'top',
-        offset: [0, 12],
-    },
-    l: {
-        align: 'cr cl',
-        rtlAlign: 'cl cr',
-        arrow: 'right',
-        trOrigin: 'right',
-        rtlTrOrigin: 'left',
-        offset: [-12, 0],
-    },
-    tl: {
-        align: 'br tc',
-        rtlAlign: 'bl tc',
-        arrow: 'bottom-right',
-        trOrigin: 'bottom right',
-        rtlTrOrigin: 'bottom left',
-        offset: [20, -12],
-    },
-    tr: {
-        align: 'bl tc',
-        rtlAlign: 'br tc',
-        arrow: 'bottom-left',
-        trOrigin: 'bottom left',
-        rtlTrOrigin: 'bottom right',
-        offset: [-20, -12],
-    },
-    rt: {
-        align: 'bl cr',
-        rtlAlign: 'br cl',
-        arrow: 'left-bottom',
-        trOrigin: 'bottom left',
-        rtlTrOrigin: 'bottom right',
-        offset: [12, 20],
-    },
-    rb: {
-        align: 'tl cr',
-        rtlAlign: 'tr cl',
-        arrow: 'left-top',
-        trOrigin: 'top left',
-        rtlTrOrigin: 'top right',
-        offset: [12, -20],
-    },
-    bl: {
-        align: 'tr bc',
-        rtlAlign: 'tl bc',
-        arrow: 'top-right',
-        trOrigin: 'top right',
-        rtlTrOrigin: 'top left',
-        offset: [20, 12],
-    },
-    br: {
-        align: 'tl bc',
-        rtlAlign: 'tr bc',
-        arrow: 'top-left',
-        trOrigin: 'top left',
-        rtlTrOrigin: 'top right',
-        offset: [-20, 12],
-    },
-    lt: {
-        align: 'br cl',
-        rtlAlign: 'bl cr',
-        arrow: 'right-bottom',
-        trOrigin: 'bottom right',
-        rtlTrOrigin: 'bottom left',
-        offset: [-12, 20],
-    },
-    lb: {
-        align: 'tr cl',
-        rtlAlign: 'tl cr',
-        arrow: 'right-top',
-        trOrigin: 'top right',
-        rtlTrOrigin: 'top left',
-        offset: [-12, -20],
-    },
+  t: {
+    align: 'bc tc',
+    rtlAlign: 'bc tc',
+    arrow: 'bottom',
+    trOrigin: 'bottom',
+    rtlTrOrigin: 'bottom',
+    offset: [0, -12],
+  },
+  r: {
+    align: 'cl cr',
+    rtlAlign: 'cr cl',
+    arrow: 'left',
+    trOrigin: 'left',
+    rtlTrOrigin: 'right',
+    offset: [12, 0],
+  },
+  b: {
+    align: 'tc bc',
+    rtlAlign: 'tc bc',
+    arrow: 'top',
+    trOrigin: 'top',
+    rtlTrOrigin: 'top',
+    offset: [0, 12],
+  },
+  l: {
+    align: 'cr cl',
+    rtlAlign: 'cl cr',
+    arrow: 'right',
+    trOrigin: 'right',
+    rtlTrOrigin: 'left',
+    offset: [-12, 0],
+  },
+  tl: {
+    align: 'br tc',
+    rtlAlign: 'bl tc',
+    arrow: 'bottom-right',
+    trOrigin: 'bottom right',
+    rtlTrOrigin: 'bottom left',
+    offset: [20, -12],
+  },
+  tr: {
+    align: 'bl tc',
+    rtlAlign: 'br tc',
+    arrow: 'bottom-left',
+    trOrigin: 'bottom left',
+    rtlTrOrigin: 'bottom right',
+    offset: [-20, -12],
+  },
+  rt: {
+    align: 'bl cr',
+    rtlAlign: 'br cl',
+    arrow: 'left-bottom',
+    trOrigin: 'bottom left',
+    rtlTrOrigin: 'bottom right',
+    offset: [12, 20],
+  },
+  rb: {
+    align: 'tl cr',
+    rtlAlign: 'tr cl',
+    arrow: 'left-top',
+    trOrigin: 'top left',
+    rtlTrOrigin: 'top right',
+    offset: [12, -20],
+  },
+  bl: {
+    align: 'tr bc',
+    rtlAlign: 'tl bc',
+    arrow: 'top-right',
+    trOrigin: 'top right',
+    rtlTrOrigin: 'top left',
+    offset: [20, 12],
+  },
+  br: {
+    align: 'tl bc',
+    rtlAlign: 'tr bc',
+    arrow: 'top-left',
+    trOrigin: 'top left',
+    rtlTrOrigin: 'top right',
+    offset: [-20, 12],
+  },
+  lt: {
+    align: 'br cl',
+    rtlAlign: 'bl cr',
+    arrow: 'right-bottom',
+    trOrigin: 'bottom right',
+    rtlTrOrigin: 'bottom left',
+    offset: [-12, 20],
+  },
+  lb: {
+    align: 'tr cl',
+    rtlAlign: 'tl cr',
+    arrow: 'right-top',
+    trOrigin: 'top right',
+    rtlTrOrigin: 'top left',
+    offset: [-12, -20],
+  },
 };
 const edgeMap = {
-    t: {
-        align: 'bc tc',
-        rtlAlign: 'bc tc',
-        arrow: 'bottom',
-        trOrigin: 'bottom',
-        rtlTrOrigin: 'bottom',
-        offset: [0, -12],
-    },
-    r: {
-        align: 'cl cr',
-        rtlAlign: 'cr cl',
-        arrow: 'left',
-        trOrigin: 'left',
-        rtlTrOrigin: 'right',
-        offset: [12, 0],
-    },
-    b: {
-        align: 'tc bc',
-        rtlAlign: 'tc bc',
-        arrow: 'top',
-        trOrigin: 'top',
-        rtlTrOrigin: 'top',
-        offset: [0, 12],
-    },
-    l: {
-        align: 'cr cl',
-        rtlAlign: 'cl cr',
-        arrow: 'right',
-        trOrigin: 'right',
-        rtlTrOrigin: 'left',
-        offset: [-12, 0],
-    },
-    tl: {
-        align: 'bl tl',
-        rtlAlign: 'br tr',
-        arrow: 'bottom-left',
-        trOrigin: 'bottom left',
-        rtlTrOrigin: 'bottom right',
-        offset: [0, -12],
-    },
-    tr: {
-        align: 'br tr',
-        rtlAlign: 'bl tl',
-        arrow: 'bottom-right',
-        trOrigin: 'bottom right',
-        rtlTrOrigin: 'bottom left',
-        offset: [0, -12],
-    },
-    rt: {
-        align: 'tl tr',
-        rtlAlign: 'tr tl',
-        arrow: 'left-top',
-        trOrigin: 'top left',
-        rtlTrOrigin: 'top right',
-        offset: [12, 0],
-    },
-    rb: {
-        align: 'bl br',
-        rtlAlign: 'br bl',
-        arrow: 'left-bottom',
-        trOrigin: 'bottom left',
-        rtlTrOrigin: 'bottom right',
-        offset: [12, 0],
-    },
-    bl: {
-        align: 'tl bl',
-        rtlAlign: 'tr br',
-        arrow: 'top-left',
-        trOrigin: 'top left',
-        rtlTrOrigin: 'top right',
-        offset: [0, 12],
-    },
-    br: {
-        align: 'tr br',
-        rtlAlign: 'tl bl',
-        arrow: 'top-right',
-        trOrigin: 'top right',
-        rtlTrOrigin: 'top left',
-        offset: [0, 12],
-    },
-    lt: {
-        align: 'tr tl',
-        rtlAlign: 'tl tr',
-        arrow: 'right-top',
-        trOrigin: 'top right',
-        rtlTrOrigin: 'top left',
-        offset: [-12, 0],
-    },
-    lb: {
-        align: 'br bl',
-        rtlAlign: 'bl br',
-        arrow: 'right-bottom',
-        trOrigin: 'bottom right',
-        rtlTrOrigin: 'bottom left',
-        offset: [-12, 0],
-    },
+  t: {
+    align: 'bc tc',
+    rtlAlign: 'bc tc',
+    arrow: 'bottom',
+    trOrigin: 'bottom',
+    rtlTrOrigin: 'bottom',
+    offset: [0, -12],
+  },
+  r: {
+    align: 'cl cr',
+    rtlAlign: 'cr cl',
+    arrow: 'left',
+    trOrigin: 'left',
+    rtlTrOrigin: 'right',
+    offset: [12, 0],
+  },
+  b: {
+    align: 'tc bc',
+    rtlAlign: 'tc bc',
+    arrow: 'top',
+    trOrigin: 'top',
+    rtlTrOrigin: 'top',
+    offset: [0, 12],
+  },
+  l: {
+    align: 'cr cl',
+    rtlAlign: 'cl cr',
+    arrow: 'right',
+    trOrigin: 'right',
+    rtlTrOrigin: 'left',
+    offset: [-12, 0],
+  },
+  tl: {
+    align: 'bl tl',
+    rtlAlign: 'br tr',
+    arrow: 'bottom-left',
+    trOrigin: 'bottom left',
+    rtlTrOrigin: 'bottom right',
+    offset: [0, -12],
+  },
+  tr: {
+    align: 'br tr',
+    rtlAlign: 'bl tl',
+    arrow: 'bottom-right',
+    trOrigin: 'bottom right',
+    rtlTrOrigin: 'bottom left',
+    offset: [0, -12],
+  },
+  rt: {
+    align: 'tl tr',
+    rtlAlign: 'tr tl',
+    arrow: 'left-top',
+    trOrigin: 'top left',
+    rtlTrOrigin: 'top right',
+    offset: [12, 0],
+  },
+  rb: {
+    align: 'bl br',
+    rtlAlign: 'br bl',
+    arrow: 'left-bottom',
+    trOrigin: 'bottom left',
+    rtlTrOrigin: 'bottom right',
+    offset: [12, 0],
+  },
+  bl: {
+    align: 'tl bl',
+    rtlAlign: 'tr br',
+    arrow: 'top-left',
+    trOrigin: 'top left',
+    rtlTrOrigin: 'top right',
+    offset: [0, 12],
+  },
+  br: {
+    align: 'tr br',
+    rtlAlign: 'tl bl',
+    arrow: 'top-right',
+    trOrigin: 'top right',
+    rtlTrOrigin: 'top left',
+    offset: [0, 12],
+  },
+  lt: {
+    align: 'tr tl',
+    rtlAlign: 'tl tr',
+    arrow: 'right-top',
+    trOrigin: 'top right',
+    rtlTrOrigin: 'top left',
+    offset: [-12, 0],
+  },
+  lb: {
+    align: 'br bl',
+    rtlAlign: 'bl br',
+    arrow: 'right-bottom',
+    trOrigin: 'bottom right',
+    rtlTrOrigin: 'bottom left',
+    offset: [-12, 0],
+  },
 };
 
 export { normalMap, edgeMap };
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/balloon/balloon.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/balloon/balloon.jsx
index 5fa8c4869..28ffeceb9 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/balloon/balloon.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/balloon/balloon.jsx
@@ -11,388 +11,390 @@ const { noop } = func;
 const { Popup } = Overlay;
 
 const alignList = [
-    't',
-    'r',
-    'b',
-    'l',
-    'tl',
-    'tr',
-    'bl',
-    'br',
-    'lt',
-    'lb',
-    'rt',
-    'rb',
+  't',
+  'r',
+  'b',
+  'l',
+  'tl',
+  'tr',
+  'bl',
+  'br',
+  'lt',
+  'lb',
+  'rt',
+  'rb',
 ];
 
 let alignMap = normalMap;
 
 /** Balloon */
 class Balloon extends React.Component {
-    static contextTypes = {
-        prefix: PropTypes.string,
-    };
-    static propTypes = {
-        prefix: PropTypes.string,
-        pure: PropTypes.bool,
-        rtl: PropTypes.bool,
-        /**
+  static contextTypes = {
+    prefix: PropTypes.string,
+  };
+
+  static propTypes = {
+    prefix: PropTypes.string,
+    pure: PropTypes.bool,
+    rtl: PropTypes.bool,
+    /**
          * 自定义类名
          */
-        className: PropTypes.string,
-        /**
+    className: PropTypes.string,
+    /**
          * 自定义内敛样式
          */
-        style: PropTypes.object,
-        /**
+    style: PropTypes.object,
+    /**
          * 浮层的内容
          */
-        children: PropTypes.any,
-        size: PropTypes.string,
-        /**
+    children: PropTypes.any,
+    size: PropTypes.string,
+    /**
          * 样式类型
          */
-        type: PropTypes.oneOf(['normal', 'primary']),
-        /**
+    type: PropTypes.oneOf(['normal', 'primary']),
+    /**
          * 弹层当前显示的状态
          */
-        visible: PropTypes.bool,
-        /**
+    visible: PropTypes.bool,
+    /**
          * 弹层默认显示的状态
          */
-        defaultVisible: PropTypes.bool,
-        /**
+    defaultVisible: PropTypes.bool,
+    /**
          * 弹层在显示和隐藏触发的事件
          * @param {Boolean} visible 弹层是否隐藏和显示
          * @param {String} type 触发弹层显示或隐藏的来源， closeClick 表示由自带的关闭按钮触发； fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发
          */
-        onVisibleChange: PropTypes.func,
-        /**
+    onVisibleChange: PropTypes.func,
+    /**
          * 弹出层对齐方式, 是否为边缘对齐
          */
-        alignEdge: PropTypes.bool,
-        /**
+    alignEdge: PropTypes.bool,
+    /**
          * 是否显示关闭按钮
          */
-        closable: PropTypes.bool,
-        /**
+    closable: PropTypes.bool,
+    /**
          * 弹出层位置
          * @enumdesc 上, 右, 下, 左, 上左, 上右, 下左, 下右, 左上, 左下, 右上, 右下 及其 两两组合
          */
-        align: PropTypes.oneOf(alignList),
-        /**
+    align: PropTypes.oneOf(alignList),
+    /**
          * 弹层相对于trigger的定位的微调, 接收数组[hoz, ver], 表示弹层在 left / top 上的增量
          * e.g. [100, 100] 表示往右(RTL 模式下是往左) 、下分布偏移100px
          */
-        offset: PropTypes.array,
-        /**
+    offset: PropTypes.array,
+    /**
          * 触发元素
          */
-        trigger: PropTypes.any,
-        /**
+    trigger: PropTypes.any,
+    /**
          * 触发行为
          * 鼠标悬浮, 鼠标点击('hover','click')或者它们组成的数组，如 ['hover', 'click'], 强烈不建议使用'focus'，若弹窗内容有复杂交互请使用click
          */
-        triggerType: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
+    triggerType: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
 
-        onClick: PropTypes.func,
-        /**
+    onClick: PropTypes.func,
+    /**
          * 任何visible为false时会触发的事件
          */
-        onClose: PropTypes.func,
-        onHover: PropTypes.func,
-        /**
+    onClose: PropTypes.func,
+    onHover: PropTypes.func,
+    /**
          * 是否进行自动位置调整
          */
-        needAdjust: PropTypes.bool,
-        /**
+    needAdjust: PropTypes.bool,
+    /**
          * 弹层在触发以后的延时显示, 单位毫秒 ms
          */
-        delay: PropTypes.number,
-        /**
+    delay: PropTypes.number,
+    /**
          * 浮层关闭后触发的事件, 如果有动画，则在动画结束后触发
          */
-        afterClose: PropTypes.func,
-        /**
+    afterClose: PropTypes.func,
+    /**
          * 强制更新定位信息
          */
-        shouldUpdatePosition: PropTypes.bool,
-        /**
+    shouldUpdatePosition: PropTypes.bool,
+    /**
          * 弹层出现后是否自动focus到内部第一个元素
          */
-        autoFocus: PropTypes.bool,
-        /**
+    autoFocus: PropTypes.bool,
+    /**
          * 安全节点:对于triggetType为click的浮层,会在点击除了浮层外的其它区域时关闭浮层.safeNode用于添加不触发关闭的节点, 值可以是dom节点的id或者是节点的dom对象
          */
-        safeNode: PropTypes.string,
-        /**
+    safeNode: PropTypes.string,
+    /**
          * 用来指定safeNode节点的id，和safeNode配合使用
          */
-        safeId: PropTypes.string,
-        /**
+    safeId: PropTypes.string,
+    /**
          * 配置动画的播放方式
          * @param {String} in 进场动画
          * @param {String} out 出场动画
          */
-        animation: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
+    animation: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
 
-        /**
+    /**
          * 弹层的dom节点关闭时是否删除
          */
-        cache: PropTypes.bool,
-        /**
+    cache: PropTypes.bool,
+    /**
          * 指定浮层渲染的父节点, 可以为节点id的字符串，也可以返回节点的函数。
          */
-        popupContainer: PropTypes.any,
-        container: PropTypes.any,
-        /**
+    popupContainer: PropTypes.any,
+    container: PropTypes.any,
+    /**
          * 弹层组件style，透传给Popup
          */
-        popupStyle: PropTypes.object,
-        /**
+    popupStyle: PropTypes.object,
+    /**
          * 弹层组件className，透传给Popup
          */
-        popupClassName: PropTypes.string,
-        /**
+    popupClassName: PropTypes.string,
+    /**
          * 弹层组件属性，透传给Popup
          */
-        popupProps: PropTypes.object,
-        /**
+    popupProps: PropTypes.object,
+    /**
          * 是否跟随滚动
          */
-        followTrigger: PropTypes.bool,
-        /**
+    followTrigger: PropTypes.bool,
+    /**
          * 弹层id, 传入值才会支持无障碍
          */
-        id: PropTypes.string,
-    };
-    static defaultProps = {
-        prefix: 'next-',
-        pure: false,
-        type: 'normal',
-        closable: true,
-        defaultVisible: false,
-        size: 'medium',
-        alignEdge: false,
-        align: 'b',
-        offset: [0, 0],
-        trigger: <span />,
-        onClose: noop,
-        afterClose: noop,
-        onVisibleChange: noop,
-        needAdjust: false,
-        triggerType: 'hover',
-        safeNode: undefined,
-        safeId: null,
-        autoFocus: true,
-        animation: {
-            in: 'zoomIn',
-            out: 'zoomOut',
-        },
-        cache: false,
-        popupStyle: {},
-        popupClassName: '',
-        popupProps: {},
-    };
+    id: PropTypes.string,
+  };
 
-    constructor(props, context) {
-        super(props, context);
-        this.state = {
-            align: alignList.includes(props.align) ? props.align : 'b',
-            visible: 'visible' in props ? props.visible : props.defaultVisible,
-        };
-        this._onClose = this._onClose.bind(this);
-        this._onPosition = this._onPosition.bind(this);
-        this._onVisibleChange = this._onVisibleChange.bind(this);
+  static defaultProps = {
+    prefix: 'next-',
+    pure: false,
+    type: 'normal',
+    closable: true,
+    defaultVisible: false,
+    size: 'medium',
+    alignEdge: false,
+    align: 'b',
+    offset: [0, 0],
+    trigger: <span />,
+    onClose: noop,
+    afterClose: noop,
+    onVisibleChange: noop,
+    needAdjust: false,
+    triggerType: 'hover',
+    safeNode: undefined,
+    safeId: null,
+    autoFocus: true,
+    animation: {
+      in: 'zoomIn',
+      out: 'zoomOut',
+    },
+    cache: false,
+    popupStyle: {},
+    popupClassName: '',
+    popupProps: {},
+  };
+
+  constructor(props, context) {
+    super(props, context);
+    this.state = {
+      align: alignList.includes(props.align) ? props.align : 'b',
+      visible: 'visible' in props ? props.visible : props.defaultVisible,
+    };
+    this._onClose = this._onClose.bind(this);
+    this._onPosition = this._onPosition.bind(this);
+    this._onVisibleChange = this._onVisibleChange.bind(this);
+  }
+
+  static getDerivedStateFromProps(nextProps, prevState) {
+    const nextState = {};
+    if ('visible' in nextProps) {
+      nextState.visible = nextProps.visible;
     }
 
-    static getDerivedStateFromProps(nextProps, prevState) {
-        const nextState = {};
-        if ('visible' in nextProps) {
-            nextState.visible = nextProps.visible;
-        }
-
-        if (
-            !prevState.innerAlign &&
+    if (
+      !prevState.innerAlign &&
             'align' in nextProps &&
             alignList.includes(nextProps.align)
-        ) {
-            nextState.align = nextProps.align;
-            nextState.innerAlign = false;
-        }
-
-        return nextState;
+    ) {
+      nextState.align = nextProps.align;
+      nextState.innerAlign = false;
     }
 
-    _onVisibleChange(visible, trigger) {
-        // Not Controlled
-        if (!('visible' in this.props)) {
-            this.setState({
-                visible: visible,
-            });
-        }
+    return nextState;
+  }
 
-        this.props.onVisibleChange(visible, trigger);
-
-        if (!visible) {
-            this.props.onClose();
-        }
+  _onVisibleChange(visible, trigger) {
+    // Not Controlled
+    if (!('visible' in this.props)) {
+      this.setState({
+        visible,
+      });
     }
 
-    _onClose(e) {
-        this._onVisibleChange(false, 'closeClick');
+    this.props.onVisibleChange(visible, trigger);
 
-        //必须加上preventDefault,否则单测IE下报错,出现full page reload 异常
-        e.preventDefault();
+    if (!visible) {
+      this.props.onClose();
+    }
+  }
+
+  _onClose(e) {
+    this._onVisibleChange(false, 'closeClick');
+
+    // 必须加上preventDefault,否则单测IE下报错,出现full page reload 异常
+    e.preventDefault();
+  }
+
+  _onPosition(res) {
+    const { rtl } = this.props;
+    alignMap = this.props.alignEdge ? edgeMap : normalMap;
+    const newAlign = res.align.join(' ');
+    let resAlign;
+
+    let alignKey = 'align';
+    if (rtl) {
+      alignKey = 'rtlAlign';
     }
 
-    _onPosition(res) {
-        const { rtl } = this.props;
-        alignMap = this.props.alignEdge ? edgeMap : normalMap;
-        const newAlign = res.align.join(' ');
-        let resAlign;
+    for (const key in alignMap) {
+      if (alignMap[key][alignKey] === newAlign) {
+        resAlign = key;
 
-        let alignKey = 'align';
-        if (rtl) {
-            alignKey = 'rtlAlign';
-        }
-
-        for (const key in alignMap) {
-            if (alignMap[key][alignKey] === newAlign) {
-                resAlign = key;
-
-                break;
-            }
-        }
-
-        resAlign = resAlign || this.state.align;
-        if (resAlign !== this.state.align) {
-            this.setState({
-                align: resAlign,
-                innerAlign: true,
-            });
-        }
+        break;
+      }
     }
 
-    render() {
-        const {
-            id,
-            type,
-            prefix,
-            className,
-            alignEdge,
-            trigger,
-            triggerType,
-            children,
-            closable,
-            shouldUpdatePosition,
-            delay,
-            needAdjust,
-            safeId,
-            autoFocus,
-            safeNode,
-            onClick,
-            onHover,
-            animation,
-            offset,
-            style,
-            container,
-            popupContainer,
-            cache,
-            popupStyle,
-            popupClassName,
-            popupProps,
-            followTrigger,
-            rtl,
-            ...others
-        } = this.props;
-
-        if (container) {
-            log.deprecated('container', 'popupContainer', 'Balloon');
-        }
-
-        const { align } = this.state;
-
-        alignMap = alignEdge ? edgeMap : normalMap;
-        const _prefix = this.context.prefix || prefix;
-
-        let trOrigin = 'trOrigin';
-        if (rtl) {
-            trOrigin = 'rtlTrOrigin';
-        }
-
-        const _offset = [
-            alignMap[align].offset[0] + offset[0],
-            alignMap[align].offset[1] + offset[1],
-        ];
-        const transformOrigin = alignMap[align][trOrigin];
-        const _style = { ...{ transformOrigin }, ...style };
-
-        const content = (
-            <BalloonInner
-                {...obj.pickOthers(Object.keys(Balloon.propTypes), others)}
-                id={id}
-                prefix={_prefix}
-                closable={closable}
-                onClose={this._onClose}
-                className={className}
-                style={_style}
-                align={align}
-                type={type}
-                rtl={rtl}
-                alignEdge={alignEdge}
-            >
-                {children}
-            </BalloonInner>
-        );
-
-        const triggerProps = {};
-        triggerProps['aria-describedby'] = id;
-        triggerProps.tabIndex = '0';
-
-        const ariaTrigger = id
-            ? React.cloneElement(trigger, triggerProps)
-            : trigger;
-
-        const newTrigger = getDisabledCompatibleTrigger(
-            React.isValidElement(ariaTrigger) ? (
-                ariaTrigger
-            ) : (
-                <span>{ariaTrigger}</span>
-            )
-        );
-
-        return (
-            <Popup
-                {...popupProps}
-                followTrigger={followTrigger}
-                trigger={newTrigger}
-                cache={cache}
-                safeId={safeId}
-                triggerType={triggerType}
-                align={alignMap[align].align}
-                offset={_offset}
-                visible={this.state.visible}
-                onPosition={this._onPosition}
-                onClick={onClick}
-                onHover={onHover}
-                afterClose={this.props.afterClose}
-                onVisibleChange={this._onVisibleChange}
-                shouldUpdatePosition={shouldUpdatePosition}
-                needAdjust={needAdjust}
-                animation={animation}
-                delay={delay}
-                autoFocus={triggerType === 'focus' ? false : autoFocus}
-                safeNode={safeNode}
-                container={popupContainer || container}
-                className={popupClassName}
-                style={popupStyle}
-                rtl={rtl}
-            >
-                {content}
-            </Popup>
-        );
+    resAlign = resAlign || this.state.align;
+    if (resAlign !== this.state.align) {
+      this.setState({
+        align: resAlign,
+        innerAlign: true,
+      });
     }
+  }
+
+  render() {
+    const {
+      id,
+      type,
+      prefix,
+      className,
+      alignEdge,
+      trigger,
+      triggerType,
+      children,
+      closable,
+      shouldUpdatePosition,
+      delay,
+      needAdjust,
+      safeId,
+      autoFocus,
+      safeNode,
+      onClick,
+      onHover,
+      animation,
+      offset,
+      style,
+      container,
+      popupContainer,
+      cache,
+      popupStyle,
+      popupClassName,
+      popupProps,
+      followTrigger,
+      rtl,
+      ...others
+    } = this.props;
+
+    if (container) {
+      log.deprecated('container', 'popupContainer', 'Balloon');
+    }
+
+    const { align } = this.state;
+
+    alignMap = alignEdge ? edgeMap : normalMap;
+    const _prefix = this.context.prefix || prefix;
+
+    let trOrigin = 'trOrigin';
+    if (rtl) {
+      trOrigin = 'rtlTrOrigin';
+    }
+
+    const _offset = [
+      alignMap[align].offset[0] + offset[0],
+      alignMap[align].offset[1] + offset[1],
+    ];
+    const transformOrigin = alignMap[align][trOrigin];
+    const _style = { ...{ transformOrigin }, ...style };
+
+    const content = (
+      <BalloonInner
+        {...obj.pickOthers(Object.keys(Balloon.propTypes), others)}
+        id={id}
+        prefix={_prefix}
+        closable={closable}
+        onClose={this._onClose}
+        className={className}
+        style={_style}
+        align={align}
+        type={type}
+        rtl={rtl}
+        alignEdge={alignEdge}
+      >
+        {children}
+      </BalloonInner>
+    );
+
+    const triggerProps = {};
+    triggerProps['aria-describedby'] = id;
+    triggerProps.tabIndex = '0';
+
+    const ariaTrigger = id
+      ? React.cloneElement(trigger, triggerProps)
+      : trigger;
+
+    const newTrigger = getDisabledCompatibleTrigger(
+      React.isValidElement(ariaTrigger) ? (
+        ariaTrigger
+      ) : (
+        <span>{ariaTrigger}</span>
+      ),
+    );
+
+    return (
+      <Popup
+        {...popupProps}
+        followTrigger={followTrigger}
+        trigger={newTrigger}
+        cache={cache}
+        safeId={safeId}
+        triggerType={triggerType}
+        align={alignMap[align].align}
+        offset={_offset}
+        visible={this.state.visible}
+        onPosition={this._onPosition}
+        onClick={onClick}
+        onHover={onHover}
+        afterClose={this.props.afterClose}
+        onVisibleChange={this._onVisibleChange}
+        shouldUpdatePosition={shouldUpdatePosition}
+        needAdjust={needAdjust}
+        animation={animation}
+        delay={delay}
+        autoFocus={triggerType === 'focus' ? false : autoFocus}
+        safeNode={safeNode}
+        container={popupContainer || container}
+        className={popupClassName}
+        style={popupStyle}
+        rtl={rtl}
+      >
+        {content}
+      </Popup>
+    );
+  }
 }
 
 export default polyfill(Balloon);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/balloon/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/balloon/index.jsx
index 06b0afd9f..85f49b479 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/balloon/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/balloon/index.jsx
@@ -4,43 +4,43 @@ import Tooltip from './tooltip';
 import Inner from './inner';
 
 Balloon.Tooltip = ConfigProvider.config(Tooltip, {
-    transform: /* istanbul ignore next */ (props, deprecated) => {
-        if ('text' in props) {
-            deprecated('text', 'children', 'Tooltip');
-            const { text, ...others } = props;
-            props = { children: text, ...others };
-        }
+  transform: /* istanbul ignore next */ (props, deprecated) => {
+    if ('text' in props) {
+      deprecated('text', 'children', 'Tooltip');
+      const { text, ...others } = props;
+      props = { children: text, ...others };
+    }
 
-        return props;
-    },
+    return props;
+  },
 });
 Balloon.Inner = Inner;
 
 export default ConfigProvider.config(Balloon, {
-    transform: /* istanbul ignore next */ (props, deprecated) => {
-        if (props.alignment) {
-            deprecated('alignment', 'alignEdge', 'Balloon');
-            const { alignment, ...others } = props;
-            props = { alignEdge: alignment === 'edge', ...others };
+  transform: /* istanbul ignore next */ (props, deprecated) => {
+    if (props.alignment) {
+      deprecated('alignment', 'alignEdge', 'Balloon');
+      const { alignment, ...others } = props;
+      props = { alignEdge: alignment === 'edge', ...others };
+    }
+    if (props.onCloseClick) {
+      deprecated(
+        'onCloseClick',
+        'onVisibleChange(visible, [type = "closeClick"])',
+        'Balloon',
+      );
+      const { onCloseClick, onVisibleChange, ...others } = props;
+      const newOnVisibleChange = (visible, type) => {
+        if (type === 'closeClick') {
+          onCloseClick();
         }
-        if (props.onCloseClick) {
-            deprecated(
-                'onCloseClick',
-                'onVisibleChange(visible, [type = "closeClick"])',
-                'Balloon'
-            );
-            const { onCloseClick, onVisibleChange, ...others } = props;
-            const newOnVisibleChange = (visible, type) => {
-                if (type === 'closeClick') {
-                    onCloseClick();
-                }
-                if (onVisibleChange) {
-                    onVisibleChange(visible, type);
-                }
-            };
-            props = { onVisibleChange: newOnVisibleChange, ...others };
+        if (onVisibleChange) {
+          onVisibleChange(visible, type);
         }
+      };
+      props = { onVisibleChange: newOnVisibleChange, ...others };
+    }
 
-        return props;
-    },
+    return props;
+  },
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/balloon/inner.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/balloon/inner.jsx
index d62b3c543..87d2b68f1 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/balloon/inner.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/balloon/inner.jsx
@@ -13,94 +13,96 @@ import { normalMap, edgeMap } from './alignMap';
 const { noop } = func;
 
 class BalloonInner extends React.Component {
-    static contextTypes = {
-        prefix: PropTypes.string,
-    };
-    static propTypes = {
-        prefix: PropTypes.string,
-        rtl: PropTypes.bool,
-        closable: PropTypes.bool,
-        children: PropTypes.any,
-        className: PropTypes.string,
-        alignEdge: PropTypes.bool,
-        onClose: PropTypes.func,
-        style: PropTypes.any,
-        align: PropTypes.string,
-        type: PropTypes.string,
-        isTooltip: PropTypes.bool,
-        locale: PropTypes.object,
-        pure: PropTypes.bool,
-    };
-    static defaultProps = {
-        prefix: 'next-',
-        closable: true,
-        onClose: noop,
-        locale: zhCN.Balloon,
-        align: 'b',
-        type: 'normal',
-        alignEdge: false,
-        pure: false,
-    };
+  static contextTypes = {
+    prefix: PropTypes.string,
+  };
 
-    render() {
-        const {
-            prefix,
-            closable,
-            className,
-            style,
-            isTooltip,
-            align,
-            type,
-            onClose,
-            alignEdge,
-            children,
-            rtl,
-            locale,
-            ...others
-        } = this.props;
+  static propTypes = {
+    prefix: PropTypes.string,
+    rtl: PropTypes.bool,
+    closable: PropTypes.bool,
+    children: PropTypes.any,
+    className: PropTypes.string,
+    alignEdge: PropTypes.bool,
+    onClose: PropTypes.func,
+    style: PropTypes.any,
+    align: PropTypes.string,
+    type: PropTypes.string,
+    isTooltip: PropTypes.bool,
+    locale: PropTypes.object,
+    pure: PropTypes.bool,
+  };
 
-        const alignMap = alignEdge ? edgeMap : normalMap;
-        let _prefix = prefix;
+  static defaultProps = {
+    prefix: 'next-',
+    closable: true,
+    onClose: noop,
+    locale: zhCN.Balloon,
+    align: 'b',
+    type: 'normal',
+    alignEdge: false,
+    pure: false,
+  };
 
-        if (isTooltip) {
-            _prefix = `${_prefix}balloon-tooltip`;
-        } else {
-            _prefix = `${_prefix}balloon`;
-        }
+  render() {
+    const {
+      prefix,
+      closable,
+      className,
+      style,
+      isTooltip,
+      align,
+      type,
+      onClose,
+      alignEdge,
+      children,
+      rtl,
+      locale,
+      ...others
+    } = this.props;
 
-        const classes = classNames({
-            [`${_prefix}`]: true,
-            [`${_prefix}-${type}`]: type,
-            [`${_prefix}-medium`]: true,
-            [`${_prefix}-${alignMap[align].arrow}`]: alignMap[align],
-            [`${_prefix}-closable`]: closable,
-            [className]: className,
-        });
+    const alignMap = alignEdge ? edgeMap : normalMap;
+    let _prefix = prefix;
 
-        return (
-            <div
-                role="tooltip"
-                aria-live="polite"
-                dir={rtl ? 'rtl' : undefined}
-                className={classes}
-                style={style}
-                {...obj.pickOthers(Object.keys(BalloonInner.propTypes), others)}
-            >
-                {children}
-                {closable ? (
-                    <a
-                        role="button"
-                        aria-label={locale.close}
-                        tabIndex="0"
-                        className={`${_prefix}-close`}
-                        onClick={onClose}
-                    >
-                        <Icon type="close" size="small" />
-                    </a>
-                ) : null}
-            </div>
-        );
+    if (isTooltip) {
+      _prefix = `${_prefix}balloon-tooltip`;
+    } else {
+      _prefix = `${_prefix}balloon`;
     }
+
+    const classes = classNames({
+      [`${_prefix}`]: true,
+      [`${_prefix}-${type}`]: type,
+      [`${_prefix}-medium`]: true,
+      [`${_prefix}-${alignMap[align].arrow}`]: alignMap[align],
+      [`${_prefix}-closable`]: closable,
+      [className]: className,
+    });
+
+    return (
+      <div
+        role="tooltip"
+        aria-live="polite"
+        dir={rtl ? 'rtl' : undefined}
+        className={classes}
+        style={style}
+        {...obj.pickOthers(Object.keys(BalloonInner.propTypes), others)}
+      >
+        {children}
+        {closable ? (
+          <a
+            role="button"
+            aria-label={locale.close}
+            tabIndex="0"
+            className={`${_prefix}-close`}
+            onClick={onClose}
+          >
+            <Icon type="close" size="small" />
+          </a>
+        ) : null}
+      </div>
+    );
+  }
 }
 
 export default BalloonInner;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/balloon/tooltip.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/balloon/tooltip.jsx
index 7607fdea5..74e2e23ae 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/balloon/tooltip.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/balloon/tooltip.jsx
@@ -10,184 +10,185 @@ const { Popup } = Overlay;
 let alignMap = normalMap;
 /** Balloon.Tooltip */
 export default class Tooltip extends React.Component {
-    static propTypes = {
-        /**
+  static propTypes = {
+    /**
          * 样式类名的品牌前缀
          */
-        prefix: PropTypes.string,
-        /**
+    prefix: PropTypes.string,
+    /**
          * 自定义类名
          */
-        className: PropTypes.string,
-        /**
+    className: PropTypes.string,
+    /**
          * 自定义内联样式
          */
-        style: PropTypes.object,
-        /**
+    style: PropTypes.object,
+    /**
          * tooltip的内容
          */
-        children: PropTypes.any,
-        /**
+    children: PropTypes.any,
+    /**
          * 弹出层位置
          * @enumdesc 上, 右, 下, 左, 上左, 上右, 下左, 下右, 左上, 左下, 右上, 右下 及其 两两组合
          */
-        align: PropTypes.oneOf([
-            't',
-            'r',
-            'b',
-            'l',
-            'tl',
-            'tr',
-            'bl',
-            'br',
-            'lt',
-            'lb',
-            'rt',
-            'rb',
-        ]),
-        /**
+    align: PropTypes.oneOf([
+      't',
+      'r',
+      'b',
+      'l',
+      'tl',
+      'tr',
+      'bl',
+      'br',
+      'lt',
+      'lb',
+      'rt',
+      'rb',
+    ]),
+    /**
          * 触发元素
          */
-        trigger: PropTypes.any,
-        /**
+    trigger: PropTypes.any,
+    /**
          * 触发行为
          * 鼠标悬浮,  鼠标点击('hover', 'click')或者它们组成的数组，如 ['hover', 'click'], 强烈不建议使用'focus'，若有复杂交互，推荐使用triggerType为click的Balloon组件
          */
-        triggerType: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
-        /**
+    triggerType: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
+    /**
          * 弹层组件style，透传给Popup
          */
-        popupStyle: PropTypes.object,
-        /**
+    popupStyle: PropTypes.object,
+    /**
          * 弹层组件className，透传给Popup
          */
-        popupClassName: PropTypes.string,
-        /**
+    popupClassName: PropTypes.string,
+    /**
          * 弹层组件属性，透传给Popup
          */
-        popupProps: PropTypes.object,
-        /**
+    popupProps: PropTypes.object,
+    /**
          * 是否pure render
          */
-        pure: PropTypes.bool,
-        /**
+    pure: PropTypes.bool,
+    /**
          * 指定浮层渲染的父节点, 可以为节点id的字符串，也可以返回节点的函数。
          */
-        popupContainer: PropTypes.any,
-        /**
+    popupContainer: PropTypes.any,
+    /**
          * 是否跟随滚动
          */
-        followTrigger: PropTypes.bool,
-        /**
+    followTrigger: PropTypes.bool,
+    /**
          * 弹层id, 传入值才会支持无障碍
          */
-        id: PropTypes.string,
-        /**
+    id: PropTypes.string,
+    /**
          * 如果需要让 Tooltip 内容可被点击，可以设置这个参数，例如 100
          */
-        delay: PropTypes.number,
-    };
-    static defaultProps = {
-        triggerType: 'hover',
-        prefix: 'next-',
-        align: 'b',
-        delay: 0,
-        trigger: <span />,
-    };
+    delay: PropTypes.number,
+  };
 
-    render() {
-        const {
-            id,
-            className,
-            align,
-            style,
-            prefix,
-            trigger,
-            children,
-            popupContainer,
-            popupProps,
-            popupClassName,
-            popupStyle,
-            followTrigger,
-            triggerType,
-            autoFocus,
-            alignEdge,
-            rtl,
-            delay,
-            ...others
-        } = this.props;
+  static defaultProps = {
+    triggerType: 'hover',
+    prefix: 'next-',
+    align: 'b',
+    delay: 0,
+    trigger: <span />,
+  };
 
-        let trOrigin = 'trOrigin';
-        if (rtl) {
-            others.rtl = true;
-            trOrigin = 'rtlTrOrigin';
-        }
+  render() {
+    const {
+      id,
+      className,
+      align,
+      style,
+      prefix,
+      trigger,
+      children,
+      popupContainer,
+      popupProps,
+      popupClassName,
+      popupStyle,
+      followTrigger,
+      triggerType,
+      autoFocus,
+      alignEdge,
+      rtl,
+      delay,
+      ...others
+    } = this.props;
 
-        alignMap = alignEdge ? edgeMap : normalMap;
-
-        const transformOrigin = alignMap[align][trOrigin];
-        const _offset = alignMap[align].offset;
-        const _style = { transformOrigin, ...style };
-
-        const content = (
-            <BalloonInner
-                {...others}
-                id={id}
-                prefix={prefix}
-                closable={false}
-                isTooltip
-                className={className}
-                style={_style}
-                align={align}
-                rtl={rtl}
-                alignEdge={alignEdge}
-            >
-                {children}
-            </BalloonInner>
-        );
-
-        const triggerProps = {};
-        triggerProps['aria-describedby'] = id;
-        triggerProps.tabIndex = '0';
-
-        let newTriggerType = triggerType;
-
-        if (triggerType === 'hover' && id) {
-            newTriggerType = ['focus', 'hover'];
-        }
-
-        const ariaTrigger = id
-            ? React.cloneElement(trigger, triggerProps)
-            : trigger;
-
-        const newTrigger = getDisabledCompatibleTrigger(
-            React.isValidElement(ariaTrigger) ? (
-                ariaTrigger
-            ) : (
-                <span>{ariaTrigger}</span>
-            )
-        );
-
-        return (
-            <Popup
-                role="tooltip"
-                container={popupContainer}
-                followTrigger={followTrigger}
-                trigger={newTrigger}
-                triggerType={newTriggerType}
-                align={alignMap[align].align}
-                offset={_offset}
-                delay={delay}
-                className={popupClassName}
-                style={popupStyle}
-                rtl={rtl}
-                autoFocus={triggerType === 'focus' ? false : autoFocus}
-                shouldUpdatePosition
-                needAdjust={false}
-                {...popupProps}
-            >
-                {content}
-            </Popup>
-        );
+    let trOrigin = 'trOrigin';
+    if (rtl) {
+      others.rtl = true;
+      trOrigin = 'rtlTrOrigin';
     }
+
+    alignMap = alignEdge ? edgeMap : normalMap;
+
+    const transformOrigin = alignMap[align][trOrigin];
+    const _offset = alignMap[align].offset;
+    const _style = { transformOrigin, ...style };
+
+    const content = (
+      <BalloonInner
+        {...others}
+        id={id}
+        prefix={prefix}
+        closable={false}
+        isTooltip
+        className={className}
+        style={_style}
+        align={align}
+        rtl={rtl}
+        alignEdge={alignEdge}
+      >
+        {children}
+      </BalloonInner>
+    );
+
+    const triggerProps = {};
+    triggerProps['aria-describedby'] = id;
+    triggerProps.tabIndex = '0';
+
+    let newTriggerType = triggerType;
+
+    if (triggerType === 'hover' && id) {
+      newTriggerType = ['focus', 'hover'];
+    }
+
+    const ariaTrigger = id
+      ? React.cloneElement(trigger, triggerProps)
+      : trigger;
+
+    const newTrigger = getDisabledCompatibleTrigger(
+      React.isValidElement(ariaTrigger) ? (
+        ariaTrigger
+      ) : (
+        <span>{ariaTrigger}</span>
+      ),
+    );
+
+    return (
+      <Popup
+        role="tooltip"
+        container={popupContainer}
+        followTrigger={followTrigger}
+        trigger={newTrigger}
+        triggerType={newTriggerType}
+        align={alignMap[align].align}
+        offset={_offset}
+        delay={delay}
+        className={popupClassName}
+        style={popupStyle}
+        rtl={rtl}
+        autoFocus={triggerType === 'focus' ? false : autoFocus}
+        shouldUpdatePosition
+        needAdjust={false}
+        {...popupProps}
+      >
+        {content}
+      </Popup>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/balloon/util.js b/packages/material-parser/test/fixtures/fusion-next-component/src/balloon/util.js
index ecac5dc62..9d6280d06 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/balloon/util.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/balloon/util.js
@@ -1,26 +1,26 @@
 import React from 'react';
 
 export function getDisabledCompatibleTrigger(element) {
-    if (
-        element.type.displayName === 'Config(Button)' &&
+  if (
+    element.type.displayName === 'Config(Button)' &&
         element.props.disabled
-    ) {
-        const displayStyle =
+  ) {
+    const displayStyle =
             element.props.style && element.props.style.display
-                ? element.props.style.display
-                : 'inline-block';
-        const child = React.cloneElement(element, {
-            style: {
-                ...element.props.style,
-                pointerEvents: 'none',
-            },
-        });
-        return (
+              ? element.props.style.display
+              : 'inline-block';
+    const child = React.cloneElement(element, {
+      style: {
+        ...element.props.style,
+        pointerEvents: 'none',
+      },
+    });
+    return (
             // eslint-disable-next-line
             <span style={{ display: displayStyle, cursor: 'not-allowed' }}>
-                {child}
+              {child}
             </span>
-        );
-    }
-    return element;
+    );
+  }
+  return element;
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/box/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/box/index.jsx
index ed9307158..a00dfb87c 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/box/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/box/index.jsx
@@ -4,249 +4,249 @@ import cx from 'classnames';
 import ConfigProvider from '../config-provider';
 import { obj } from '../util';
 import createStyle, {
-    getMargin,
-    getChildMargin,
-    getSpacingHelperMargin,
-    filterInnerStyle,
-    filterHelperStyle,
-    filterOuterStyle,
-    getGridChildProps,
-    // getBoxChildProps,
+  getMargin,
+  getChildMargin,
+  getSpacingHelperMargin,
+  filterInnerStyle,
+  filterHelperStyle,
+  filterOuterStyle,
+  getGridChildProps,
+  // getBoxChildProps,
 } from '../responsive-grid/create-style';
 
 const { pickOthers } = obj;
 
 const createChildren = (children, { spacing, direction, wrap, device }) => {
-    const array = React.Children.toArray(children);
-    if (!children) {
-        return null;
+  const array = React.Children.toArray(children);
+  if (!children) {
+    return null;
+  }
+
+  return array.map((child, index) => {
+    let spacingMargin = {};
+
+    spacingMargin = getChildMargin(spacing);
+
+    if (!wrap) {
+      // 不折行
+      const isNone = [index === 0, index === array.length - 1];
+      const props =
+                direction === 'row'
+                  ? ['marginLeft', 'marginRight']
+                  : ['marginTop', 'marginBottom'];
+
+      ['marginTop', 'marginRight', 'marginBottom', 'marginLeft'].forEach(
+        prop => {
+          if (prop in spacingMargin && props.indexOf(prop) === -1) {
+            spacingMargin[prop] = 0;
+          }
+
+          props.forEach((key, i) => {
+            if (key in spacingMargin && isNone[i]) {
+              spacingMargin[key] = 0;
+            }
+          });
+        },
+      );
     }
 
-    return array.map((child, index) => {
-        let spacingMargin = {};
+    if (React.isValidElement(child)) {
+      const { margin: propsMargin } = child.props;
+      const childPropsMargin = getMargin(propsMargin);
+      let gridProps = {};
 
-        spacingMargin = getChildMargin(spacing);
-
-        if (!wrap) {
-            // 不折行
-            const isNone = [index === 0, index === array.length - 1];
-            const props =
-                direction === 'row'
-                    ? ['marginLeft', 'marginRight']
-                    : ['marginTop', 'marginBottom'];
-
-            ['marginTop', 'marginRight', 'marginBottom', 'marginLeft'].forEach(
-                prop => {
-                    if (prop in spacingMargin && props.indexOf(prop) === -1) {
-                        spacingMargin[prop] = 0;
-                    }
-
-                    props.forEach((key, i) => {
-                        if (key in spacingMargin && isNone[i]) {
-                            spacingMargin[key] = 0;
-                        }
-                    });
-                }
-            );
-        }
-
-        if (React.isValidElement(child)) {
-            const { margin: propsMargin } = child.props;
-            const childPropsMargin = getMargin(propsMargin);
-            let gridProps = {};
-
-            if (
-                typeof child.type === 'function' &&
+      if (
+        typeof child.type === 'function' &&
                 child.type._typeMark === 'responsive_grid'
-            ) {
-                gridProps = createStyle({ display: 'grid', ...child.props });
-            }
+      ) {
+        gridProps = createStyle({ display: 'grid', ...child.props });
+      }
 
-            return React.cloneElement(child, {
-                style: {
-                    ...spacingMargin,
-                    // ...getBoxChildProps(child.props),
-                    ...childPropsMargin,
-                    ...gridProps,
-                    ...(child.props.style || {}),
-                },
-            });
-        }
+      return React.cloneElement(child, {
+        style: {
+          ...spacingMargin,
+          // ...getBoxChildProps(child.props),
+          ...childPropsMargin,
+          ...gridProps,
+          ...(child.props.style || {}),
+        },
+      });
+    }
 
-        return child;
-    });
+    return child;
+  });
 };
 
 const getStyle = (style = {}, props) => {
-    return {
-        ...createStyle({ display: 'flex', ...props }),
-        ...style,
-    };
+  return {
+    ...createStyle({ display: 'flex', ...props }),
+    ...style,
+  };
 };
 
 const getOuterStyle = (style, styleProps) => {
-    const sheet = getStyle(style, styleProps);
+  const sheet = getStyle(style, styleProps);
 
-    return filterOuterStyle(sheet);
+  return filterOuterStyle(sheet);
 };
 
 const getHelperStyle = (style, styleProps) => {
-    const sheet = getStyle(style, styleProps);
+  const sheet = getStyle(style, styleProps);
 
-    return filterHelperStyle({
-        ...sheet,
-        ...getSpacingHelperMargin(styleProps.spacing),
-    });
+  return filterHelperStyle({
+    ...sheet,
+    ...getSpacingHelperMargin(styleProps.spacing),
+  });
 };
 
 const getInnerStyle = (style, styleProps) => {
-    const sheet = getStyle(style, styleProps);
+  const sheet = getStyle(style, styleProps);
 
-    return filterInnerStyle(sheet);
+  return filterInnerStyle(sheet);
 };
 
 /**
  * Box
  */
 class Box extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        style: PropTypes.object,
-        className: PropTypes.any,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    style: PropTypes.object,
+    className: PropTypes.any,
+    /**
          * 布局属性
          */
-        flex: PropTypes.oneOfType([
-            PropTypes.arrayOf(
-                PropTypes.oneOfType([PropTypes.number, PropTypes.string])
-            ),
-            PropTypes.number,
-        ]),
-        /**
+    flex: PropTypes.oneOfType([
+      PropTypes.arrayOf(
+        PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+      ),
+      PropTypes.number,
+    ]),
+    /**
          * 布局方向，默认为 column ，一个元素占据一整行
          * @default column
          */
-        direction: PropTypes.oneOf(['row', 'column']),
-        /**
+    direction: PropTypes.oneOf(['row', 'column']),
+    /**
          * 是否折行
          */
-        wrap: PropTypes.bool,
-        /**
+    wrap: PropTypes.bool,
+    /**
          * 元素之间的间距 [bottom&top, right&left]
          */
-        spacing: PropTypes.oneOfType([
-            PropTypes.arrayOf(PropTypes.number),
-            PropTypes.number,
-        ]),
-        /**
+    spacing: PropTypes.oneOfType([
+      PropTypes.arrayOf(PropTypes.number),
+      PropTypes.number,
+    ]),
+    /**
          * 设置 margin [bottom&top, right&left]
          */
-        margin: PropTypes.oneOfType([
-            PropTypes.arrayOf(PropTypes.number),
-            PropTypes.number,
-        ]),
-        /**
+    margin: PropTypes.oneOfType([
+      PropTypes.arrayOf(PropTypes.number),
+      PropTypes.number,
+    ]),
+    /**
          * 设置 padding [bottom&top, right&left]
          */
-        padding: PropTypes.oneOfType([
-            PropTypes.arrayOf(PropTypes.number),
-            PropTypes.number,
-        ]),
-        /**
+    padding: PropTypes.oneOfType([
+      PropTypes.arrayOf(PropTypes.number),
+      PropTypes.number,
+    ]),
+    /**
          * 沿着主轴方向，子元素们的排布关系 （兼容性同 justify-content ）
          */
-        justify: PropTypes.oneOf([
-            'flex-start',
-            'center',
-            'flex-end',
-            'space-between',
-            'space-around',
-        ]),
-        /**
+    justify: PropTypes.oneOf([
+      'flex-start',
+      'center',
+      'flex-end',
+      'space-between',
+      'space-around',
+    ]),
+    /**
          * 垂直主轴方向，子元素们的排布关系 （兼容性同 align-items ）
          */
-        align: PropTypes.oneOf([
-            'flex-start',
-            'center',
-            'flex-end',
-            'baseline',
-            'stretch',
-        ]),
-        device: PropTypes.oneOf(['phone', 'tablet', 'desktop']),
+    align: PropTypes.oneOf([
+      'flex-start',
+      'center',
+      'flex-end',
+      'baseline',
+      'stretch',
+    ]),
+    device: PropTypes.oneOf(['phone', 'tablet', 'desktop']),
+  };
+
+  static defaultProps = {
+    prefix: 'next-',
+    direction: 'column',
+    wrap: false,
+  };
+
+  render() {
+    const {
+      prefix,
+      direction,
+      justify,
+      align,
+      wrap,
+      flex,
+      spacing,
+      padding,
+      margin,
+      style,
+      className,
+      children,
+      device,
+    } = this.props;
+
+    const styleProps = {
+      direction,
+      justify,
+      align,
+      wrap,
+      flex,
+      spacing,
+      padding,
+      margin,
     };
+    const View = 'Component' in this.props ? Component : 'div';
+    const others = pickOthers(Object.keys(Box.propTypes), this.props);
+    const styleSheet = getStyle(style, styleProps);
 
-    static defaultProps = {
-        prefix: 'next-',
-        direction: 'column',
-        wrap: false,
-    };
+    const boxs = createChildren(children, {
+      spacing,
+      direction,
+      wrap,
+      device,
+    });
 
-    render() {
-        const {
-            prefix,
-            direction,
-            justify,
-            align,
-            wrap,
-            flex,
-            spacing,
-            padding,
-            margin,
-            style,
-            className,
-            children,
-            device,
-        } = this.props;
+    const cls = cx(
+      {
+        [`${prefix}box`]: true,
+      },
+      className,
+    );
+    if (wrap && spacing) {
+      const outerStyle = getOuterStyle(style, styleProps);
+      const helperStyle = getHelperStyle(style, styleProps);
+      const innerStyle = getInnerStyle(style, styleProps);
 
-        const styleProps = {
-            direction,
-            justify,
-            align,
-            wrap,
-            flex,
-            spacing,
-            padding,
-            margin,
-        };
-        const View = 'Component' in this.props ? Component : 'div';
-        const others = pickOthers(Object.keys(Box.propTypes), this.props);
-        const styleSheet = getStyle(style, styleProps);
-
-        const boxs = createChildren(children, {
-            spacing,
-            direction,
-            wrap,
-            device,
-        });
-
-        const cls = cx(
-            {
-                [`${prefix}box`]: true,
-            },
-            className
-        );
-        if (wrap && spacing) {
-            const outerStyle = getOuterStyle(style, styleProps);
-            const helperStyle = getHelperStyle(style, styleProps);
-            const innerStyle = getInnerStyle(style, styleProps);
-
-            return (
-                <View style={outerStyle} className={cls} {...others}>
-                    <View style={helperStyle}>
-                        <View style={innerStyle} className={`${prefix}box`}>
-                            {boxs}
-                        </View>
-                    </View>
-                </View>
-            );
-        }
-
-        return (
-            <View style={styleSheet} className={cls} {...others}>
-                {boxs}
+      return (
+        <View style={outerStyle} className={cls} {...others}>
+          <View style={helperStyle}>
+            <View style={innerStyle} className={`${prefix}box`}>
+              {boxs}
             </View>
-        );
+          </View>
+        </View>
+      );
     }
+
+    return (
+      <View style={styleSheet} className={cls} {...others}>
+        {boxs}
+      </View>
+    );
+  }
 }
 
 export default ConfigProvider.config(Box);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/breadcrumb/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/breadcrumb/index.jsx
index 3abeb26a1..85cdda93a 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/breadcrumb/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/breadcrumb/index.jsx
@@ -10,15 +10,15 @@ import { events } from '../util';
  * Breadcrumb
  */
 class Breadcrumb extends Component {
-    static Item = Item;
+  static Item = Item;
 
-    static propTypes = {
-        /**
+  static propTypes = {
+    /**
          * 样式类名的品牌前缀
          */
-        prefix: PropTypes.string,
-        rtl: PropTypes.bool,
-        /*eslint-disable*/
+    prefix: PropTypes.string,
+    rtl: PropTypes.bool,
+    /*eslint-disable*/
         /**
          * 面包屑子节点，需传入 Breadcrumb.Item
          */
@@ -37,211 +37,211 @@ class Breadcrumb extends Component {
                 }
             });
         },
-        /*eslint-enable*/
-        /**
+        /* eslint-enable */
+    /**
          * 面包屑最多显示个数，超出部分会被隐藏, 设置为 auto 会自动根据父元素的宽度适配。
          */
-        maxNode: PropTypes.oneOfType([
-            PropTypes.number,
-            PropTypes.oneOf(['auto']),
-        ]),
-        /**
+    maxNode: PropTypes.oneOfType([
+      PropTypes.number,
+      PropTypes.oneOf(['auto']),
+    ]),
+    /**
          * 分隔符，可以是文本或 Icon
          */
-        separator: PropTypes.node,
-        /**
+    separator: PropTypes.node,
+    /**
          * 设置标签类型
          */
-        component: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
-        className: PropTypes.any,
+    component: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
+    className: PropTypes.any,
+  };
+
+  static defaultProps = {
+    prefix: 'next-',
+    maxNode: 100,
+    separator: <Icon type="arrow-right" />,
+    component: 'nav',
+  };
+
+  constructor(props) {
+    super(props);
+    this.state = {
+      maxNode: props.maxNode === 'auto' ? 100 : props.maxNode,
     };
+  }
 
-    static defaultProps = {
-        prefix: 'next-',
-        maxNode: 100,
-        separator: <Icon type="arrow-right" />,
-        component: 'nav',
+  static getDerivedStateFromProps(props, state) {
+    if (state.prevMaxNode === props.maxNode) {
+      return {};
+    }
+
+    return {
+      prevMaxNode: props.maxNode,
+      maxNode: props.maxNode === 'auto' ? 100 : props.maxNode,
     };
+  }
 
-    constructor(props) {
-        super(props);
-        this.state = {
-            maxNode: props.maxNode === 'auto' ? 100 : props.maxNode,
-        };
+  componentDidMount() {
+    this.computeMaxNode();
+    events.on(window, 'resize', this.computeMaxNode);
+  }
+
+  componentDidUpdate() {
+    this.computeMaxNode();
+  }
+
+  componentWillUnmount() {
+    events.off(window, 'resize', this.computeMaxNode);
+  }
+
+  computeMaxNode = () => {
+    // 计算最大node节点，无法获取到 ... 节点的宽度，目前会有 nodeWidth - ellipsisNodeWidth 的误差
+    if (this.props.maxNode !== 'auto' || !this.breadcrumbEl) return;
+    const { scrollWidth } = this.breadcrumbEl;
+    const rect = this.breadcrumbEl.getBoundingClientRect();
+
+    if (scrollWidth <= rect.width) return;
+    let maxNode = this.breadcrumbEl.children.length;
+    let index = 1;
+    let fullWidth = scrollWidth;
+
+    while (index < this.breadcrumbEl.children.length - 1) {
+      const el = this.breadcrumbEl.children[index];
+      maxNode--;
+      fullWidth -= el.getBoundingClientRect().width;
+      if (fullWidth <= rect.width) {
+        break;
+      }
+      index++;
     }
 
-    static getDerivedStateFromProps(props, state) {
-        if (state.prevMaxNode === props.maxNode) {
-            return {};
+    maxNode = Math.max(3, maxNode);
+
+    if (maxNode !== this.state.maxNode) {
+      this.setState({
+        maxNode,
+      });
+    }
+  };
+
+  saveBreadcrumbRef = ref => {
+    this.breadcrumbEl = ref;
+  };
+
+  render() {
+    const {
+      prefix,
+      rtl,
+      className,
+      children,
+      separator,
+      component,
+      maxNode: maxNodeProp,
+      ...others
+    } = this.props;
+
+    const { maxNode } = this.state;
+
+    let items;
+    const length = Children.count(children);
+
+    if (maxNode > 1 && length > maxNode) {
+      const breakpointer = length - maxNode + 1;
+      items = [];
+
+      Children.forEach(children, (item, i) => {
+        const ariaProps = {};
+
+        if (i === length - 1) {
+          ariaProps['aria-current'] = 'page';
         }
 
-        return {
-            prevMaxNode: props.maxNode,
-            maxNode: props.maxNode === 'auto' ? 100 : props.maxNode,
-        };
-    }
+        if (i && i === breakpointer) {
+          items.push(
+            React.cloneElement(
+              item,
+              {
+                separator,
+                prefix,
+                key: i,
+                activated: i === length - 1,
+                ...ariaProps,
+                className: `${prefix}breadcrumb-text-ellipsis`,
+              },
+              '...',
+            ),
+          );
+        } else if (!i || i > breakpointer) {
+          items.push(
+            React.cloneElement(item, {
+              separator,
+              prefix,
+              key: i,
+              ...ariaProps,
+              activated: i === length - 1,
+            }),
+          );
+        }
+      });
+    } else {
+      items = Children.map(children, (item, i) => {
+        const ariaProps = {};
 
-    componentDidMount() {
-        this.computeMaxNode();
-        events.on(window, 'resize', this.computeMaxNode);
-    }
-
-    componentDidUpdate() {
-        this.computeMaxNode();
-    }
-
-    componentWillUnmount() {
-        events.off(window, 'resize', this.computeMaxNode);
-    }
-
-    computeMaxNode = () => {
-        // 计算最大node节点，无法获取到 ... 节点的宽度，目前会有 nodeWidth - ellipsisNodeWidth 的误差
-        if (this.props.maxNode !== 'auto' || !this.breadcrumbEl) return;
-        const scrollWidth = this.breadcrumbEl.scrollWidth;
-        const rect = this.breadcrumbEl.getBoundingClientRect();
-
-        if (scrollWidth <= rect.width) return;
-        let maxNode = this.breadcrumbEl.children.length;
-        let index = 1;
-        let fullWidth = scrollWidth;
-
-        while (index < this.breadcrumbEl.children.length - 1) {
-            const el = this.breadcrumbEl.children[index];
-            maxNode--;
-            fullWidth -= el.getBoundingClientRect().width;
-            if (fullWidth <= rect.width) {
-                break;
-            }
-            index++;
+        if (i === length - 1) {
+          ariaProps['aria-current'] = 'page';
         }
 
-        maxNode = Math.max(3, maxNode);
-
-        if (maxNode !== this.state.maxNode) {
-            this.setState({
-                maxNode,
-            });
-        }
-    };
-
-    saveBreadcrumbRef = ref => {
-        this.breadcrumbEl = ref;
-    };
-
-    render() {
-        const {
-            prefix,
-            rtl,
-            className,
-            children,
-            separator,
-            component,
-            maxNode: maxNodeProp,
-            ...others
-        } = this.props;
-
-        const { maxNode } = this.state;
-
-        let items;
-        const length = Children.count(children);
-
-        if (maxNode > 1 && length > maxNode) {
-            const breakpointer = length - maxNode + 1;
-            items = [];
-
-            Children.forEach(children, (item, i) => {
-                const ariaProps = {};
-
-                if (i === length - 1) {
-                    ariaProps['aria-current'] = 'page';
-                }
-
-                if (i && i === breakpointer) {
-                    items.push(
-                        React.cloneElement(
-                            item,
-                            {
-                                separator,
-                                prefix,
-                                key: i,
-                                activated: i === length - 1,
-                                ...ariaProps,
-                                className: `${prefix}breadcrumb-text-ellipsis`,
-                            },
-                            '...'
-                        )
-                    );
-                } else if (!i || i > breakpointer) {
-                    items.push(
-                        React.cloneElement(item, {
-                            separator,
-                            prefix,
-                            key: i,
-                            ...ariaProps,
-                            activated: i === length - 1,
-                        })
-                    );
-                }
-            });
-        } else {
-            items = Children.map(children, (item, i) => {
-                const ariaProps = {};
-
-                if (i === length - 1) {
-                    ariaProps['aria-current'] = 'page';
-                }
-
-                return React.cloneElement(item, {
-                    separator,
-                    prefix,
-                    activated: i === length - 1,
-                    ...ariaProps,
-                    key: i,
-                });
-            });
-        }
-
-        if (rtl) {
-            others.dir = 'rtl';
-        }
-
-        const BreadcrumbComponent = component;
-
-        delete others.maxNode;
-
-        return (
-            <BreadcrumbComponent
-                aria-label="Breadcrumb"
-                className={className}
-                {...others}
-                style={{ position: 'relative', ...(others.style || {}) }}
-            >
-                <ul className={`${prefix}breadcrumb`}>{items}</ul>
-                {maxNodeProp === 'auto' ? (
-                    <ul
-                        style={{
-                            position: 'absolute',
-                            left: 0,
-                            right: 0,
-                            top: 0,
-                            visibility: 'hidden',
-                        }}
-                        ref={this.saveBreadcrumbRef}
-                        className={`${prefix}breadcrumb`}
-                    >
-                        {Children.map(children, (item, i) => {
-                            return React.cloneElement(item, {
-                                separator,
-                                prefix,
-                                activated: i === length - 1,
-                                key: i,
-                            });
-                        })}
-                    </ul>
-                ) : null}
-            </BreadcrumbComponent>
-        );
+        return React.cloneElement(item, {
+          separator,
+          prefix,
+          activated: i === length - 1,
+          ...ariaProps,
+          key: i,
+        });
+      });
     }
+
+    if (rtl) {
+      others.dir = 'rtl';
+    }
+
+    const BreadcrumbComponent = component;
+
+    delete others.maxNode;
+
+    return (
+      <BreadcrumbComponent
+        aria-label="Breadcrumb"
+        className={className}
+        {...others}
+        style={{ position: 'relative', ...(others.style || {}) }}
+      >
+        <ul className={`${prefix}breadcrumb`}>{items}</ul>
+        {maxNodeProp === 'auto' ? (
+          <ul
+            style={{
+              position: 'absolute',
+              left: 0,
+              right: 0,
+              top: 0,
+              visibility: 'hidden',
+            }}
+            ref={this.saveBreadcrumbRef}
+            className={`${prefix}breadcrumb`}
+          >
+            {Children.map(children, (item, i) => {
+              return React.cloneElement(item, {
+                separator,
+                prefix,
+                activated: i === length - 1,
+                key: i,
+              });
+            })}
+          </ul>
+        ) : null}
+      </BreadcrumbComponent>
+    );
+  }
 }
 
 export default ConfigProvider.config(polyfill(Breadcrumb));
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/breadcrumb/item.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/breadcrumb/item.jsx
index eef81e067..19979ed02 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/breadcrumb/item.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/breadcrumb/item.jsx
@@ -7,64 +7,64 @@ import ConfigProvider from '../config-provider';
  * Breadcrumb.Item
  */
 class Item extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        rtl: PropTypes.bool,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    rtl: PropTypes.bool,
+    /**
          * 面包屑节点链接，如果设置这个属性，则该节点为`<a />` ，否则是`<span />`
          */
-        link: PropTypes.string,
-        activated: PropTypes.bool,
-        separator: PropTypes.node,
-        className: PropTypes.any,
-        children: PropTypes.node,
-    };
+    link: PropTypes.string,
+    activated: PropTypes.bool,
+    separator: PropTypes.node,
+    className: PropTypes.any,
+    children: PropTypes.node,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-    };
+  static defaultProps = {
+    prefix: 'next-',
+  };
 
-    static _typeMark = 'breadcrumb_item';
+  static _typeMark = 'breadcrumb_item';
 
-    // stateless separator component
-    static Separator({ prefix, children }) {
-        return (
-            <span className={`${prefix}breadcrumb-separator`}>{children}</span>
-        );
-    }
+  // stateless separator component
+  static Separator({ prefix, children }) {
+    return (
+      <span className={`${prefix}breadcrumb-separator`}>{children}</span>
+    );
+  }
 
-    render() {
-        const {
-            prefix,
-            rtl,
-            className,
-            children,
-            link,
-            activated,
-            separator,
-            ...others
-        } = this.props;
-        const clazz = classNames(`${prefix}breadcrumb-text`, className, {
-            activated,
-        });
+  render() {
+    const {
+      prefix,
+      rtl,
+      className,
+      children,
+      link,
+      activated,
+      separator,
+      ...others
+    } = this.props;
+    const clazz = classNames(`${prefix}breadcrumb-text`, className, {
+      activated,
+    });
 
-        return (
-            <li dir={rtl ? 'rtl' : null} className={`${prefix}breadcrumb-item`}>
-                {link ? (
-                    <a href={link} className={clazz} {...others}>
-                        {children}
-                    </a>
-                ) : (
-                    <span className={clazz} {...others}>
-                        {children}
-                    </span>
-                )}
-                {activated
-                    ? null
-                    : Item.Separator({ prefix, children: separator })}
-            </li>
-        );
-    }
+    return (
+      <li dir={rtl ? 'rtl' : null} className={`${prefix}breadcrumb-item`}>
+        {link ? (
+          <a href={link} className={clazz} {...others}>
+            {children}
+          </a>
+        ) : (
+          <span className={clazz} {...others}>
+            {children}
+          </span>
+        )}
+        {activated
+          ? null
+          : Item.Separator({ prefix, children: separator })}
+      </li>
+    );
+  }
 }
 
 export default ConfigProvider.config(Item);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/button/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/button/index.jsx
index c18fca4c5..dbdb88838 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/button/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/button/index.jsx
@@ -5,38 +5,38 @@ import ButtonGroup from './view/group';
 Button.Group = ButtonGroup;
 
 export default ConfigProvider.config(Button, {
-    transform: /* istanbul ignore next */ (props, deprecated) => {
-        if ('shape' in props) {
-            deprecated('shape', 'text | warning | ghost', 'Button');
+  transform: /* istanbul ignore next */ (props, deprecated) => {
+    if ('shape' in props) {
+      deprecated('shape', 'text | warning | ghost', 'Button');
 
-            const { shape, type, ...others } = props;
+      const { shape, type, ...others } = props;
 
-            let newType = type;
-            if (
-                type === 'light' ||
+      let newType = type;
+      if (
+        type === 'light' ||
                 type === 'dark' ||
                 (type === 'secondary' && shape === 'warning')
-            ) {
-                newType = 'normal';
-            }
+      ) {
+        newType = 'normal';
+      }
 
-            let ghost;
-            if (shape === 'ghost') {
-                ghost = {
-                    primary: 'dark',
-                    secondary: 'dark',
-                    normal: 'light',
-                    dark: 'dark',
-                    light: 'light',
-                }[type || Button.defaultProps.type];
-            }
+      let ghost;
+      if (shape === 'ghost') {
+        ghost = {
+          primary: 'dark',
+          secondary: 'dark',
+          normal: 'light',
+          dark: 'dark',
+          light: 'light',
+        }[type || Button.defaultProps.type];
+      }
 
-            const text = shape === 'text';
-            const warning = shape === 'warning';
+      const text = shape === 'text';
+      const warning = shape === 'warning';
 
-            props = { type: newType, ghost, text, warning, ...others };
-        }
+      props = { type: newType, ghost, text, warning, ...others };
+    }
 
-        return props;
-    },
+    return props;
+  },
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/button/view/button.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/button/view/button.jsx
index 37594c25b..7ceac3349 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/button/view/button.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/button/view/button.jsx
@@ -5,204 +5,204 @@ import ConfigProvider from '../../config-provider';
 import { obj, log } from '../../util';
 
 function mapIconSize(size) {
-    return {
-        large: 'small',
-        medium: 'xs',
-        small: 'xs',
-    }[size];
+  return {
+    large: 'small',
+    medium: 'xs',
+    small: 'xs',
+  }[size];
 }
 
 /** Button */
 export default class Button extends Component {
-    static propTypes = {
-        ...ConfigProvider.propTypes,
-        prefix: PropTypes.string,
-        rtl: PropTypes.bool,
-        /**
+  static propTypes = {
+    ...ConfigProvider.propTypes,
+    prefix: PropTypes.string,
+    rtl: PropTypes.bool,
+    /**
          * 按钮的类型
          */
-        type: PropTypes.oneOf(['primary', 'secondary', 'normal']),
-        /**
+    type: PropTypes.oneOf(['primary', 'secondary', 'normal']),
+    /**
          * 按钮的尺寸
          */
-        size: PropTypes.oneOf(['small', 'medium', 'large']),
-        /**
+    size: PropTypes.oneOf(['small', 'medium', 'large']),
+    /**
          * 按钮中 Icon 的尺寸，用于替代 Icon 的默认大小
          */
-        iconSize: PropTypes.oneOf([
-            'xxs',
-            'xs',
-            'small',
-            'medium',
-            'large',
-            'xl',
-            'xxl',
-            'xxxl',
-        ]),
-        /**
+    iconSize: PropTypes.oneOf([
+      'xxs',
+      'xs',
+      'small',
+      'medium',
+      'large',
+      'xl',
+      'xxl',
+      'xxxl',
+    ]),
+    /**
          * 当 component = 'button' 时，设置 button 标签的 type 值
          */
-        htmlType: PropTypes.oneOf(['submit', 'reset', 'button']),
-        /**
+    htmlType: PropTypes.oneOf(['submit', 'reset', 'button']),
+    /**
          * 设置标签类型
          */
-        component: PropTypes.oneOf(['button', 'a', 'div', 'span']),
-        /**
+    component: PropTypes.oneOf(['button', 'a', 'div', 'span']),
+    /**
          * 设置按钮的载入状态
          */
-        loading: PropTypes.bool,
-        /**
+    loading: PropTypes.bool,
+    /**
          * 是否为幽灵按钮
          */
-        ghost: PropTypes.oneOf([true, false, 'light', 'dark']),
-        /**
+    ghost: PropTypes.oneOf([true, false, 'light', 'dark']),
+    /**
          * 是否为文本按钮
          */
-        text: PropTypes.bool,
-        /**
+    text: PropTypes.bool,
+    /**
          * 是否为警告按钮
          */
-        warning: PropTypes.bool,
-        /**
+    warning: PropTypes.bool,
+    /**
          * 是否禁用
          */
-        disabled: PropTypes.bool,
-        /**
+    disabled: PropTypes.bool,
+    /**
          * 点击按钮的回调
          * @param {Object} e Event Object
          */
-        onClick: PropTypes.func,
-        className: PropTypes.string,
-        onMouseUp: PropTypes.func,
-        children: PropTypes.node,
-    };
+    onClick: PropTypes.func,
+    className: PropTypes.string,
+    onMouseUp: PropTypes.func,
+    children: PropTypes.node,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        type: 'normal',
-        size: 'medium',
-        htmlType: 'button',
-        component: 'button',
-        loading: false,
-        ghost: false,
-        text: false,
-        warning: false,
-        disabled: false,
-        onClick: () => {},
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    type: 'normal',
+    size: 'medium',
+    htmlType: 'button',
+    component: 'button',
+    loading: false,
+    ghost: false,
+    text: false,
+    warning: false,
+    disabled: false,
+    onClick: () => {},
+  };
 
-    onMouseUp = e => {
-        this.button.blur();
+  onMouseUp = e => {
+    this.button.blur();
 
-        if (this.props.onMouseUp) {
-            this.props.onMouseUp(e);
-        }
-    };
+    if (this.props.onMouseUp) {
+      this.props.onMouseUp(e);
+    }
+  };
 
-    buttonRefHandler = button => {
-        this.button = button;
-    };
+  buttonRefHandler = button => {
+    this.button = button;
+  };
 
-    render() {
-        const {
-            prefix,
-            className,
-            type,
-            size,
-            htmlType,
-            loading,
-            text,
-            warning,
-            ghost,
-            component,
-            iconSize,
-            disabled,
-            onClick,
-            children,
-            rtl,
-            ...others
-        } = this.props;
-        const ghostType =
+  render() {
+    const {
+      prefix,
+      className,
+      type,
+      size,
+      htmlType,
+      loading,
+      text,
+      warning,
+      ghost,
+      component,
+      iconSize,
+      disabled,
+      onClick,
+      children,
+      rtl,
+      ...others
+    } = this.props;
+    const ghostType =
             ['light', 'dark'].indexOf(ghost) >= 0 ? ghost : 'dark';
 
-        const btnCls = classNames({
-            [`${prefix}btn`]: true,
-            [`${prefix}${size}`]: size,
-            [`${prefix}btn-${type}`]: type && !ghost,
-            [`${prefix}btn-text`]: text,
-            [`${prefix}btn-warning`]: warning,
-            [`${prefix}btn-loading`]: loading,
-            [`${prefix}btn-ghost`]: ghost,
-            [`${prefix}btn-${ghostType}`]: ghost,
-            [className]: className,
-        });
+    const btnCls = classNames({
+      [`${prefix}btn`]: true,
+      [`${prefix}${size}`]: size,
+      [`${prefix}btn-${type}`]: type && !ghost,
+      [`${prefix}btn-text`]: text,
+      [`${prefix}btn-warning`]: warning,
+      [`${prefix}btn-loading`]: loading,
+      [`${prefix}btn-ghost`]: ghost,
+      [`${prefix}btn-${ghostType}`]: ghost,
+      [className]: className,
+    });
 
-        const count = Children.count(children);
-        const clonedChildren = Children.map(children, (child, index) => {
-            if (
-                child &&
+    const count = Children.count(children);
+    const clonedChildren = Children.map(children, (child, index) => {
+      if (
+        child &&
                 typeof child.type === 'function' &&
                 child.type._typeMark === 'icon'
-            ) {
-                const iconCls = classNames({
-                    [`${prefix}btn-icon`]: !iconSize, // 如果用户没有传 iconSize，则使用该样式标记 icon 为 button 预设尺寸
-                    [`${prefix}icon-first`]: count > 1 && index === 0,
-                    [`${prefix}icon-last`]: count > 1 && index === count - 1,
-                    [`${prefix}icon-alone`]: count === 1,
-                    [child.props.className]: !!child.props.className,
-                });
-
-                if ('size' in child.props) {
-                    log.warning(
-                        `The size of Icon will not take effect, when Icon is the [direct child element] of Button(<Button><Icon size="${
-                            child.props.size
-                        }" /></Button>), use <Button iconSize="${
-                            child.props.size
-                        }"> or <Button><div><Icon size="${
-                            child.props.size
-                        }" /></div></Button> instead of.`
-                    );
-                }
-                return React.cloneElement(child, {
-                    className: iconCls,
-                    size: iconSize || mapIconSize(size),
-                });
-            }
-
-            if (!isValidElement(child)) {
-                return <span>{child}</span>;
-            }
-
-            return child;
+      ) {
+        const iconCls = classNames({
+          [`${prefix}btn-icon`]: !iconSize, // 如果用户没有传 iconSize，则使用该样式标记 icon 为 button 预设尺寸
+          [`${prefix}icon-first`]: count > 1 && index === 0,
+          [`${prefix}icon-last`]: count > 1 && index === count - 1,
+          [`${prefix}icon-alone`]: count === 1,
+          [child.props.className]: !!child.props.className,
         });
 
-        const TagName = component;
-        const tagAttrs = {
-            ...obj.pickOthers(Object.keys(Button.propTypes), others),
-            type: htmlType,
-            disabled: disabled,
-            onClick: onClick,
-            className: btnCls,
-        };
-
-        if (TagName !== 'button') {
-            delete tagAttrs.type;
-
-            if (tagAttrs.disabled) {
-                delete tagAttrs.onClick; // a 标签的 onClick 浏览器默认不会禁用
-                tagAttrs.href && delete tagAttrs.href; // a 标签在禁用状态下无跳转
-            }
+        if ('size' in child.props) {
+          log.warning(
+            `The size of Icon will not take effect, when Icon is the [direct child element] of Button(<Button><Icon size="${
+              child.props.size
+            }" /></Button>), use <Button iconSize="${
+              child.props.size
+            }"> or <Button><div><Icon size="${
+              child.props.size
+            }" /></div></Button> instead of.`,
+          );
         }
+        return React.cloneElement(child, {
+          className: iconCls,
+          size: iconSize || mapIconSize(size),
+        });
+      }
 
-        return (
-            <TagName
-                {...tagAttrs}
-                dir={rtl ? 'rtl' : undefined}
-                onMouseUp={this.onMouseUp}
-                ref={this.buttonRefHandler}
-            >
-                {clonedChildren}
-            </TagName>
-        );
+      if (!isValidElement(child)) {
+        return <span>{child}</span>;
+      }
+
+      return child;
+    });
+
+    const TagName = component;
+    const tagAttrs = {
+      ...obj.pickOthers(Object.keys(Button.propTypes), others),
+      type: htmlType,
+      disabled,
+      onClick,
+      className: btnCls,
+    };
+
+    if (TagName !== 'button') {
+      delete tagAttrs.type;
+
+      if (tagAttrs.disabled) {
+        delete tagAttrs.onClick; // a 标签的 onClick 浏览器默认不会禁用
+        tagAttrs.href && delete tagAttrs.href; // a 标签在禁用状态下无跳转
+      }
     }
+
+    return (
+      <TagName
+        {...tagAttrs}
+        dir={rtl ? 'rtl' : undefined}
+        onMouseUp={this.onMouseUp}
+        ref={this.buttonRefHandler}
+      >
+        {clonedChildren}
+      </TagName>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/button/view/group.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/button/view/group.jsx
index 842cd8aa8..784c1046f 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/button/view/group.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/button/view/group.jsx
@@ -7,56 +7,56 @@ import ConfigProvider from '../../config-provider';
  * Button.Group
  */
 class ButtonGroup extends Component {
-    static propTypes = {
-        ...ConfigProvider.propTypes,
-        rtl: PropTypes.bool,
-        prefix: PropTypes.string,
-        /**
+  static propTypes = {
+    ...ConfigProvider.propTypes,
+    rtl: PropTypes.bool,
+    prefix: PropTypes.string,
+    /**
          * 统一设置 Button 组件的按钮大小
          */
-        size: PropTypes.string,
-        className: PropTypes.string,
-        children: PropTypes.node,
-    };
+    size: PropTypes.string,
+    className: PropTypes.string,
+    children: PropTypes.node,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        size: 'medium',
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    size: 'medium',
+  };
 
-    render() {
-        const {
-            prefix,
-            className,
-            size,
-            children,
-            rtl,
-            ...others
-        } = this.props;
+  render() {
+    const {
+      prefix,
+      className,
+      size,
+      children,
+      rtl,
+      ...others
+    } = this.props;
 
-        const groupCls = classNames({
-            [`${prefix}btn-group`]: true,
-            [className]: className,
+    const groupCls = classNames({
+      [`${prefix}btn-group`]: true,
+      [className]: className,
+    });
+
+    const cloneChildren = Children.map(children, child => {
+      if (child) {
+        return React.cloneElement(child, {
+          size,
         });
+      }
+    });
 
-        const cloneChildren = Children.map(children, child => {
-            if (child) {
-                return React.cloneElement(child, {
-                    size: size,
-                });
-            }
-        });
-
-        if (rtl) {
-            others.dir = 'rtl';
-        }
-
-        return (
-            <div {...others} className={groupCls}>
-                {cloneChildren}
-            </div>
-        );
+    if (rtl) {
+      others.dir = 'rtl';
     }
+
+    return (
+      <div {...others} className={groupCls}>
+        {cloneChildren}
+      </div>
+    );
+  }
 }
 
 export default ConfigProvider.config(ButtonGroup);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/calendar.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/calendar.jsx
index 70992e246..34eeac7a5 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/calendar.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/calendar.jsx
@@ -13,342 +13,342 @@ import DateTable from './table/date-table';
 import MonthTable from './table/month-table';
 import YearTable from './table/year-table';
 import {
-    checkMomentObj,
-    formatDateValue,
-    getVisibleMonth,
-    isSameYearMonth,
-    CALENDAR_MODES,
-    CALENDAR_MODE_DATE,
-    CALENDAR_MODE_MONTH,
-    CALENDAR_MODE_YEAR,
-    getLocaleData,
+  checkMomentObj,
+  formatDateValue,
+  getVisibleMonth,
+  isSameYearMonth,
+  CALENDAR_MODES,
+  CALENDAR_MODE_DATE,
+  CALENDAR_MODE_MONTH,
+  CALENDAR_MODE_YEAR,
+  getLocaleData,
 } from './utils';
 
 /** Calendar */
 class Calendar extends Component {
-    static propTypes = {
-        ...ConfigProvider.propTypes,
-        prefix: PropTypes.string,
-        rtl: PropTypes.bool,
-        /**
+  static propTypes = {
+    ...ConfigProvider.propTypes,
+    prefix: PropTypes.string,
+    rtl: PropTypes.bool,
+    /**
          * 默认选中的日期（moment 对象）
          */
-        defaultValue: checkMomentObj,
-        /**
+    defaultValue: checkMomentObj,
+    /**
          * 选中的日期值 (moment 对象)
          */
-        value: checkMomentObj,
-        /**
+    value: checkMomentObj,
+    /**
          * 面板模式
          */
-        mode: PropTypes.oneOf(CALENDAR_MODES), // 生成 API 文档需要手动改回 ['date', 'month', 'year']
-        // 面板可变化的模式列表，仅初始化时接收一次
-        modes: PropTypes.array,
-        // 禁用更改面板模式，采用 dropdown 的方式切换显示日期 (暂不正式对外透出)
-        disableChangeMode: PropTypes.bool,
-        // 日期值的格式（用于日期title显示的格式）
-        format: PropTypes.string,
-        /**
+    mode: PropTypes.oneOf(CALENDAR_MODES), // 生成 API 文档需要手动改回 ['date', 'month', 'year']
+    // 面板可变化的模式列表，仅初始化时接收一次
+    modes: PropTypes.array,
+    // 禁用更改面板模式，采用 dropdown 的方式切换显示日期 (暂不正式对外透出)
+    disableChangeMode: PropTypes.bool,
+    // 日期值的格式（用于日期title显示的格式）
+    format: PropTypes.string,
+    /**
          * 是否展示非本月的日期
          */
-        showOtherMonth: PropTypes.bool,
-        /**
+    showOtherMonth: PropTypes.bool,
+    /**
          * 默认展示的月份
          */
-        defaultVisibleMonth: PropTypes.func,
-        /**
+    defaultVisibleMonth: PropTypes.func,
+    /**
          * 展现形态
          */
-        shape: PropTypes.oneOf(['card', 'fullscreen', 'panel']),
-        /**
+    shape: PropTypes.oneOf(['card', 'fullscreen', 'panel']),
+    /**
          * 选择日期单元格时的回调
          * @param {Object} value 对应的日期值 (moment 对象)
          */
-        onSelect: PropTypes.func,
-        /**
+    onSelect: PropTypes.func,
+    /**
          * 面板模式变化时的回调
          * @param {String} mode 对应面板模式 date month year
          */
-        onModeChange: PropTypes.func,
-        /**
+    onModeChange: PropTypes.func,
+    /**
          * 展现的月份变化时的回调
          * @param {Object} value 显示的月份 (moment 对象)
          * @param {String} reason 触发月份改变原因
          */
-        onVisibleMonthChange: PropTypes.func,
-        /**
+    onVisibleMonthChange: PropTypes.func,
+    /**
          * 自定义样式类
          */
-        className: PropTypes.string,
-        /**
+    className: PropTypes.string,
+    /**
          * 自定义日期渲染函数
          * @param {Object} value 日期值（moment对象）
          * @returns {ReactNode}
          */
-        dateCellRender: PropTypes.func,
-        /**
+    dateCellRender: PropTypes.func,
+    /**
          * 自定义月份渲染函数
          * @param {Object} calendarDate 对应 Calendar 返回的自定义日期对象
          * @returns {ReactNode}
          */
-        monthCellRender: PropTypes.func,
-        yearCellRender: PropTypes.func, // 兼容 0.x yearCellRender
-        /**
+    monthCellRender: PropTypes.func,
+    yearCellRender: PropTypes.func, // 兼容 0.x yearCellRender
+    /**
          * 年份范围，[START_YEAR, END_YEAR] (只在shape 为 ‘card’, 'fullscreen' 下生效)
          */
-        yearRange: PropTypes.arrayOf(PropTypes.number),
-        /**
+    yearRange: PropTypes.arrayOf(PropTypes.number),
+    /**
          * 不可选择的日期
          * @param {Object} calendarDate 对应 Calendar 返回的自定义日期对象
          * @param {String} view 当前视图类型，year: 年， month: 月, date: 日
          * @returns {Boolean}
          */
-        disabledDate: PropTypes.func,
-        /**
+    disabledDate: PropTypes.func,
+    /**
          * 国际化配置
          */
-        locale: PropTypes.object,
+    locale: PropTypes.object,
+  };
+
+  static defaultProps = {
+    prefix: 'next-',
+    rtl: false,
+    shape: 'fullscreen',
+    modes: CALENDAR_MODES,
+    disableChangeMode: false,
+    format: 'YYYY-MM-DD',
+    onSelect: func.noop,
+    onVisibleMonthChange: func.noop,
+    onModeChange: func.noop,
+    dateCellRender: value => value.date(),
+    locale: nextLocale.Calendar,
+    showOtherMonth: true,
+  };
+
+  constructor(props, context) {
+    super(props, context);
+    const value = formatDateValue(props.value || props.defaultValue);
+    const visibleMonth = getVisibleMonth(props.defaultVisibleMonth, value);
+
+    this.MODES = props.modes;
+    this.today = moment();
+    this.state = {
+      value,
+      mode: props.mode || this.MODES[0],
+      visibleMonth,
     };
+  }
 
-    static defaultProps = {
-        prefix: 'next-',
-        rtl: false,
-        shape: 'fullscreen',
-        modes: CALENDAR_MODES,
-        disableChangeMode: false,
-        format: 'YYYY-MM-DD',
-        onSelect: func.noop,
-        onVisibleMonthChange: func.noop,
-        onModeChange: func.noop,
-        dateCellRender: value => value.date(),
-        locale: nextLocale.Calendar,
-        showOtherMonth: true,
-    };
+  componentWillReceiveProps(nextProps) {
+    if ('value' in nextProps) {
+      const value = formatDateValue(nextProps.value);
+      this.setState({
+        value,
+      });
 
-    constructor(props, context) {
-        super(props, context);
-        const value = formatDateValue(props.value || props.defaultValue);
-        const visibleMonth = getVisibleMonth(props.defaultVisibleMonth, value);
-
-        this.MODES = props.modes;
-        this.today = moment();
-        this.state = {
-            value,
-            mode: props.mode || this.MODES[0],
-            visibleMonth,
-        };
+      if (value) {
+        this.setState({
+          visibleMonth: value,
+        });
+      }
     }
 
-    componentWillReceiveProps(nextProps) {
-        if ('value' in nextProps) {
-            const value = formatDateValue(nextProps.value);
-            this.setState({
-                value,
-            });
+    if (nextProps.mode && this.MODES.indexOf(nextProps.mode) > -1) {
+      this.setState({
+        mode: nextProps.mode,
+      });
+    }
+  }
 
-            if (value) {
-                this.setState({
-                    visibleMonth: value,
-                });
-            }
-        }
+  onSelectCell = (date, nextMode) => {
+    const { shape } = this.props;
 
-        if (nextProps.mode && this.MODES.indexOf(nextProps.mode) > -1) {
-            this.setState({
-                mode: nextProps.mode,
-            });
-        }
+    this.changeVisibleMonth(date, 'cellClick');
+
+    // 当用户所在的面板为初始化面板时，则选择动作为触发 onSelect 回调
+    if (this.state.mode === this.MODES[0]) {
+      this.props.onSelect(date);
     }
 
-    onSelectCell = (date, nextMode) => {
-        const { shape } = this.props;
+    if (shape === 'panel') {
+      this.changeMode(nextMode);
+    }
+  };
 
-        this.changeVisibleMonth(date, 'cellClick');
-
-        // 当用户所在的面板为初始化面板时，则选择动作为触发 onSelect 回调
-        if (this.state.mode === this.MODES[0]) {
-            this.props.onSelect(date);
-        }
-
-        if (shape === 'panel') {
-            this.changeMode(nextMode);
-        }
-    };
-
-    changeMode = nextMode => {
-        if (
-            nextMode &&
+  changeMode = nextMode => {
+    if (
+      nextMode &&
             this.MODES.indexOf(nextMode) > -1 &&
             nextMode !== this.state.mode
-        ) {
-            this.setState({ mode: nextMode });
-            this.props.onModeChange(nextMode);
-        }
-    };
+    ) {
+      this.setState({ mode: nextMode });
+      this.props.onModeChange(nextMode);
+    }
+  };
 
-    changeVisibleMonth = (date, reason) => {
-        if (!isSameYearMonth(date, this.state.visibleMonth)) {
-            this.setState({ visibleMonth: date });
-            this.props.onVisibleMonthChange(date, reason);
-        }
-    };
+  changeVisibleMonth = (date, reason) => {
+    if (!isSameYearMonth(date, this.state.visibleMonth)) {
+      this.setState({ visibleMonth: date });
+      this.props.onVisibleMonthChange(date, reason);
+    }
+  };
 
-    /**
+  /**
      * 根据日期偏移量设置当前展示的月份
      * @param {Number} offset 日期偏移的数量
      * @param {String} type 日期偏移的类型 days, months, years
      */
-    changeVisibleMonthByOffset(offset, type) {
-        const cloneValue = this.state.visibleMonth.clone();
-        cloneValue.add(offset, type);
-        this.changeVisibleMonth(cloneValue, 'buttonClick');
+  changeVisibleMonthByOffset(offset, type) {
+    const cloneValue = this.state.visibleMonth.clone();
+    cloneValue.add(offset, type);
+    this.changeVisibleMonth(cloneValue, 'buttonClick');
+  }
+
+  goPrevDecade = () => {
+    this.changeVisibleMonthByOffset(-10, 'years');
+  };
+
+  goNextDecade = () => {
+    this.changeVisibleMonthByOffset(10, 'years');
+  };
+
+  goPrevYear = () => {
+    this.changeVisibleMonthByOffset(-1, 'years');
+  };
+
+  goNextYear = () => {
+    this.changeVisibleMonthByOffset(1, 'years');
+  };
+
+  goPrevMonth = () => {
+    this.changeVisibleMonthByOffset(-1, 'months');
+  };
+
+  goNextMonth = () => {
+    this.changeVisibleMonthByOffset(1, 'months');
+  };
+
+  render() {
+    const {
+      prefix,
+      rtl,
+      className,
+      shape,
+      showOtherMonth,
+      format,
+      locale,
+      dateCellRender,
+      monthCellRender,
+      yearCellRender,
+      disabledDate,
+      yearRange,
+      disableChangeMode,
+      ...others
+    } = this.props;
+    const { state } = this;
+
+    const classNames = classnames(
+      {
+        [`${prefix}calendar`]: true,
+        [`${prefix}calendar-${shape}`]: shape,
+      },
+      className,
+    );
+
+    if (rtl) {
+      others.dir = 'rtl';
     }
 
-    goPrevDecade = () => {
-        this.changeVisibleMonthByOffset(-10, 'years');
-    };
+    const { visibleMonth } = state;
 
-    goNextDecade = () => {
-        this.changeVisibleMonthByOffset(10, 'years');
-    };
-
-    goPrevYear = () => {
-        this.changeVisibleMonthByOffset(-1, 'years');
-    };
-
-    goNextYear = () => {
-        this.changeVisibleMonthByOffset(1, 'years');
-    };
-
-    goPrevMonth = () => {
-        this.changeVisibleMonthByOffset(-1, 'months');
-    };
-
-    goNextMonth = () => {
-        this.changeVisibleMonthByOffset(1, 'months');
-    };
-
-    render() {
-        const {
-            prefix,
-            rtl,
-            className,
-            shape,
-            showOtherMonth,
-            format,
-            locale,
-            dateCellRender,
-            monthCellRender,
-            yearCellRender,
-            disabledDate,
-            yearRange,
-            disableChangeMode,
-            ...others
-        } = this.props;
-        const state = this.state;
-
-        const classNames = classnames(
-            {
-                [`${prefix}calendar`]: true,
-                [`${prefix}calendar-${shape}`]: shape,
-            },
-            className
-        );
-
-        if (rtl) {
-            others.dir = 'rtl';
-        }
-
-        const visibleMonth = state.visibleMonth;
-
-        // reset moment locale
-        if (locale.momentLocale) {
-            state.value && state.value.locale(locale.momentLocale);
-            visibleMonth.locale(locale.momentLocale);
-        }
-
-        const localeData = getLocaleData(
-            locale.format || {},
-            visibleMonth.localeData()
-        );
-
-        const headerProps = {
-            prefix,
-            value: state.value,
-            mode: state.mode,
-            disableChangeMode,
-            yearRange,
-            locale,
-            rtl,
-            visibleMonth,
-            momentLocale: localeData,
-            changeMode: this.changeMode,
-            changeVisibleMonth: this.changeVisibleMonth,
-            goNextDecade: this.goNextDecade,
-            goNextYear: this.goNextYear,
-            goNextMonth: this.goNextMonth,
-            goPrevDecade: this.goPrevDecade,
-            goPrevYear: this.goPrevYear,
-            goPrevMonth: this.goPrevMonth,
-        };
-
-        const tableProps = {
-            prefix,
-            visibleMonth,
-            showOtherMonth,
-            value: state.value,
-            mode: state.mode,
-            locale,
-            dateCellRender,
-            monthCellRender,
-            yearCellRender,
-            disabledDate,
-            momentLocale: localeData,
-            today: this.today,
-            goPrevDecade: this.goPrevDecade,
-            goNextDecade: this.goNextDecade,
-        };
-
-        const tables = {
-            [CALENDAR_MODE_DATE]: (
-                <DateTable
-                    format={format}
-                    {...tableProps}
-                    onSelectDate={this.onSelectCell}
-                />
-            ),
-            [CALENDAR_MODE_MONTH]: (
-                <MonthTable {...tableProps} onSelectMonth={this.onSelectCell} />
-            ),
-            [CALENDAR_MODE_YEAR]: (
-                <YearTable
-                    {...tableProps}
-                    rtl={rtl}
-                    onSelectYear={this.onSelectCell}
-                />
-            ),
-        };
-
-        const panelHeaders = {
-            [CALENDAR_MODE_DATE]: <DatePanelHeader {...headerProps} />,
-            [CALENDAR_MODE_MONTH]: <MonthPanelHeader {...headerProps} />,
-            [CALENDAR_MODE_YEAR]: <YearPanelHeader {...headerProps} />,
-        };
-        
-        return (
-            <div
-                {...obj.pickOthers(Calendar.propTypes, others)}
-                className={classNames}
-            >
-                {shape === 'panel' ? (
-                    panelHeaders[state.mode]
-                ) : (
-                    <CardHeader {...headerProps} />
-                )}
-                {tables[state.mode]}
-            </div>
-        );
+    // reset moment locale
+    if (locale.momentLocale) {
+      state.value && state.value.locale(locale.momentLocale);
+      visibleMonth.locale(locale.momentLocale);
     }
+
+    const localeData = getLocaleData(
+      locale.format || {},
+      visibleMonth.localeData(),
+    );
+
+    const headerProps = {
+      prefix,
+      value: state.value,
+      mode: state.mode,
+      disableChangeMode,
+      yearRange,
+      locale,
+      rtl,
+      visibleMonth,
+      momentLocale: localeData,
+      changeMode: this.changeMode,
+      changeVisibleMonth: this.changeVisibleMonth,
+      goNextDecade: this.goNextDecade,
+      goNextYear: this.goNextYear,
+      goNextMonth: this.goNextMonth,
+      goPrevDecade: this.goPrevDecade,
+      goPrevYear: this.goPrevYear,
+      goPrevMonth: this.goPrevMonth,
+    };
+
+    const tableProps = {
+      prefix,
+      visibleMonth,
+      showOtherMonth,
+      value: state.value,
+      mode: state.mode,
+      locale,
+      dateCellRender,
+      monthCellRender,
+      yearCellRender,
+      disabledDate,
+      momentLocale: localeData,
+      today: this.today,
+      goPrevDecade: this.goPrevDecade,
+      goNextDecade: this.goNextDecade,
+    };
+
+    const tables = {
+      [CALENDAR_MODE_DATE]: (
+        <DateTable
+          format={format}
+          {...tableProps}
+          onSelectDate={this.onSelectCell}
+        />
+      ),
+      [CALENDAR_MODE_MONTH]: (
+        <MonthTable {...tableProps} onSelectMonth={this.onSelectCell} />
+      ),
+      [CALENDAR_MODE_YEAR]: (
+        <YearTable
+          {...tableProps}
+          rtl={rtl}
+          onSelectYear={this.onSelectCell}
+        />
+      ),
+    };
+
+    const panelHeaders = {
+      [CALENDAR_MODE_DATE]: <DatePanelHeader {...headerProps} />,
+      [CALENDAR_MODE_MONTH]: <MonthPanelHeader {...headerProps} />,
+      [CALENDAR_MODE_YEAR]: <YearPanelHeader {...headerProps} />,
+    };
+
+    return (
+      <div
+        {...obj.pickOthers(Calendar.propTypes, others)}
+        className={classNames}
+      >
+        {shape === 'panel' ? (
+          panelHeaders[state.mode]
+        ) : (
+          <CardHeader {...headerProps} />
+        )}
+        {tables[state.mode]}
+      </div>
+    );
+  }
 }
 
 export default Calendar;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/head/card-header.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/head/card-header.jsx
index 2562b5895..38e408c68 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/head/card-header.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/head/card-header.jsx
@@ -4,115 +4,115 @@ import Select from '../../select';
 import Radio from '../../radio';
 
 class CardHeader extends React.PureComponent {
-    static propTypes = {
-        yearRange: PropTypes.arrayOf(PropTypes.number),
-        yearRangeOffset: PropTypes.number,
-        locale: PropTypes.object,
-    };
+  static propTypes = {
+    yearRange: PropTypes.arrayOf(PropTypes.number),
+    yearRangeOffset: PropTypes.number,
+    locale: PropTypes.object,
+  };
 
-    static defaultProps = {
-        yearRangeOffset: 10,
-    };
+  static defaultProps = {
+    yearRangeOffset: 10,
+  };
 
-    selectContainerHandler = target => {
-        return target.parentNode;
-    };
+  selectContainerHandler = target => {
+    return target.parentNode;
+  };
 
-    getYearSelect(year) {
-        const { prefix, yearRangeOffset, yearRange = [], locale } = this.props;
+  getYearSelect(year) {
+    const { prefix, yearRangeOffset, yearRange = [], locale } = this.props;
 
-        let [startYear, endYear] = yearRange;
-        if (!startYear || !endYear) {
-            startYear = year - yearRangeOffset;
-            endYear = year + yearRangeOffset;
-        }
-
-        const options = [];
-        for (let i = startYear; i <= endYear; i++) {
-            options.push(
-                <Select.Option key={i} value={i}>
-                    {i}
-                </Select.Option>
-            );
-        }
-
-        return (
-            <Select
-                prefix={prefix}
-                value={year}
-                aria-label={locale.yearSelectAriaLabel}
-                onChange={this.onYearChange}
-                popupContainer={this.selectContainerHandler}
-            >
-                {options}
-            </Select>
-        );
+    let [startYear, endYear] = yearRange;
+    if (!startYear || !endYear) {
+      startYear = year - yearRangeOffset;
+      endYear = year + yearRangeOffset;
     }
 
-    getMonthSelect(month) {
-        const { prefix, momentLocale, locale } = this.props;
-        const localeMonths = momentLocale.monthsShort();
-        const options = [];
-        for (let i = 0; i < 12; i++) {
-            options.push(
-                <Select.Option key={i} value={i}>
-                    {localeMonths[i]}
-                </Select.Option>
-            );
-        }
-        return (
-            <Select
-                aria-label={locale.monthSelectAriaLabel}
-                prefix={prefix}
-                value={month}
-                onChange={this.changeVisibleMonth}
-                popupContainer={this.selectContainerHandler}
-            >
-                {options}
-            </Select>
-        );
+    const options = [];
+    for (let i = startYear; i <= endYear; i++) {
+      options.push(
+        <Select.Option key={i} value={i}>
+          {i}
+        </Select.Option>,
+      );
     }
 
-    onYearChange = year => {
-        const { visibleMonth, changeVisibleMonth } = this.props;
-        changeVisibleMonth(visibleMonth.clone().year(year), 'yearSelect');
-    };
+    return (
+      <Select
+        prefix={prefix}
+        value={year}
+        aria-label={locale.yearSelectAriaLabel}
+        onChange={this.onYearChange}
+        popupContainer={this.selectContainerHandler}
+      >
+        {options}
+      </Select>
+    );
+  }
 
-    changeVisibleMonth = month => {
-        const { visibleMonth, changeVisibleMonth } = this.props;
-        changeVisibleMonth(visibleMonth.clone().month(month), 'monthSelect');
-    };
+  getMonthSelect(month) {
+    const { prefix, momentLocale, locale } = this.props;
+    const localeMonths = momentLocale.monthsShort();
+    const options = [];
+    for (let i = 0; i < 12; i++) {
+      options.push(
+        <Select.Option key={i} value={i}>
+          {localeMonths[i]}
+        </Select.Option>,
+      );
+    }
+    return (
+      <Select
+        aria-label={locale.monthSelectAriaLabel}
+        prefix={prefix}
+        value={month}
+        onChange={this.changeVisibleMonth}
+        popupContainer={this.selectContainerHandler}
+      >
+        {options}
+      </Select>
+    );
+  }
 
-    onModePanelChange = mode => {
-        this.props.changeMode(mode);
-    };
+  onYearChange = year => {
+    const { visibleMonth, changeVisibleMonth } = this.props;
+    changeVisibleMonth(visibleMonth.clone().year(year), 'yearSelect');
+  };
 
-    render() {
-        const { prefix, mode, locale, visibleMonth } = this.props;
+  changeVisibleMonth = month => {
+    const { visibleMonth, changeVisibleMonth } = this.props;
+    changeVisibleMonth(visibleMonth.clone().month(month), 'monthSelect');
+  };
 
-        const yearSelect = this.getYearSelect(visibleMonth.year());
-        const monthSelect =
+  onModePanelChange = mode => {
+    this.props.changeMode(mode);
+  };
+
+  render() {
+    const { prefix, mode, locale, visibleMonth } = this.props;
+
+    const yearSelect = this.getYearSelect(visibleMonth.year());
+    const monthSelect =
             mode === 'month' ? null : this.getMonthSelect(visibleMonth.month());
-        const panelSelect = (
-            <Radio.Group
-                shape="button"
-                size="medium"
-                value={mode}
-                onChange={this.onModePanelChange}
-            >
-                <Radio value="date">{locale.month}</Radio>
-                <Radio value="month">{locale.year}</Radio>
-            </Radio.Group>
-        );
+    const panelSelect = (
+      <Radio.Group
+        shape="button"
+        size="medium"
+        value={mode}
+        onChange={this.onModePanelChange}
+      >
+        <Radio value="date">{locale.month}</Radio>
+        <Radio value="month">{locale.year}</Radio>
+      </Radio.Group>
+    );
 
-        return (
-            <div className={`${prefix}calendar-header`}>
-                {yearSelect}
-                {monthSelect}
-                {panelSelect}
-            </div>
-        );
-    }
+    return (
+      <div className={`${prefix}calendar-header`}>
+        {yearSelect}
+        {monthSelect}
+        {panelSelect}
+      </div>
+    );
+  }
 }
 
 export default CardHeader;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/head/menu.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/head/menu.jsx
index dec7f7a09..8ad32fb1d 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/head/menu.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/head/menu.jsx
@@ -5,66 +5,67 @@ import { findDOMNode } from 'react-dom';
 import Menu from '../../menu';
 
 export default class SelectMenu extends Component {
-    static isNextMenu = true;
-    static propTypes = {
-        dataSource: PropTypes.arrayOf(PropTypes.object),
-        value: PropTypes.number,
-        prefix: PropTypes.string,
-        onChange: PropTypes.func,
-        children: PropTypes.node,
-    };
+  static isNextMenu = true;
 
-    componentDidMount() {
-        this.scrollToSelectedItem();
+  static propTypes = {
+    dataSource: PropTypes.arrayOf(PropTypes.object),
+    value: PropTypes.number,
+    prefix: PropTypes.string,
+    onChange: PropTypes.func,
+    children: PropTypes.node,
+  };
+
+  componentDidMount() {
+    this.scrollToSelectedItem();
+  }
+
+  scrollToSelectedItem() {
+    const { prefix, dataSource, value } = this.props;
+
+    const selectedIndex = dataSource.findIndex(
+      item => item.value === value,
+    );
+
+    if (selectedIndex === -1) {
+      return;
     }
 
-    scrollToSelectedItem() {
-        const { prefix, dataSource, value } = this.props;
-
-        const selectedIndex = dataSource.findIndex(
-            item => item.value === value
-        );
-
-        if (selectedIndex === -1) {
-            return;
-        }
-
-        const itemSelector = `.${prefix}menu-item`;
-        const menu = findDOMNode(this.refs.menu);
-        const targetItem = menu.querySelectorAll(itemSelector)[selectedIndex];
-        if (targetItem) {
-            menu.scrollTop =
+    const itemSelector = `.${prefix}menu-item`;
+    const menu = findDOMNode(this.refs.menu);
+    const targetItem = menu.querySelectorAll(itemSelector)[selectedIndex];
+    if (targetItem) {
+      menu.scrollTop =
                 targetItem.offsetTop -
                 Math.floor(
-                    (menu.clientHeight / targetItem.clientHeight - 1) / 2
+                  (menu.clientHeight / targetItem.clientHeight - 1) / 2,
                 ) *
                     targetItem.clientHeight;
-        }
     }
+  }
 
-    render() {
-        const {
-            prefix,
-            dataSource,
-            onChange,
-            value,
-            className,
-            ...others
-        } = this.props;
-        return (
-            <Menu
-                {...others}
-                ref="menu"
-                selectMode="single"
-                selectedKeys={[String(value)]}
-                onSelect={selectKeys => onChange(Number(selectKeys[0]))}
-                role="listbox"
-                className={`${prefix}calendar-panel-menu ${className}`}
-            >
-                {dataSource.map(({ label, value }) => (
-                    <Menu.Item key={value}>{label}</Menu.Item>
-                ))}
-            </Menu>
-        );
-    }
+  render() {
+    const {
+      prefix,
+      dataSource,
+      onChange,
+      value,
+      className,
+      ...others
+    } = this.props;
+    return (
+      <Menu
+        {...others}
+        ref="menu"
+        selectMode="single"
+        selectedKeys={[String(value)]}
+        onSelect={selectKeys => onChange(Number(selectKeys[0]))}
+        role="listbox"
+        className={`${prefix}calendar-panel-menu ${className}`}
+      >
+        {dataSource.map(({ label, value }) => (
+          <Menu.Item key={value}>{label}</Menu.Item>
+        ))}
+      </Menu>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/head/month-panel-header.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/head/month-panel-header.jsx
index 7d534c10c..2a5567a78 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/head/month-panel-header.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/head/month-panel-header.jsx
@@ -2,49 +2,49 @@ import React from 'react';
 import Icon from '../../icon';
 
 class MonthPanelHeader extends React.PureComponent {
-    render() {
-        const {
-            prefix,
-            visibleMonth,
-            locale,
-            changeMode,
-            goPrevYear,
-            goNextYear,
-        } = this.props;
-        const yearLabel = visibleMonth.year();
-        const btnCls = `${prefix}calendar-btn`;
+  render() {
+    const {
+      prefix,
+      visibleMonth,
+      locale,
+      changeMode,
+      goPrevYear,
+      goNextYear,
+    } = this.props;
+    const yearLabel = visibleMonth.year();
+    const btnCls = `${prefix}calendar-btn`;
 
-        return (
-            <div className={`${prefix}calendar-panel-header`}>
-                <button
-                    role="button"
-                    title={locale.prevYear}
-                    className={`${btnCls} ${btnCls}-prev-year`}
-                    onClick={goPrevYear}
-                >
-                    <Icon type="arrow-double-left" />
-                </button>
-                <div className={`${prefix}calendar-panel-header-full`}>
-                    <button
-                        role="button"
-                        title={yearLabel}
-                        className={`${btnCls}`}
-                        onClick={() => changeMode('year')}
-                    >
-                        {yearLabel}
-                    </button>
-                </div>
-                <button
-                    role="button"
-                    title={locale.nextYear}
-                    className={`${btnCls} ${btnCls}-next-year`}
-                    onClick={goNextYear}
-                >
-                    <Icon type="arrow-double-right" />
-                </button>
-            </div>
-        );
-    }
+    return (
+      <div className={`${prefix}calendar-panel-header`}>
+        <button
+          role="button"
+          title={locale.prevYear}
+          className={`${btnCls} ${btnCls}-prev-year`}
+          onClick={goPrevYear}
+        >
+          <Icon type="arrow-double-left" />
+        </button>
+        <div className={`${prefix}calendar-panel-header-full`}>
+          <button
+            role="button"
+            title={yearLabel}
+            className={`${btnCls}`}
+            onClick={() => changeMode('year')}
+          >
+            {yearLabel}
+          </button>
+        </div>
+        <button
+          role="button"
+          title={locale.nextYear}
+          className={`${btnCls} ${btnCls}-next-year`}
+          onClick={goNextYear}
+        >
+          <Icon type="arrow-double-right" />
+        </button>
+      </div>
+    );
+  }
 }
 
 export default MonthPanelHeader;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/head/year-panel-header.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/head/year-panel-header.jsx
index 7ece4016b..fe8ca98b5 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/head/year-panel-header.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/head/year-panel-header.jsx
@@ -2,54 +2,54 @@ import React from 'react';
 import Icon from '../../icon';
 
 class YearPanelHeader extends React.PureComponent {
-    getDecadeLabel = date => {
-        const year = date.year();
-        const start = parseInt(year / 10, 10) * 10;
-        const end = start + 9;
-        return `${start}-${end}`;
-    };
+  getDecadeLabel = date => {
+    const year = date.year();
+    const start = parseInt(year / 10, 10) * 10;
+    const end = start + 9;
+    return `${start}-${end}`;
+  };
 
-    render() {
-        const {
-            prefix,
-            visibleMonth,
-            locale,
-            goPrevDecade,
-            goNextDecade,
-        } = this.props;
-        const decadeLable = this.getDecadeLabel(visibleMonth);
-        const btnCls = `${prefix}calendar-btn`;
+  render() {
+    const {
+      prefix,
+      visibleMonth,
+      locale,
+      goPrevDecade,
+      goNextDecade,
+    } = this.props;
+    const decadeLable = this.getDecadeLabel(visibleMonth);
+    const btnCls = `${prefix}calendar-btn`;
 
-        return (
-            <div className={`${prefix}calendar-panel-header`}>
-                <button
-                    role="button"
-                    title={locale.prevDecade}
-                    className={`${btnCls} ${btnCls}-prev-decade`}
-                    onClick={goPrevDecade}
-                >
-                    <Icon type="arrow-double-left" />
-                </button>
-                <div className={`${prefix}calendar-panel-header-full`}>
-                    <button
-                        role="button"
-                        title={decadeLable}
-                        className={btnCls}
-                    >
-                        {decadeLable}
-                    </button>
-                </div>
-                <button
-                    role="button"
-                    title={locale.nextDecade}
-                    className={`${btnCls} ${btnCls}-next-decade`}
-                    onClick={goNextDecade}
-                >
-                    <Icon type="arrow-double-right" />
-                </button>
-            </div>
-        );
-    }
+    return (
+      <div className={`${prefix}calendar-panel-header`}>
+        <button
+          role="button"
+          title={locale.prevDecade}
+          className={`${btnCls} ${btnCls}-prev-decade`}
+          onClick={goPrevDecade}
+        >
+          <Icon type="arrow-double-left" />
+        </button>
+        <div className={`${prefix}calendar-panel-header-full`}>
+          <button
+            role="button"
+            title={decadeLable}
+            className={btnCls}
+          >
+            {decadeLable}
+          </button>
+        </div>
+        <button
+          role="button"
+          title={locale.nextDecade}
+          className={`${btnCls} ${btnCls}-next-decade`}
+          onClick={goNextDecade}
+        >
+          <Icon type="arrow-double-right" />
+        </button>
+      </div>
+    );
+  }
 }
 
 export default YearPanelHeader;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/index.jsx
index 1e55b5084..29959f155 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/index.jsx
@@ -5,78 +5,78 @@ import RangeCalendar from './range-calendar';
 
 /* istanbul ignore next */
 const transform = (props, deprecated) => {
-    const {
-        type,
-        onChange,
-        base,
-        disabledMonth,
-        disabledYear,
-        ...others
-    } = props;
-    const newProps = others;
+  const {
+    type,
+    onChange,
+    base,
+    disabledMonth,
+    disabledYear,
+    ...others
+  } = props;
+  const newProps = others;
 
-    if ('type' in props) {
-        deprecated('type', 'shape', 'Calendar');
+  if ('type' in props) {
+    deprecated('type', 'shape', 'Calendar');
 
-        newProps.shape = type;
+    newProps.shape = type;
 
-        if ('shape' in props) {
-            newProps.shape = props.shape;
-        }
+    if ('shape' in props) {
+      newProps.shape = props.shape;
+    }
+  }
+
+  if ('base' in props) {
+    deprecated('base', 'defaultVisibleMonth', 'Calendar');
+
+    let newDefaultVisibleMonth = () => {
+      preFormatDateValue(base, 'YYYY-MM-DD');
+    };
+
+    if ('defaultVisibleMonth' in props) {
+      newDefaultVisibleMonth = props.defaultVisibleMonth;
     }
 
-    if ('base' in props) {
-        deprecated('base', 'defaultVisibleMonth', 'Calendar');
+    newProps.defaultVisibleMonth = newDefaultVisibleMonth;
+  }
 
-        let newDefaultVisibleMonth = () => {
-            preFormatDateValue(base, 'YYYY-MM-DD');
-        };
+  if ('onChange' in props && typeof onChange === 'function') {
+    deprecated('onChange', 'onSelect', 'Calendar');
 
-        if ('defaultVisibleMonth' in props) {
-            newDefaultVisibleMonth = props.defaultVisibleMonth;
-        }
+    const newOnSelect = date => {
+      onChange({ mode: others.mode, value: date });
 
-        newProps.defaultVisibleMonth = newDefaultVisibleMonth;
-    }
+      if ('onSelect' in props) {
+        props.onSelect(date);
+      }
+    };
 
-    if ('onChange' in props && typeof onChange === 'function') {
-        deprecated('onChange', 'onSelect', 'Calendar');
+    newProps.onSelect = newOnSelect;
+  }
 
-        const newOnSelect = date => {
-            onChange({ mode: others.mode, value: date });
+  if ('disabledMonth' in props && typeof disabledMonth === 'function') {
+    deprecated('disabledMonth', 'disabledDate', 'Calendar');
+  }
 
-            if ('onSelect' in props) {
-                props.onSelect(date);
-            }
-        };
+  if ('disabledYear' in props && typeof disabledYear === 'function') {
+    deprecated('disabledYear', 'disabledDate', 'Calendar');
+  }
 
-        newProps.onSelect = newOnSelect;
-    }
+  if ('yearCellRender' in props && typeof yearCellRender === 'function') {
+    deprecated(
+      'yearCellRender',
+      'monthCellRender/dateCellRender',
+      'Calendar',
+    );
+  }
 
-    if ('disabledMonth' in props && typeof disabledMonth === 'function') {
-        deprecated('disabledMonth', 'disabledDate', 'Calendar');
-    }
+  if ('language' in props) {
+    deprecated('language', 'moment.locale', 'Calendar');
+  }
 
-    if ('disabledYear' in props && typeof disabledYear === 'function') {
-        deprecated('disabledYear', 'disabledDate', 'Calendar');
-    }
-
-    if ('yearCellRender' in props && typeof yearCellRender === 'function') {
-        deprecated(
-            'yearCellRender',
-            'monthCellRender/dateCellRender',
-            'Calendar'
-        );
-    }
-
-    if ('language' in props) {
-        deprecated('language', 'moment.locale', 'Calendar');
-    }
-
-    return newProps;
+  return newProps;
 };
 
 Calendar.RangeCalendar = RangeCalendar;
 export default ConfigProvider.config(Calendar, {
-    transform,
+  transform,
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/range-calendar.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/range-calendar.jsx
index 6bbe8fa64..e79783a58 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/range-calendar.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/range-calendar.jsx
@@ -12,400 +12,400 @@ import DateTable from './table/date-table';
 import MonthTable from './table/month-table';
 import YearTable from './table/year-table';
 import {
-    checkMomentObj,
-    formatDateValue,
-    getVisibleMonth,
-    isSameYearMonth,
-    CALENDAR_MODES,
-    CALENDAR_MODE_DATE,
-    CALENDAR_MODE_MONTH,
-    CALENDAR_MODE_YEAR,
-    getLocaleData,
+  checkMomentObj,
+  formatDateValue,
+  getVisibleMonth,
+  isSameYearMonth,
+  CALENDAR_MODES,
+  CALENDAR_MODE_DATE,
+  CALENDAR_MODE_MONTH,
+  CALENDAR_MODE_YEAR,
+  getLocaleData,
 } from './utils';
 
 class RangeCalendar extends React.Component {
-    static propTypes = {
-        ...ConfigProvider.propTypes,
-        /**
+  static propTypes = {
+    ...ConfigProvider.propTypes,
+    /**
          * 样式前缀
          */
-        prefix: PropTypes.string,
-        rtl: PropTypes.bool,
-        /**
+    prefix: PropTypes.string,
+    rtl: PropTypes.bool,
+    /**
          * 默认的开始日期
          */
-        defaultStartValue: checkMomentObj,
-        /**
+    defaultStartValue: checkMomentObj,
+    /**
          * 默认的结束日期
          */
-        defaultEndValue: checkMomentObj,
-        /**
+    defaultEndValue: checkMomentObj,
+    /**
          * 开始日期（moment 对象）
          */
-        startValue: checkMomentObj,
-        /**
+    startValue: checkMomentObj,
+    /**
          * 结束日期（moment 对象）
          */
-        endValue: checkMomentObj,
-        // 面板模式
-        mode: PropTypes.oneOf(CALENDAR_MODES),
-        // 禁用更改面板模式，采用 dropdown 的方式切换显示日期 (暂不正式对外透出)
-        disableChangeMode: PropTypes.bool,
-        // 日期值的格式（用于日期title显示的格式）
-        format: PropTypes.string,
-        yearRange: PropTypes.arrayOf(PropTypes.number),
-        /**
+    endValue: checkMomentObj,
+    // 面板模式
+    mode: PropTypes.oneOf(CALENDAR_MODES),
+    // 禁用更改面板模式，采用 dropdown 的方式切换显示日期 (暂不正式对外透出)
+    disableChangeMode: PropTypes.bool,
+    // 日期值的格式（用于日期title显示的格式）
+    format: PropTypes.string,
+    yearRange: PropTypes.arrayOf(PropTypes.number),
+    /**
          * 是否显示非本月的日期
          */
-        showOtherMonth: PropTypes.bool,
-        /**
+    showOtherMonth: PropTypes.bool,
+    /**
          * 模板展示的月份（起始月份）
          */
-        defaultVisibleMonth: PropTypes.func,
-        /**
+    defaultVisibleMonth: PropTypes.func,
+    /**
          * 展现的月份变化时的回调
          * @param {Object} value 显示的月份 (moment 对象)
          * @param {String} reason 触发月份改变原因
          */
-        onVisibleMonthChange: PropTypes.func,
-        /**
+    onVisibleMonthChange: PropTypes.func,
+    /**
          * 不可选择的日期
          * @param {Object} calendarDate 对应 Calendar 返回的自定义日期对象
          * @param {String} view 当前视图类型，year: 年， month: 月, date: 日
          * @returns {Boolean}
          */
-        disabledDate: PropTypes.func,
-        /**
+    disabledDate: PropTypes.func,
+    /**
          * 选择日期单元格时的回调
          * @param {Object} value 对应的日期值 (moment 对象)
          */
-        onSelect: PropTypes.func,
-        /**
+    onSelect: PropTypes.func,
+    /**
          * 自定义日期单元格渲染
          */
-        dateCellRender: PropTypes.func,
-        /**
+    dateCellRender: PropTypes.func,
+    /**
          * 自定义月份渲染函数
          * @param {Object} calendarDate 对应 Calendar 返回的自定义日期对象
          * @returns {ReactNode}
          */
-        monthCellRender: PropTypes.func,
-        yearCellRender: PropTypes.func, // 兼容 0.x yearCellRender
-        locale: PropTypes.object,
-        className: PropTypes.string,
+    monthCellRender: PropTypes.func,
+    yearCellRender: PropTypes.func, // 兼容 0.x yearCellRender
+    locale: PropTypes.object,
+    className: PropTypes.string,
+  };
+
+  static defaultProps = {
+    prefix: 'next-',
+    rtl: false,
+    mode: CALENDAR_MODE_DATE,
+    disableChangeMode: false,
+    format: 'YYYY-MM-DD',
+    dateCellRender: value => value.date(),
+    onSelect: func.noop,
+    onVisibleMonthChange: func.noop,
+    locale: nextLocale.Calendar,
+    showOtherMonth: false,
+  };
+
+  constructor(props, context) {
+    super(props, context);
+
+    const startValue = formatDateValue(
+      props.startValue || props.defaultStartValue,
+    );
+    const endValue = formatDateValue(
+      props.endValue || props.defaultEndValue,
+    );
+    const visibleMonth = getVisibleMonth(
+      props.defaultVisibleMonth,
+      startValue,
+    );
+
+    this.state = {
+      startValue,
+      endValue,
+      mode: props.mode,
+      startVisibleMonth: visibleMonth,
+      activePanel: undefined,
     };
+    this.today = moment();
+  }
 
-    static defaultProps = {
-        prefix: 'next-',
-        rtl: false,
-        mode: CALENDAR_MODE_DATE,
-        disableChangeMode: false,
-        format: 'YYYY-MM-DD',
-        dateCellRender: value => value.date(),
-        onSelect: func.noop,
-        onVisibleMonthChange: func.noop,
-        locale: nextLocale.Calendar,
-        showOtherMonth: false,
-    };
+  componentWillReceiveProps(nextProps) {
+    if ('startValue' in nextProps) {
+      const startValue = formatDateValue(nextProps.startValue);
+      this.setState({
+        startValue,
+      });
 
-    constructor(props, context) {
-        super(props, context);
-
-        const startValue = formatDateValue(
-            props.startValue || props.defaultStartValue
-        );
-        const endValue = formatDateValue(
-            props.endValue || props.defaultEndValue
-        );
-        const visibleMonth = getVisibleMonth(
-            props.defaultVisibleMonth,
-            startValue
-        );
-
-        this.state = {
-            startValue,
-            endValue,
-            mode: props.mode,
-            startVisibleMonth: visibleMonth,
-            activePanel: undefined,
-        };
-        this.today = moment();
-    }
-
-    componentWillReceiveProps(nextProps) {
-        if ('startValue' in nextProps) {
-            const startValue = formatDateValue(nextProps.startValue);
-            this.setState({
-                startValue,
-            });
-
-            if (
-                startValue &&
+      if (
+        startValue &&
                 !startValue.isSame(this.state.startValue, 'day')
-            ) {
-                this.setState({
-                    startVisibleMonth: startValue,
-                });
-            }
-        }
-
-        if ('endValue' in nextProps) {
-            const endValue = formatDateValue(nextProps.endValue);
-            this.setState({
-                endValue,
-            });
-        }
-
-        if ('mode' in nextProps) {
-            this.setState({
-                mode: nextProps.mode,
-            });
-        }
+      ) {
+        this.setState({
+          startVisibleMonth: startValue,
+        });
+      }
     }
 
-    onSelectCell = (date, nextMode) => {
-        if (this.state.mode === CALENDAR_MODE_DATE) {
-            this.props.onSelect(date);
-        } else {
-            this.changeVisibleMonth(date, 'cellClick');
-        }
+    if ('endValue' in nextProps) {
+      const endValue = formatDateValue(nextProps.endValue);
+      this.setState({
+        endValue,
+      });
+    }
 
-        this.changeMode(nextMode);
-    };
+    if ('mode' in nextProps) {
+      this.setState({
+        mode: nextProps.mode,
+      });
+    }
+  }
 
-    changeMode = (mode, activePanel) => {
-        if (typeof mode === 'string' && mode !== this.state.mode) {
-            this.setState({ mode });
-        }
-        if (activePanel && activePanel !== this.state.activePanel) {
-            this.setState({ activePanel });
-        }
-    };
+  onSelectCell = (date, nextMode) => {
+    if (this.state.mode === CALENDAR_MODE_DATE) {
+      this.props.onSelect(date);
+    } else {
+      this.changeVisibleMonth(date, 'cellClick');
+    }
 
-    changeVisibleMonth = (date, reason) => {
-        if (!isSameYearMonth(date, this.state.startVisibleMonth)) {
-            this.setState({ startVisibleMonth: date });
-            this.props.onVisibleMonthChange(date, reason);
-        }
-    };
+    this.changeMode(nextMode);
+  };
 
-    /**
+  changeMode = (mode, activePanel) => {
+    if (typeof mode === 'string' && mode !== this.state.mode) {
+      this.setState({ mode });
+    }
+    if (activePanel && activePanel !== this.state.activePanel) {
+      this.setState({ activePanel });
+    }
+  };
+
+  changeVisibleMonth = (date, reason) => {
+    if (!isSameYearMonth(date, this.state.startVisibleMonth)) {
+      this.setState({ startVisibleMonth: date });
+      this.props.onVisibleMonthChange(date, reason);
+    }
+  };
+
+  /**
      * 根据日期偏移量设置当前展示的月份
      * @param {Number} offset 日期偏移量
      * @param {String} type 日期偏移类型 days, months, years
      */
-    changeVisibleMonthByOffset = (offset, type) => {
-        const offsetDate = this.state.startVisibleMonth
-            .clone()
-            .add(offset, type);
-        this.changeVisibleMonth(offsetDate, 'buttonClick');
-    };
+  changeVisibleMonthByOffset = (offset, type) => {
+    const offsetDate = this.state.startVisibleMonth
+      .clone()
+      .add(offset, type);
+    this.changeVisibleMonth(offsetDate, 'buttonClick');
+  };
 
-    goPrevDecade = () => {
-        this.changeVisibleMonthByOffset(-10, 'years');
-    };
+  goPrevDecade = () => {
+    this.changeVisibleMonthByOffset(-10, 'years');
+  };
 
-    goNextDecade = () => {
-        this.changeVisibleMonthByOffset(10, 'years');
-    };
+  goNextDecade = () => {
+    this.changeVisibleMonthByOffset(10, 'years');
+  };
 
-    goPrevYear = () => {
-        this.changeVisibleMonthByOffset(-1, 'years');
-    };
+  goPrevYear = () => {
+    this.changeVisibleMonthByOffset(-1, 'years');
+  };
 
-    goNextYear = () => {
-        this.changeVisibleMonthByOffset(1, 'years');
-    };
+  goNextYear = () => {
+    this.changeVisibleMonthByOffset(1, 'years');
+  };
 
-    goPrevMonth = () => {
-        this.changeVisibleMonthByOffset(-1, 'months');
-    };
+  goPrevMonth = () => {
+    this.changeVisibleMonthByOffset(-1, 'months');
+  };
 
-    goNextMonth = () => {
-        this.changeVisibleMonthByOffset(1, 'months');
-    };
+  goNextMonth = () => {
+    this.changeVisibleMonthByOffset(1, 'months');
+  };
 
-    render() {
-        const {
-            prefix,
-            rtl,
-            dateCellRender,
-            monthCellRender,
-            yearCellRender,
-            className,
-            format,
-            locale,
-            showOtherMonth,
-            disabledDate,
-            disableChangeMode,
-            yearRange,
-            ...others
-        } = this.props;
-        const {
-            startValue,
-            endValue,
-            mode,
-            startVisibleMonth,
-            activePanel,
-        } = this.state;
+  render() {
+    const {
+      prefix,
+      rtl,
+      dateCellRender,
+      monthCellRender,
+      yearCellRender,
+      className,
+      format,
+      locale,
+      showOtherMonth,
+      disabledDate,
+      disableChangeMode,
+      yearRange,
+      ...others
+    } = this.props;
+    const {
+      startValue,
+      endValue,
+      mode,
+      startVisibleMonth,
+      activePanel,
+    } = this.state;
 
-        // reset moment locale
-        if (locale.momentLocale) {
-            startValue && startValue.locale(locale.momentLocale);
-            endValue && endValue.locale(locale.momentLocale);
-            startVisibleMonth.locale(locale.momentLocale);
-        }
-
-        if (rtl) {
-            others.dir = 'rtl';
-        }
-        const localeData = getLocaleData(
-            locale.format || {},
-            startVisibleMonth.localeData()
-        );
-
-        const endVisibleMonth = startVisibleMonth.clone().add(1, 'months');
-
-        const headerProps = {
-            prefix,
-            rtl,
-            mode,
-            locale,
-            momentLocale: localeData,
-            startVisibleMonth,
-            endVisibleMonth,
-            changeVisibleMonth: this.changeVisibleMonth,
-            changeMode: this.changeMode,
-            yearRange,
-            disableChangeMode,
-        };
-
-        const tableProps = {
-            prefix,
-            value: startValue,
-            startValue,
-            endValue,
-            mode,
-            locale,
-            momentLocale: localeData,
-            showOtherMonth,
-            today: this.today,
-            disabledDate,
-            dateCellRender,
-            monthCellRender,
-            yearCellRender,
-            changeMode: this.changeMode,
-            changeVisibleMonth: this.changeVisibleMonth,
-        };
-
-        const visibleMonths = {
-            start: startVisibleMonth,
-            end: endVisibleMonth,
-        };
-
-        const visibleMonth = visibleMonths[activePanel];
-
-        let header;
-        let table;
-
-        switch (mode) {
-            case CALENDAR_MODE_DATE: {
-                table = [
-                    <div
-                        className={`${prefix}calendar-body-left`}
-                        key="left-panel"
-                    >
-                        <DateTable
-                            format={format}
-                            {...tableProps}
-                            visibleMonth={startVisibleMonth}
-                            onSelectDate={this.onSelectCell}
-                        />
-                    </div>,
-                    <div
-                        className={`${prefix}calendar-body-right`}
-                        key="right-panel"
-                    >
-                        <DateTable
-                            format={format}
-                            {...tableProps}
-                            visibleMonth={endVisibleMonth}
-                            onSelectDate={this.onSelectCell}
-                        />
-                    </div>,
-                ];
-                header = (
-                    <RangePanelHeader
-                        {...headerProps}
-                        goPrevYear={this.goPrevYear}
-                        goPrevMonth={this.goPrevMonth}
-                        goNextYear={this.goNextYear}
-                        goNextMonth={this.goNextMonth}
-                    />
-                );
-                break;
-            }
-            case CALENDAR_MODE_MONTH: {
-                table = (
-                    <MonthTable
-                        {...tableProps}
-                        visibleMonth={visibleMonth}
-                        onSelectMonth={this.onSelectCell}
-                    />
-                );
-                header = (
-                    <MonthPanelHeader
-                        {...headerProps}
-                        visibleMonth={visibleMonth}
-                        goPrevYear={this.goPrevYear}
-                        goNextYear={this.goNextYear}
-                    />
-                );
-                break;
-            }
-            case CALENDAR_MODE_YEAR: {
-                table = (
-                    <YearTable
-                        {...tableProps}
-                        rtl={rtl}
-                        visibleMonth={visibleMonth}
-                        onSelectYear={this.onSelectCell}
-                        goPrevDecade={this.goPrevDecade}
-                        goNextDecade={this.goNextDecade}
-                    />
-                );
-                header = (
-                    <YearPanelHeader
-                        {...headerProps}
-                        visibleMonth={visibleMonth}
-                        goPrevDecade={this.goPrevDecade}
-                        goNextDecade={this.goNextDecade}
-                    />
-                );
-                break;
-            }
-        }
-
-        const classNames = classnames(
-            {
-                [`${prefix}calendar`]: true,
-                [`${prefix}calendar-range`]: true,
-            },
-            className
-        );
-
-        return (
-            <div
-                {...obj.pickOthers(RangeCalendar.propTypes, others)}
-                className={classNames}
-            >
-                {header}
-                <div className={`${prefix}calendar-body`}>{table}</div>
-            </div>
-        );
+    // reset moment locale
+    if (locale.momentLocale) {
+      startValue && startValue.locale(locale.momentLocale);
+      endValue && endValue.locale(locale.momentLocale);
+      startVisibleMonth.locale(locale.momentLocale);
     }
+
+    if (rtl) {
+      others.dir = 'rtl';
+    }
+    const localeData = getLocaleData(
+      locale.format || {},
+      startVisibleMonth.localeData(),
+    );
+
+    const endVisibleMonth = startVisibleMonth.clone().add(1, 'months');
+
+    const headerProps = {
+      prefix,
+      rtl,
+      mode,
+      locale,
+      momentLocale: localeData,
+      startVisibleMonth,
+      endVisibleMonth,
+      changeVisibleMonth: this.changeVisibleMonth,
+      changeMode: this.changeMode,
+      yearRange,
+      disableChangeMode,
+    };
+
+    const tableProps = {
+      prefix,
+      value: startValue,
+      startValue,
+      endValue,
+      mode,
+      locale,
+      momentLocale: localeData,
+      showOtherMonth,
+      today: this.today,
+      disabledDate,
+      dateCellRender,
+      monthCellRender,
+      yearCellRender,
+      changeMode: this.changeMode,
+      changeVisibleMonth: this.changeVisibleMonth,
+    };
+
+    const visibleMonths = {
+      start: startVisibleMonth,
+      end: endVisibleMonth,
+    };
+
+    const visibleMonth = visibleMonths[activePanel];
+
+    let header;
+    let table;
+
+    switch (mode) {
+      case CALENDAR_MODE_DATE: {
+        table = [
+          <div
+            className={`${prefix}calendar-body-left`}
+            key="left-panel"
+          >
+            <DateTable
+              format={format}
+              {...tableProps}
+              visibleMonth={startVisibleMonth}
+              onSelectDate={this.onSelectCell}
+            />
+          </div>,
+          <div
+            className={`${prefix}calendar-body-right`}
+            key="right-panel"
+          >
+            <DateTable
+              format={format}
+              {...tableProps}
+              visibleMonth={endVisibleMonth}
+              onSelectDate={this.onSelectCell}
+            />
+          </div>,
+        ];
+        header = (
+          <RangePanelHeader
+            {...headerProps}
+            goPrevYear={this.goPrevYear}
+            goPrevMonth={this.goPrevMonth}
+            goNextYear={this.goNextYear}
+            goNextMonth={this.goNextMonth}
+          />
+        );
+        break;
+      }
+      case CALENDAR_MODE_MONTH: {
+        table = (
+          <MonthTable
+            {...tableProps}
+            visibleMonth={visibleMonth}
+            onSelectMonth={this.onSelectCell}
+          />
+        );
+        header = (
+          <MonthPanelHeader
+            {...headerProps}
+            visibleMonth={visibleMonth}
+            goPrevYear={this.goPrevYear}
+            goNextYear={this.goNextYear}
+          />
+        );
+        break;
+      }
+      case CALENDAR_MODE_YEAR: {
+        table = (
+          <YearTable
+            {...tableProps}
+            rtl={rtl}
+            visibleMonth={visibleMonth}
+            onSelectYear={this.onSelectCell}
+            goPrevDecade={this.goPrevDecade}
+            goNextDecade={this.goNextDecade}
+          />
+        );
+        header = (
+          <YearPanelHeader
+            {...headerProps}
+            visibleMonth={visibleMonth}
+            goPrevDecade={this.goPrevDecade}
+            goNextDecade={this.goNextDecade}
+          />
+        );
+        break;
+      }
+    }
+
+    const classNames = classnames(
+      {
+        [`${prefix}calendar`]: true,
+        [`${prefix}calendar-range`]: true,
+      },
+      className,
+    );
+
+    return (
+      <div
+        {...obj.pickOthers(RangeCalendar.propTypes, others)}
+        className={classNames}
+      >
+        {header}
+        <div className={`${prefix}calendar-body`}>{table}</div>
+      </div>
+    );
+  }
 }
 
 export default ConfigProvider.config(RangeCalendar, {
-    componentName: 'Calendar',
+  componentName: 'Calendar',
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/table/date-table-head.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/table/date-table-head.jsx
index b3d1691b5..8986de288 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/table/date-table-head.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/table/date-table-head.jsx
@@ -2,27 +2,27 @@ import React, { PureComponent } from 'react';
 import { DAYS_OF_WEEK } from '../utils';
 
 class DateTableHead extends PureComponent {
-    render() {
-        const { prefix, momentLocale } = this.props;
-        const firstDayOfWeek = momentLocale.firstDayOfWeek();
-        const weekdaysShort = momentLocale.weekdaysShort();
+  render() {
+    const { prefix, momentLocale } = this.props;
+    const firstDayOfWeek = momentLocale.firstDayOfWeek();
+    const weekdaysShort = momentLocale.weekdaysShort();
 
-        const elements = [];
-        for (let i = 0; i < DAYS_OF_WEEK; i++) {
-            const index = (firstDayOfWeek + i) % DAYS_OF_WEEK;
-            elements.push(
-                <th key={i} className={`${prefix}calendar-th`} role="cell">
-                    {weekdaysShort[index]}
-                </th>
-            );
-        }
-
-        return (
-            <thead className={`${prefix}calendar-thead`} role="rowgroup">
-                <tr role="row">{elements}</tr>
-            </thead>
-        );
+    const elements = [];
+    for (let i = 0; i < DAYS_OF_WEEK; i++) {
+      const index = (firstDayOfWeek + i) % DAYS_OF_WEEK;
+      elements.push(
+        <th key={i} className={`${prefix}calendar-th`} role="cell">
+          {weekdaysShort[index]}
+        </th>,
+      );
     }
+
+    return (
+      <thead className={`${prefix}calendar-thead`} role="rowgroup">
+        <tr role="row">{elements}</tr>
+      </thead>
+    );
+  }
 }
 
 export default DateTableHead;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/table/date-table.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/table/date-table.jsx
index e10290fec..8329b1951 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/table/date-table.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/table/date-table.jsx
@@ -2,165 +2,165 @@ import React, { PureComponent } from 'react';
 import classNames from 'classnames';
 import DateTableHead from './date-table-head';
 import {
-    isDisabledDate,
-    DAYS_OF_WEEK,
-    CALENDAR_TABLE_COL_COUNT,
-    CALENDAR_TABLE_ROW_COUNT,
+  isDisabledDate,
+  DAYS_OF_WEEK,
+  CALENDAR_TABLE_COL_COUNT,
+  CALENDAR_TABLE_ROW_COUNT,
 } from '../utils';
 
 function isSameDay(a, b) {
-    return a && b && a.isSame(b, 'day');
+  return a && b && a.isSame(b, 'day');
 }
 
 function isRangeDate(date, startDate, endDate) {
-    return (
-        date.format('L') !== startDate.format('L') &&
+  return (
+    date.format('L') !== startDate.format('L') &&
         date.format('L') !== endDate.format('L') &&
         date.valueOf() > startDate.valueOf() &&
         date.valueOf() < endDate.valueOf()
-    );
+  );
 }
 
 function isLastMonthDate(date, target) {
-    if (date.year() < target.year()) {
-        return 1;
-    }
-    return date.year() === target.year() && date.month() < target.month();
+  if (date.year() < target.year()) {
+    return 1;
+  }
+  return date.year() === target.year() && date.month() < target.month();
 }
 
 function isNextMonthDate(date, target) {
-    if (date.year() > target.year()) {
-        return 1;
-    }
-    return date.year() === target.year() && date.month() > target.month();
+  if (date.year() > target.year()) {
+    return 1;
+  }
+  return date.year() === target.year() && date.month() > target.month();
 }
 
 class DateTable extends PureComponent {
-    render() {
-        const {
-            prefix,
-            visibleMonth,
-            showOtherMonth,
-            endValue,
-            format,
-            today,
-            momentLocale,
-            dateCellRender,
-            disabledDate,
-            onSelectDate,
-        } = this.props;
-        const startValue = this.props.startValue || this.props.value;
+  render() {
+    const {
+      prefix,
+      visibleMonth,
+      showOtherMonth,
+      endValue,
+      format,
+      today,
+      momentLocale,
+      dateCellRender,
+      disabledDate,
+      onSelectDate,
+    } = this.props;
+    const startValue = this.props.startValue || this.props.value;
 
-        const firstDayOfMonth = visibleMonth.clone().startOf('month'); // 该月的 1 号
-        const firstDayOfMonthInWeek = firstDayOfMonth.day(); // 星期几
+    const firstDayOfMonth = visibleMonth.clone().startOf('month'); // 该月的 1 号
+    const firstDayOfMonthInWeek = firstDayOfMonth.day(); // 星期几
 
-        const firstDayOfWeek = momentLocale.firstDayOfWeek();
+    const firstDayOfWeek = momentLocale.firstDayOfWeek();
 
-        const datesOfLastMonthCount =
+    const datesOfLastMonthCount =
             (firstDayOfMonthInWeek + DAYS_OF_WEEK - firstDayOfWeek) %
             DAYS_OF_WEEK;
 
-        const lastMonthDate = firstDayOfMonth.clone();
-        lastMonthDate.add(0 - datesOfLastMonthCount, 'days');
+    const lastMonthDate = firstDayOfMonth.clone();
+    lastMonthDate.add(0 - datesOfLastMonthCount, 'days');
 
-        let counter = 0;
-        let currentDate;
-        const dateList = [];
-        for (let i = 0; i < CALENDAR_TABLE_ROW_COUNT; i++) {
-            for (let j = 0; j < CALENDAR_TABLE_COL_COUNT; j++) {
-                currentDate = lastMonthDate;
-                if (counter) {
-                    currentDate = currentDate.clone();
-                    currentDate.add(counter, 'days');
-                }
-                dateList.push(currentDate);
-                counter++;
-            }
+    let counter = 0;
+    let currentDate;
+    const dateList = [];
+    for (let i = 0; i < CALENDAR_TABLE_ROW_COUNT; i++) {
+      for (let j = 0; j < CALENDAR_TABLE_COL_COUNT; j++) {
+        currentDate = lastMonthDate;
+        if (counter) {
+          currentDate = currentDate.clone();
+          currentDate.add(counter, 'days');
         }
+        dateList.push(currentDate);
+        counter++;
+      }
+    }
 
-        counter = 0; // reset counter
-        const monthElements = [];
-        for (let i = 0; i < CALENDAR_TABLE_ROW_COUNT; i++) {
-            const weekElements = [];
-            for (let j = 0; j < CALENDAR_TABLE_COL_COUNT; j++) {
-                currentDate = dateList[counter];
-                const isLastMonth = isLastMonthDate(currentDate, visibleMonth);
-                const isNextMonth = isNextMonthDate(currentDate, visibleMonth);
-                const isCurrentMonth = !isLastMonth && !isNextMonth;
+    counter = 0; // reset counter
+    const monthElements = [];
+    for (let i = 0; i < CALENDAR_TABLE_ROW_COUNT; i++) {
+      const weekElements = [];
+      for (let j = 0; j < CALENDAR_TABLE_COL_COUNT; j++) {
+        currentDate = dateList[counter];
+        const isLastMonth = isLastMonthDate(currentDate, visibleMonth);
+        const isNextMonth = isNextMonthDate(currentDate, visibleMonth);
+        const isCurrentMonth = !isLastMonth && !isNextMonth;
 
-                const isDisabled = isDisabledDate(
-                    currentDate,
-                    disabledDate,
-                    'date'
-                );
-                const isToday =
+        const isDisabled = isDisabledDate(
+          currentDate,
+          disabledDate,
+          'date',
+        );
+        const isToday =
                     !isDisabled &&
                     isSameDay(currentDate, today) &&
                     isCurrentMonth;
-                const isSelected =
+        const isSelected =
                     !isDisabled &&
                     (isSameDay(currentDate, startValue) ||
                         isSameDay(currentDate, endValue)) &&
                     isCurrentMonth;
-                const isInRange =
+        const isInRange =
                     !isDisabled &&
                     startValue &&
                     endValue &&
                     isRangeDate(currentDate, startValue, endValue) &&
                     isCurrentMonth;
 
-                const cellContent =
+        const cellContent =
                     !showOtherMonth && !isCurrentMonth
-                        ? null
-                        : dateCellRender(currentDate);
+                      ? null
+                      : dateCellRender(currentDate);
 
-                const elementCls = classNames({
-                    [`${prefix}calendar-cell`]: true,
-                    [`${prefix}calendar-cell-prev-month`]: isLastMonth,
-                    [`${prefix}calendar-cell-next-month`]: isNextMonth,
-                    [`${prefix}calendar-cell-current`]: isToday,
-                    [`${prefix}inrange`]: isInRange,
-                    [`${prefix}selected`]: isSelected,
-                    [`${prefix}disabled`]: cellContent && isDisabled,
-                });
+        const elementCls = classNames({
+          [`${prefix}calendar-cell`]: true,
+          [`${prefix}calendar-cell-prev-month`]: isLastMonth,
+          [`${prefix}calendar-cell-next-month`]: isNextMonth,
+          [`${prefix}calendar-cell-current`]: isToday,
+          [`${prefix}inrange`]: isInRange,
+          [`${prefix}selected`]: isSelected,
+          [`${prefix}disabled`]: cellContent && isDisabled,
+        });
 
-                weekElements.push(
-                    <td
-                        key={counter}
-                        title={currentDate.format(format)}
-                        onClick={
+        weekElements.push(
+          <td
+            key={counter}
+            title={currentDate.format(format)}
+            onClick={
                             isDisabled
-                                ? undefined
-                                : onSelectDate.bind(null, currentDate)
+                              ? undefined
+                              : onSelectDate.bind(null, currentDate)
                         }
-                        className={elementCls}
-                        role="cell"
-                        aria-disabled={isDisabled ? 'true' : 'false'}
-                        aria-selected={isSelected ? 'true' : 'false'}
-                    >
-                        <div className={`${prefix}calendar-date`}>
-                            {cellContent}
-                        </div>
-                    </td>
-                );
-                counter++;
-            }
-            monthElements.push(
-                <tr key={i} role="row">
-                    {weekElements}
-                </tr>
-            );
-        }
-
-        return (
-            <table className={`${prefix}calendar-table`} role="grid">
-                <DateTableHead {...this.props} momentLocale={momentLocale} />
-                <tbody className={`${prefix}calendar-tbody`} role="rowgroup">
-                    {monthElements}
-                </tbody>
-            </table>
+            className={elementCls}
+            role="cell"
+            aria-disabled={isDisabled ? 'true' : 'false'}
+            aria-selected={isSelected ? 'true' : 'false'}
+          >
+            <div className={`${prefix}calendar-date`}>
+              {cellContent}
+            </div>
+          </td>,
         );
+        counter++;
+      }
+      monthElements.push(
+        <tr key={i} role="row">
+          {weekElements}
+        </tr>,
+      );
     }
+
+    return (
+      <table className={`${prefix}calendar-table`} role="grid">
+        <DateTableHead {...this.props} momentLocale={momentLocale} />
+        <tbody className={`${prefix}calendar-tbody`} role="rowgroup">
+          {monthElements}
+        </tbody>
+      </table>
+    );
+  }
 }
 
 export default DateTable;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/table/month-table.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/table/month-table.jsx
index 2f7d1c208..1156ddec8 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/table/month-table.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/table/month-table.jsx
@@ -1,96 +1,96 @@
 import React, { PureComponent } from 'react';
 import classnames from 'classnames';
 import {
-    isDisabledDate,
-    MONTH_TABLE_ROW_COUNT,
-    MONTH_TABLE_COL_COUNT,
+  isDisabledDate,
+  MONTH_TABLE_ROW_COUNT,
+  MONTH_TABLE_COL_COUNT,
 } from '../utils';
 
 function isSameMonth(currentDate, selectedDate) {
-    return (
-        selectedDate &&
+  return (
+    selectedDate &&
         currentDate.year() === selectedDate.year() &&
         currentDate.month() === selectedDate.month()
-    );
+  );
 }
 
 class MonthTable extends PureComponent {
-    onMonthCellClick(date) {
-        this.props.onSelectMonth(date, 'date');
-    }
+  onMonthCellClick(date) {
+    this.props.onSelectMonth(date, 'date');
+  }
 
-    render() {
-        const {
-            prefix,
-            value,
-            visibleMonth,
-            disabledDate,
-            today,
-            momentLocale,
-            monthCellRender,
-        } = this.props;
+  render() {
+    const {
+      prefix,
+      value,
+      visibleMonth,
+      disabledDate,
+      today,
+      momentLocale,
+      monthCellRender,
+    } = this.props;
 
-        const monthLocale = momentLocale.monthsShort();
+    const monthLocale = momentLocale.monthsShort();
 
-        let counter = 0;
-        const monthList = [];
-        for (let i = 0; i < MONTH_TABLE_ROW_COUNT; i++) {
-            const rowList = [];
-            for (let j = 0; j < MONTH_TABLE_COL_COUNT; j++) {
-                const monthDate = visibleMonth.clone().month(counter);
-                const isDisabled = isDisabledDate(
-                    monthDate,
-                    disabledDate,
-                    'month'
-                );
-                const isSelected = isSameMonth(monthDate, value);
-                const isThisMonth = isSameMonth(monthDate, today);
-                const elementCls = classnames({
-                    [`${prefix}calendar-cell`]: true,
-                    [`${prefix}calendar-cell-current`]: isThisMonth,
-                    [`${prefix}selected`]: isSelected,
-                    [`${prefix}disabled`]: isDisabled,
-                });
-                const localedMonth = monthLocale[counter];
-                const monthCellContent = monthCellRender
-                    ? monthCellRender(monthDate)
-                    : localedMonth;
-                rowList.push(
-                    <td
-                        key={counter}
-                        title={localedMonth}
-                        onClick={
-                            isDisabled
-                                ? undefined
-                                : this.onMonthCellClick.bind(this, monthDate)
-                        }
-                        className={elementCls}
-                        role="cell"
-                        aria-disabled={isDisabled ? 'true' : 'false'}
-                        aria-selected={isSelected ? 'true' : 'false'}
-                    >
-                        <div className={`${prefix}calendar-month`}>
-                            {monthCellContent}
-                        </div>
-                    </td>
-                );
-                counter++;
-            }
-            monthList.push(
-                <tr key={i} role="row">
-                    {rowList}
-                </tr>
-            );
-        }
-
-        return (
-            <table className={`${prefix}calendar-table`} role="grid">
-                <tbody className={`${prefix}calendar-tbody`} role="rowgroup">
-                    {monthList}
-                </tbody>
-            </table>
+    let counter = 0;
+    const monthList = [];
+    for (let i = 0; i < MONTH_TABLE_ROW_COUNT; i++) {
+      const rowList = [];
+      for (let j = 0; j < MONTH_TABLE_COL_COUNT; j++) {
+        const monthDate = visibleMonth.clone().month(counter);
+        const isDisabled = isDisabledDate(
+          monthDate,
+          disabledDate,
+          'month',
         );
+        const isSelected = isSameMonth(monthDate, value);
+        const isThisMonth = isSameMonth(monthDate, today);
+        const elementCls = classnames({
+          [`${prefix}calendar-cell`]: true,
+          [`${prefix}calendar-cell-current`]: isThisMonth,
+          [`${prefix}selected`]: isSelected,
+          [`${prefix}disabled`]: isDisabled,
+        });
+        const localedMonth = monthLocale[counter];
+        const monthCellContent = monthCellRender
+          ? monthCellRender(monthDate)
+          : localedMonth;
+        rowList.push(
+          <td
+            key={counter}
+            title={localedMonth}
+            onClick={
+                            isDisabled
+                              ? undefined
+                              : this.onMonthCellClick.bind(this, monthDate)
+                        }
+            className={elementCls}
+            role="cell"
+            aria-disabled={isDisabled ? 'true' : 'false'}
+            aria-selected={isSelected ? 'true' : 'false'}
+          >
+            <div className={`${prefix}calendar-month`}>
+              {monthCellContent}
+            </div>
+          </td>,
+        );
+        counter++;
+      }
+      monthList.push(
+        <tr key={i} role="row">
+          {rowList}
+        </tr>,
+      );
     }
+
+    return (
+      <table className={`${prefix}calendar-table`} role="grid">
+        <tbody className={`${prefix}calendar-tbody`} role="rowgroup">
+          {monthList}
+        </tbody>
+      </table>
+    );
+  }
 }
 
 export default MonthTable;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/table/year-table.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/table/year-table.jsx
index ed9fa3e5a..3ce58fe1c 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/table/year-table.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/table/year-table.jsx
@@ -2,105 +2,105 @@ import React from 'react';
 import classnames from 'classnames';
 import Icon from '../../icon';
 import {
-    isDisabledDate,
-    YEAR_TABLE_COL_COUNT,
-    YEAR_TABLE_ROW_COUNT,
+  isDisabledDate,
+  YEAR_TABLE_COL_COUNT,
+  YEAR_TABLE_ROW_COUNT,
 } from '../utils';
 
 class YearTable extends React.PureComponent {
-    onYearCellClick(date) {
-        this.props.onSelectYear(date, 'month');
-    }
+  onYearCellClick(date) {
+    this.props.onSelectYear(date, 'month');
+  }
 
-    render() {
-        const {
-            prefix,
-            value,
-            today,
-            visibleMonth,
-            locale,
-            disabledDate,
-            goPrevDecade,
-            goNextDecade,
-            yearCellRender,
-        } = this.props;
-        const currentYear = today.year();
-        const selectedYear = value ? value.year() : null;
-        const visibleYear = visibleMonth.year();
-        const startYear = Math.floor(visibleYear / 10) * 10;
+  render() {
+    const {
+      prefix,
+      value,
+      today,
+      visibleMonth,
+      locale,
+      disabledDate,
+      goPrevDecade,
+      goNextDecade,
+      yearCellRender,
+    } = this.props;
+    const currentYear = today.year();
+    const selectedYear = value ? value.year() : null;
+    const visibleYear = visibleMonth.year();
+    const startYear = Math.floor(visibleYear / 10) * 10;
 
-        const yearElements = [];
-        let counter = 0;
+    const yearElements = [];
+    let counter = 0;
 
-        const lastRowIndex = YEAR_TABLE_ROW_COUNT - 1;
-        const lastColIndex = YEAR_TABLE_COL_COUNT - 1;
+    const lastRowIndex = YEAR_TABLE_ROW_COUNT - 1;
+    const lastColIndex = YEAR_TABLE_COL_COUNT - 1;
 
-        for (let i = 0; i < YEAR_TABLE_ROW_COUNT; i++) {
-            const rowElements = [];
-            for (let j = 0; j < YEAR_TABLE_COL_COUNT; j++) {
-                let content;
-                let year;
-                let isDisabled = false;
-                let onClick;
-                let title;
+    for (let i = 0; i < YEAR_TABLE_ROW_COUNT; i++) {
+      const rowElements = [];
+      for (let j = 0; j < YEAR_TABLE_COL_COUNT; j++) {
+        let content;
+        let year;
+        let isDisabled = false;
+        let onClick;
+        let title;
 
-                if (i === 0 && j === 0) {
-                    title = locale.prevDecade;
-                    onClick = goPrevDecade;
-                    content = <Icon type="arrow-left" size="xs" />;
-                } else if (i === lastRowIndex && j === lastColIndex) {
-                    title = locale.nextDecade;
-                    onClick = goNextDecade;
-                    content = <Icon type="arrow-right" size="xs" />;
-                } else {
-                    year = startYear + counter++;
-                    title = year;
-                    const yearDate = visibleMonth.clone().year(year);
-                    isDisabled = isDisabledDate(yearDate, disabledDate, 'year');
+        if (i === 0 && j === 0) {
+          title = locale.prevDecade;
+          onClick = goPrevDecade;
+          content = <Icon type="arrow-left" size="xs" />;
+        } else if (i === lastRowIndex && j === lastColIndex) {
+          title = locale.nextDecade;
+          onClick = goNextDecade;
+          content = <Icon type="arrow-right" size="xs" />;
+        } else {
+          year = startYear + counter++;
+          title = year;
+          const yearDate = visibleMonth.clone().year(year);
+          isDisabled = isDisabledDate(yearDate, disabledDate, 'year');
 
-                    !isDisabled &&
+          !isDisabled &&
                         (onClick = this.onYearCellClick.bind(this, yearDate));
 
-                    content = yearCellRender ? yearCellRender(yearDate) : year;
-                }
-
-                const isSelected = year === selectedYear;
-
-                const classNames = classnames({
-                    [`${prefix}calendar-cell`]: true,
-                    [`${prefix}calendar-cell-current`]: year === currentYear,
-                    [`${prefix}selected`]: isSelected,
-                    [`${prefix}disabled`]: isDisabled,
-                });
-
-                rowElements.push(
-                    <td key={`${i}-${j}`} className={classNames} role="cell">
-                        <div
-                            className={`${prefix}calendar-year`}
-                            onClick={onClick}
-                            title={title}
-                            aria-disabled={isDisabled ? 'true' : 'false'}
-                            aria-selected={isSelected ? 'true' : 'false'}
-                        >
-                            {content}
-                        </div>
-                    </td>
-                );
-            }
-            yearElements.push(
-                <tr key={i} role="row">
-                    {rowElements}
-                </tr>
-            );
+          content = yearCellRender ? yearCellRender(yearDate) : year;
         }
-        return (
-            <table className={`${prefix}calendar-table`} role="grid">
-                <tbody className={`${prefix}calendar-tbody`} role="rowgroup">
-                    {yearElements}
-                </tbody>
-            </table>
+
+        const isSelected = year === selectedYear;
+
+        const classNames = classnames({
+          [`${prefix}calendar-cell`]: true,
+          [`${prefix}calendar-cell-current`]: year === currentYear,
+          [`${prefix}selected`]: isSelected,
+          [`${prefix}disabled`]: isDisabled,
+        });
+
+        rowElements.push(
+          <td key={`${i}-${j}`} className={classNames} role="cell">
+            <div
+              className={`${prefix}calendar-year`}
+              onClick={onClick}
+              title={title}
+              aria-disabled={isDisabled ? 'true' : 'false'}
+              aria-selected={isSelected ? 'true' : 'false'}
+            >
+              {content}
+            </div>
+          </td>,
         );
+      }
+      yearElements.push(
+        <tr key={i} role="row">
+          {rowElements}
+        </tr>,
+      );
     }
+    return (
+      <table className={`${prefix}calendar-table`} role="grid">
+        <tbody className={`${prefix}calendar-tbody`} role="rowgroup">
+          {yearElements}
+        </tbody>
+      </table>
+    );
+  }
 }
 
 export default YearTable;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/utils/index.js b/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/utils/index.js
index f99eaf29b..ffdba2b02 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/utils/index.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/calendar/utils/index.js
@@ -21,109 +21,109 @@ export const CALENDAR_MODE_MONTH = 'month';
 export const CALENDAR_MODE_DATE = 'date';
 
 export const CALENDAR_MODES = [
-    CALENDAR_MODE_DATE,
-    CALENDAR_MODE_MONTH,
-    CALENDAR_MODE_YEAR,
+  CALENDAR_MODE_DATE,
+  CALENDAR_MODE_MONTH,
+  CALENDAR_MODE_YEAR,
 ];
 
 export function isDisabledDate(date, fn, view) {
-    if (typeof fn === 'function' && fn(date, view)) {
-        return true;
-    }
-    return false;
+  if (typeof fn === 'function' && fn(date, view)) {
+    return true;
+  }
+  return false;
 }
 
 export function checkMomentObj(props, propName, componentName) {
-    if (props[propName] && !moment.isMoment(props[propName])) {
-        return new Error(
-            `Invalid prop ${propName} supplied to ${componentName}. Required a moment object`
-        );
-    }
+  if (props[propName] && !moment.isMoment(props[propName])) {
+    return new Error(
+      `Invalid prop ${propName} supplied to ${componentName}. Required a moment object`,
+    );
+  }
 }
 
 export function formatDateValue(value, reservedValue = null) {
-    if (value && moment.isMoment(value)) {
-        return value;
-    }
-    return reservedValue;
+  if (value && moment.isMoment(value)) {
+    return value;
+  }
+  return reservedValue;
 }
 
 export function getVisibleMonth(defaultVisibleMonth, value) {
-    let getVM = defaultVisibleMonth;
-    if (typeof getVM !== 'function' || !moment.isMoment(getVM())) {
-        getVM = () => {
-            if (value) {
-                return value;
-            }
-            return moment();
-        };
-    }
-    return getVM();
+  let getVM = defaultVisibleMonth;
+  if (typeof getVM !== 'function' || !moment.isMoment(getVM())) {
+    getVM = () => {
+      if (value) {
+        return value;
+      }
+      return moment();
+    };
+  }
+  return getVM();
 }
 
 export function isSameYearMonth(dateA, dateB) {
-    return dateA.month() === dateB.month() && dateA.year() === dateB.year();
+  return dateA.month() === dateB.month() && dateA.year() === dateB.year();
 }
 
 export function preFormatDateValue(value, format) {
-    const val =
+  const val =
         typeof value === 'string' ? moment(value, format, false) : value;
-    if (val && moment.isMoment(val) && val.isValid()) {
-        return val;
-    }
+  if (val && moment.isMoment(val) && val.isValid()) {
+    return val;
+  }
 
-    return null;
+  return null;
 }
 
 export function getLocaleData(
-    {
-        months,
-        shortMonths,
-        firstDayOfWeek,
-        weekdays,
-        shortWeekdays,
-        veryShortWeekdays,
-    },
-    localeData
+  {
+    months,
+    shortMonths,
+    firstDayOfWeek,
+    weekdays,
+    shortWeekdays,
+    veryShortWeekdays,
+  },
+  localeData,
 ) {
-    return {
-        ...localeData,
-        monthsShort: () => shortMonths || localeData.monthsShort(),
-        months: () => months || localeData.months(),
-        firstDayOfWeek: () => firstDayOfWeek || localeData.firstDayOfWeek(),
-        weekdays: () => weekdays || localeData.weekdays,
-        weekdaysShort: () => shortWeekdays || localeData.weekdaysShort(),
-        weekdaysMin: () => veryShortWeekdays || localeData.weekdaysMin(),
-    };
+  return {
+    ...localeData,
+    monthsShort: () => shortMonths || localeData.monthsShort(),
+    months: () => months || localeData.months(),
+    firstDayOfWeek: () => firstDayOfWeek || localeData.firstDayOfWeek(),
+    weekdays: () => weekdays || localeData.weekdays,
+    weekdaysShort: () => shortWeekdays || localeData.weekdaysShort(),
+    weekdaysMin: () => veryShortWeekdays || localeData.weekdaysMin(),
+  };
 }
 
 /* istanbul ignore next */
 export function getYears(yearRange, yearRangeOffset, year) {
-    const options = [];
-    let [startYear, endYear] = yearRange;
-    if (!startYear || !endYear) {
-        startYear = year - yearRangeOffset;
-        endYear = year + yearRangeOffset;
-    }
+  const options = [];
+  let [startYear, endYear] = yearRange;
+  if (!startYear || !endYear) {
+    startYear = year - yearRangeOffset;
+    endYear = year + yearRangeOffset;
+  }
 
-    for (let i = startYear; i <= endYear; i++) {
-        options.push({
-            label: i,
-            value: i,
-        });
-    }
-    return options;
+  for (let i = startYear; i <= endYear; i++) {
+    options.push({
+      label: i,
+      value: i,
+    });
+  }
+  return options;
 }
 
 /* istanbul ignore next */
 export function getMonths(momentLocale) {
-    const localeMonths = momentLocale.monthsShort();
-    const options = [];
-    for (let i = 0; i < 12; i++) {
-        options.push({
-            value: i,
-            label: localeMonths[i],
-        });
-    }
-    return options;
+  const localeMonths = momentLocale.monthsShort();
+  const options = [];
+  for (let i = 0; i < 12; i++) {
+    options.push({
+      value: i,
+      label: localeMonths[i],
+    });
+  }
+  return options;
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/card/actions.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/card/actions.jsx
index f9d538233..5103baf30 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/card/actions.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/card/actions.jsx
@@ -8,34 +8,34 @@ import ConfigProvider from '../config-provider';
  * @order 5
  */
 class CardActions extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    /**
          * 设置标签类型
          */
-        component: PropTypes.elementType,
-        className: PropTypes.string,
-    };
+    component: PropTypes.elementType,
+    className: PropTypes.string,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        component: 'div',
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    component: 'div',
+  };
 
-    render() {
-        const {
-            prefix,
-            component: Component,
-            className,
-            ...others
-        } = this.props;
-        return (
-            <Component
-                {...others}
-                className={classNames(`${prefix}card-actions`, className)}
-            />
-        );
-    }
+  render() {
+    const {
+      prefix,
+      component: Component,
+      className,
+      ...others
+    } = this.props;
+    return (
+      <Component
+        {...others}
+        className={classNames(`${prefix}card-actions`, className)}
+      />
+    );
+  }
 }
 
 export default ConfigProvider.config(CardActions);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/card/bullet-header.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/card/bullet-header.jsx
index a592f8796..595b55940 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/card/bullet-header.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/card/bullet-header.jsx
@@ -8,63 +8,63 @@ import ConfigProvider from '../config-provider';
  * @order 2
  */
 class CardBulletHeader extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    /**
          * 卡片的标题
          */
-        title: PropTypes.node,
-        /**
+    title: PropTypes.node,
+    /**
          * 卡片的副标题
          */
-        subTitle: PropTypes.node,
-        /**
+    subTitle: PropTypes.node,
+    /**
          * 是否显示标题的项目符号
          */
-        showTitleBullet: PropTypes.bool,
-        /**
+    showTitleBullet: PropTypes.bool,
+    /**
          * 标题区域的用户自定义内容
          */
-        extra: PropTypes.node,
-    };
+    extra: PropTypes.node,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        showTitleBullet: true,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    showTitleBullet: true,
+  };
 
-    render() {
-        const { prefix, title, subTitle, extra, showTitleBullet } = this.props;
+  render() {
+    const { prefix, title, subTitle, extra, showTitleBullet } = this.props;
 
-        if (!title) return null;
+    if (!title) return null;
 
-        const headCls = classNames({
-            [`${prefix}card-head`]: true,
-            [`${prefix}card-head-show-bullet`]: showTitleBullet,
-        });
+    const headCls = classNames({
+      [`${prefix}card-head`]: true,
+      [`${prefix}card-head-show-bullet`]: showTitleBullet,
+    });
 
-        const headExtra = extra ? (
-            <div className={`${prefix}card-extra`}>{extra}</div>
-        ) : null;
+    const headExtra = extra ? (
+      <div className={`${prefix}card-extra`}>{extra}</div>
+    ) : null;
 
-        return (
-            <div className={headCls}>
-                <div className={`${prefix}card-head-main`}>
-                    <div className={`${prefix}card-title`}>
-                        {title}
-                        {subTitle ? (
-                            <span className={`${prefix}card-subtitle`}>
-                                {subTitle}
-                            </span>
-                        ) : null}
-                    </div>
-                    {headExtra}
-                </div>
-            </div>
-        );
-    }
+    return (
+      <div className={headCls}>
+        <div className={`${prefix}card-head-main`}>
+          <div className={`${prefix}card-title`}>
+            {title}
+            {subTitle ? (
+              <span className={`${prefix}card-subtitle`}>
+                {subTitle}
+              </span>
+            ) : null}
+          </div>
+          {headExtra}
+        </div>
+      </div>
+    );
+  }
 }
 
 export default ConfigProvider.config(CardBulletHeader, {
-    componentName: 'Card',
+  componentName: 'Card',
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/card/card.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/card/card.jsx
index 63a174647..4ff09b6d3 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/card/card.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/card/card.jsx
@@ -16,112 +16,112 @@ const { pickOthers } = obj;
  * @order 0
  */
 export default class Card extends React.Component {
-    static displayName = 'Card';
+  static displayName = 'Card';
 
-    static propTypes = {
-        ...ConfigProvider.propTypes,
-        prefix: PropTypes.string,
-        rtl: PropTypes.bool,
-        /**
+  static propTypes = {
+    ...ConfigProvider.propTypes,
+    prefix: PropTypes.string,
+    rtl: PropTypes.bool,
+    /**
          * 卡片的上的图片 / 视频
          */
-        media: PropTypes.node,
-        /**
+    media: PropTypes.node,
+    /**
          * 卡片的标题
          */
-        title: PropTypes.node,
-        /**
+    title: PropTypes.node,
+    /**
          * 卡片的副标题
          */
-        subTitle: PropTypes.node,
-        /**
+    subTitle: PropTypes.node,
+    /**
          * 卡片操作组，位置在卡片底部
          */
-        actions: PropTypes.node,
-        /**
+    actions: PropTypes.node,
+    /**
          * 是否显示标题的项目符号
          */
-        showTitleBullet: PropTypes.bool,
-        /**
+    showTitleBullet: PropTypes.bool,
+    /**
          * 是否展示头部的分隔线
          */
-        showHeadDivider: PropTypes.bool,
-        /**
+    showHeadDivider: PropTypes.bool,
+    /**
          * 内容区域的固定高度
          */
-        contentHeight: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.number,
-        ]),
-        /**
+    contentHeight: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.number,
+    ]),
+    /**
          * 标题区域的用户自定义内容
          */
-        extra: PropTypes.node,
-        /**
+    extra: PropTypes.node,
+    /**
          * 是否开启自由模式，开启后card 将使用子组件配合使用, 设置此项后 title, subtitle, 等等属性都将失效
          */
-        free: PropTypes.bool,
-        className: PropTypes.string,
-        children: PropTypes.node,
-    };
+    free: PropTypes.bool,
+    className: PropTypes.string,
+    children: PropTypes.node,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        free: false,
-        showTitleBullet: true,
-        showHeadDivider: true,
-        contentHeight: 120,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    free: false,
+    showTitleBullet: true,
+    showHeadDivider: true,
+    contentHeight: 120,
+  };
 
-    render() {
-        const {
-            prefix,
-            className,
-            title,
-            subTitle,
-            extra,
-            showTitleBullet,
-            showHeadDivider,
-            children,
-            rtl,
-            contentHeight,
-            free,
-            actions,
-            media,
-        } = this.props;
+  render() {
+    const {
+      prefix,
+      className,
+      title,
+      subTitle,
+      extra,
+      showTitleBullet,
+      showHeadDivider,
+      children,
+      rtl,
+      contentHeight,
+      free,
+      actions,
+      media,
+    } = this.props;
 
-        const cardCls = classNames(
-            {
-                [`${prefix}card`]: true,
-                [`${prefix}card-free`]: free,
-                [`${prefix}card-show-divider`]: showHeadDivider,
-                [`${prefix}card-hide-divider`]: !showHeadDivider,
-            },
-            className
-        );
+    const cardCls = classNames(
+      {
+        [`${prefix}card`]: true,
+        [`${prefix}card-free`]: free,
+        [`${prefix}card-show-divider`]: showHeadDivider,
+        [`${prefix}card-hide-divider`]: !showHeadDivider,
+      },
+      className,
+    );
 
-        const others = pickOthers(Object.keys(Card.propTypes), this.props);
+    const others = pickOthers(Object.keys(Card.propTypes), this.props);
 
-        others.dir = rtl ? 'rtl' : undefined;
+    others.dir = rtl ? 'rtl' : undefined;
 
-        return (
-            <div {...others} className={cardCls}>
-                {media && <CardMedia>{media}</CardMedia>}
-                <BulletHeader
-                    title={title}
-                    subTitle={subTitle}
-                    extra={extra}
-                    showTitleBullet={showTitleBullet}
-                />
-                {free ? (
-                    children
-                ) : (
-                    <CollapseContent contentHeight={contentHeight}>
-                        {children}
-                    </CollapseContent>
-                )}
-                {actions && <CardActions>{actions}</CardActions>}
-            </div>
-        );
-    }
+    return (
+      <div {...others} className={cardCls}>
+        {media && <CardMedia>{media}</CardMedia>}
+        <BulletHeader
+          title={title}
+          subTitle={subTitle}
+          extra={extra}
+          showTitleBullet={showTitleBullet}
+        />
+        {free ? (
+          children
+        ) : (
+          <CollapseContent contentHeight={contentHeight}>
+            {children}
+          </CollapseContent>
+        )}
+        {actions && <CardActions>{actions}</CardActions>}
+      </div>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/card/collapse-content.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/card/collapse-content.jsx
index 4b4dce5f6..9387a6943 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/card/collapse-content.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/card/collapse-content.jsx
@@ -11,137 +11,137 @@ import nextLocale from '../locale/zh-cn';
  * @order 3
  */
 class CardCollaspeContent extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    /**
          * 内容区域的固定高度
          */
-        contentHeight: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.number,
-        ]),
-        locale: PropTypes.object,
-        children: PropTypes.node,
+    contentHeight: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.number,
+    ]),
+    locale: PropTypes.object,
+    children: PropTypes.node,
+  };
+
+  static defaultProps = {
+    prefix: 'next-',
+    contentHeight: 120,
+    locale: nextLocale.Card,
+  };
+
+  constructor(props, context) {
+    super(props, context);
+
+    this.state = {
+      needMore: false,
+      expand: false,
+      contentHeight: 'auto',
     };
+  }
 
-    static defaultProps = {
-        prefix: 'next-',
-        contentHeight: 120,
-        locale: nextLocale.Card,
-    };
+  componentDidMount() {
+    this._setNeedMore();
+    this._setContentHeight();
+  }
 
-    constructor(props, context) {
-        super(props, context);
+  componentDidUpdate() {
+    this._setContentHeight();
+  }
 
-        this.state = {
-            needMore: false,
-            expand: false,
-            contentHeight: 'auto',
-        };
-    }
+  handleToggle = () => {
+    this.setState(prevState => {
+      return {
+        expand: !prevState.expand,
+      };
+    });
+  };
 
-    componentDidMount() {
-        this._setNeedMore();
-        this._setContentHeight();
-    }
-
-    componentDidUpdate() {
-        this._setContentHeight();
-    }
-
-    handleToggle = () => {
-        this.setState(prevState => {
-            return {
-                expand: !prevState.expand,
-            };
-        });
-    };
-
-    // 是否展示 More 按钮
-    _setNeedMore() {
-        const { contentHeight } = this.props;
-        const childrenHeight = this._getNodeChildrenHeight(this.content);
-        this.setState({
-            needMore:
+  // 是否展示 More 按钮
+  _setNeedMore() {
+    const { contentHeight } = this.props;
+    const childrenHeight = this._getNodeChildrenHeight(this.content);
+    this.setState({
+      needMore:
                 contentHeight !== 'auto' && childrenHeight > contentHeight,
-        });
+    });
+  }
+
+  // 设置 Body 的高度
+  _setContentHeight() {
+    if (this.state.expand) {
+      const childrenHeight = this._getNodeChildrenHeight(this.content);
+      this.content.style.height = `${childrenHeight}px`; // get the real height
+    } else {
+      const el = ReactDOM.findDOMNode(this.footer);
+      let height = this.props.contentHeight;
+
+      if (el) {
+        height -= el.getBoundingClientRect().height;
+      }
+
+      this.content.style.height = `${height}px`;
+    }
+  }
+
+  _getNodeChildrenHeight(node) {
+    if (!node) {
+      return 0;
     }
 
-    // 设置 Body 的高度
-    _setContentHeight() {
-        if (this.state.expand) {
-            const childrenHeight = this._getNodeChildrenHeight(this.content);
-            this.content.style.height = `${childrenHeight}px`; // get the real height
-        } else {
-            const el = ReactDOM.findDOMNode(this.footer);
-            let height = this.props.contentHeight;
+    const contentChildNodes = node.childNodes;
+    const { length } = contentChildNodes;
 
-            if (el) {
-                height = height - el.getBoundingClientRect().height;
-            }
-
-            this.content.style.height = `${height}px`;
-        }
+    if (!length) {
+      return 0;
     }
 
-    _getNodeChildrenHeight(node) {
-        if (!node) {
-            return 0;
-        }
+    const lastNode = contentChildNodes[length - 1];
 
-        const contentChildNodes = node.childNodes;
-        const length = contentChildNodes.length;
+    return lastNode.offsetTop + lastNode.offsetHeight;
+  }
 
-        if (!length) {
-            return 0;
-        }
+  _contentRefHandler = ref => {
+    this.content = ref;
+  };
 
-        const lastNode = contentChildNodes[length - 1];
+  saveFooter = ref => {
+    this.footer = ref;
+  };
 
-        return lastNode.offsetTop + lastNode.offsetHeight;
-    }
+  render() {
+    const { prefix, children, locale } = this.props;
+    const { needMore, expand } = this.state;
 
-    _contentRefHandler = ref => {
-        this.content = ref;
-    };
-
-    saveFooter = ref => {
-        this.footer = ref;
-    };
-
-    render() {
-        const { prefix, children, locale } = this.props;
-        const { needMore, expand } = this.state;
-
-        return (
-            <div className={`${prefix}card-body`}>
-                <div
-                    className={`${prefix}card-content`}
-                    ref={this._contentRefHandler}
-                >
-                    {children}
-                </div>
-                {needMore ? (
-                    <div
-                        className={`${prefix}card-footer`}
-                        ref={this.saveFooter}
-                        onClick={this.handleToggle}
-                    >
-                        <Button text type="primary">
-                            {expand ? locale.fold : locale.expand}
-                            <Icon
-                                type="arrow-down"
-                                size="xs"
-                                className={expand ? 'expand' : ''}
-                            />
-                        </Button>
-                    </div>
-                ) : null}
-            </div>
-        );
-    }
+    return (
+      <div className={`${prefix}card-body`}>
+        <div
+          className={`${prefix}card-content`}
+          ref={this._contentRefHandler}
+        >
+          {children}
+        </div>
+        {needMore ? (
+          <div
+            className={`${prefix}card-footer`}
+            ref={this.saveFooter}
+            onClick={this.handleToggle}
+          >
+            <Button text type="primary">
+              {expand ? locale.fold : locale.expand}
+              <Icon
+                type="arrow-down"
+                size="xs"
+                className={expand ? 'expand' : ''}
+              />
+            </Button>
+          </div>
+        ) : null}
+      </div>
+    );
+  }
 }
 
 export default ConfigProvider.config(CardCollaspeContent, {
-    componentName: 'Card',
+  componentName: 'Card',
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/card/content.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/card/content.jsx
index eb1814a79..1a1ac190e 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/card/content.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/card/content.jsx
@@ -8,37 +8,37 @@ import ConfigProvider from '../config-provider';
  * @order 3
  */
 class CardContent extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    /**
          * 设置标签类型
          */
-        component: PropTypes.elementType,
-        className: PropTypes.string,
-    };
+    component: PropTypes.elementType,
+    className: PropTypes.string,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        component: 'div',
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    component: 'div',
+  };
 
-    render() {
-        const {
-            prefix,
-            className,
-            component: Component,
-            ...others
-        } = this.props;
-        return (
-            <Component
-                {...others}
-                className={classNames(
-                    `${prefix}card-content-container`,
-                    className
-                )}
-            />
-        );
-    }
+  render() {
+    const {
+      prefix,
+      className,
+      component: Component,
+      ...others
+    } = this.props;
+    return (
+      <Component
+        {...others}
+        className={classNames(
+          `${prefix}card-content-container`,
+          className,
+        )}
+      />
+    );
+  }
 }
 
 export default ConfigProvider.config(CardContent);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/card/divider.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/card/divider.jsx
index a868d1b4d..4eab7c937 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/card/divider.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/card/divider.jsx
@@ -8,43 +8,43 @@ import ConfigProvider from '../config-provider';
  * @order 4
  */
 class CardDivider extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    /**
          * 设置标签类型
          */
-        component: PropTypes.elementType,
-        /**
+    component: PropTypes.elementType,
+    /**
          * 分割线是否向内缩进
          */
-        inset: PropTypes.bool,
-        className: PropTypes.string,
-    };
+    inset: PropTypes.bool,
+    className: PropTypes.string,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        component: 'hr',
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    component: 'hr',
+  };
 
-    render() {
-        const {
-            prefix,
-            component: Component,
-            inset,
-            className,
-            ...others
-        } = this.props;
+  render() {
+    const {
+      prefix,
+      component: Component,
+      inset,
+      className,
+      ...others
+    } = this.props;
 
-        const dividerClassName = classNames(
-            `${prefix}card-divider`,
-            {
-                [`${prefix}card-divider--inset`]: inset,
-            },
-            className
-        );
+    const dividerClassName = classNames(
+      `${prefix}card-divider`,
+      {
+        [`${prefix}card-divider--inset`]: inset,
+      },
+      className,
+    );
 
-        return <Component {...others} className={dividerClassName} />;
-    }
+    return <Component {...others} className={dividerClassName} />;
+  }
 }
 
 export default ConfigProvider.config(CardDivider);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/card/header.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/card/header.jsx
index 75322ba87..ec0cc1e58 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/card/header.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/card/header.jsx
@@ -8,66 +8,66 @@ import ConfigProvider from '../config-provider';
  * @order 2
  */
 class CardHeader extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    /**
          * 卡片的标题
          */
-        title: PropTypes.node,
-        /**
+    title: PropTypes.node,
+    /**
          * 卡片的副标题
          */
-        subTitle: PropTypes.node,
-        /**
+    subTitle: PropTypes.node,
+    /**
          * 标题区域的用户自定义内容
          */
-        extra: PropTypes.node,
-        /**
+    extra: PropTypes.node,
+    /**
          * 设置标签类型
          */
-        component: PropTypes.elementType,
-        className: PropTypes.string,
-    };
+    component: PropTypes.elementType,
+    className: PropTypes.string,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        component: 'div',
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    component: 'div',
+  };
 
-    render() {
-        const {
-            prefix,
-            title,
-            subTitle,
-            extra,
-            className,
-            component: Component,
-            ...others
-        } = this.props;
+  render() {
+    const {
+      prefix,
+      title,
+      subTitle,
+      extra,
+      className,
+      component: Component,
+      ...others
+    } = this.props;
 
-        return (
-            <Component
-                {...others}
-                className={classNames(`${prefix}card-header`, className)}
-            >
-                {extra && (
-                    <div className={`${prefix}card-header-extra`}>{extra}</div>
-                )}
-                <div className={`${prefix}card-header-titles`}>
-                    {title && (
-                        <div className={`${prefix}card-header-title`}>
-                            {title}
-                        </div>
-                    )}
-                    {subTitle && (
-                        <div className={`${prefix}card-header-subtitle`}>
-                            {subTitle}
-                        </div>
-                    )}
-                </div>
-            </Component>
-        );
-    }
+    return (
+      <Component
+        {...others}
+        className={classNames(`${prefix}card-header`, className)}
+      >
+        {extra && (
+        <div className={`${prefix}card-header-extra`}>{extra}</div>
+        )}
+        <div className={`${prefix}card-header-titles`}>
+          {title && (
+          <div className={`${prefix}card-header-title`}>
+            {title}
+          </div>
+          )}
+          {subTitle && (
+          <div className={`${prefix}card-header-subtitle`}>
+            {subTitle}
+          </div>
+          )}
+        </div>
+      </Component>
+    );
+  }
 }
 
 export default ConfigProvider.config(CardHeader);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/card/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/card/index.jsx
index 8fb889eed..4eb20f636 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/card/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/card/index.jsx
@@ -17,23 +17,23 @@ Card.BulletHeader = CardBulletHeader;
 Card.CollaspeContent = CollaspeContent;
 
 export default ConfigProvider.config(Card, {
-    transform: /* istanbul ignore next */ (props, deprecated) => {
-        if ('titlePrefixLine' in props) {
-            deprecated('titlePrefixLine', 'showTitleBullet', 'Card');
-            const { titlePrefixLine, ...others } = props;
-            props = { showTitleBullet: titlePrefixLine, ...others };
-        }
-        if ('titleBottomLine' in props) {
-            deprecated('titleBottomLine', 'showHeadDivider', 'Card');
-            const { titleBottomLine, ...others } = props;
-            props = { showHeadDivider: titleBottomLine, ...others };
-        }
-        if ('bodyHeight' in props) {
-            deprecated('bodyHeight', 'contentHeight', 'Card');
-            const { bodyHeight, ...others } = props;
-            props = { contentHeight: bodyHeight, ...others };
-        }
+  transform: /* istanbul ignore next */ (props, deprecated) => {
+    if ('titlePrefixLine' in props) {
+      deprecated('titlePrefixLine', 'showTitleBullet', 'Card');
+      const { titlePrefixLine, ...others } = props;
+      props = { showTitleBullet: titlePrefixLine, ...others };
+    }
+    if ('titleBottomLine' in props) {
+      deprecated('titleBottomLine', 'showHeadDivider', 'Card');
+      const { titleBottomLine, ...others } = props;
+      props = { showHeadDivider: titleBottomLine, ...others };
+    }
+    if ('bodyHeight' in props) {
+      deprecated('bodyHeight', 'contentHeight', 'Card');
+      const { bodyHeight, ...others } = props;
+      props = { contentHeight: bodyHeight, ...others };
+    }
 
-        return props;
-    },
+    return props;
+  },
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/card/media.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/card/media.jsx
index 637c8325e..4b0c79489 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/card/media.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/card/media.jsx
@@ -13,62 +13,62 @@ const MEDIA_COMPONENTS = ['video', 'audio', 'picture', 'iframe', 'img'];
  * @order 1
  */
 class CardMedia extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    /**
          * 设置标签类型
          */
-        component: PropTypes.elementType,
-        /**
+    component: PropTypes.elementType,
+    /**
          * 背景图片地址
          */
-        image: PropTypes.string,
-        /**
+    image: PropTypes.string,
+    /**
          * 媒体源文件地址
          */
-        src: PropTypes.string,
-        style: PropTypes.object,
-        className: PropTypes.string,
-    };
+    src: PropTypes.string,
+    style: PropTypes.object,
+    className: PropTypes.string,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        component: 'div',
-        style: {},
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    component: 'div',
+    style: {},
+  };
 
-    render() {
-        const {
-            prefix,
-            style,
-            className,
-            component: Component,
-            image,
-            src,
-            ...others
-        } = this.props;
+  render() {
+    const {
+      prefix,
+      style,
+      className,
+      component: Component,
+      image,
+      src,
+      ...others
+    } = this.props;
 
-        if (!('children' in others || Boolean(image || src))) {
-            warning(
-                'either `children`, `image` or `src` prop must be specified.'
-            );
-        }
-
-        const isMediaComponent = MEDIA_COMPONENTS.indexOf(Component) !== -1;
-        const composedStyle =
-            !isMediaComponent && image
-                ? { backgroundImage: `url("${image}")`, ...style }
-                : style;
-
-        return (
-            <Component
-                {...others}
-                style={composedStyle}
-                className={classNames(`${prefix}card-media`, className)}
-                src={isMediaComponent ? image || src : undefined}
-            />
-        );
+    if (!('children' in others || Boolean(image || src))) {
+      warning(
+        'either `children`, `image` or `src` prop must be specified.',
+      );
     }
+
+    const isMediaComponent = MEDIA_COMPONENTS.indexOf(Component) !== -1;
+    const composedStyle =
+            !isMediaComponent && image
+              ? { backgroundImage: `url("${image}")`, ...style }
+              : style;
+
+    return (
+      <Component
+        {...others}
+        style={composedStyle}
+        className={classNames(`${prefix}card-media`, className)}
+        src={isMediaComponent ? image || src : undefined}
+      />
+    );
+  }
 }
 
 export default ConfigProvider.config(CardMedia);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/cascader-select/cascader-select.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/cascader-select/cascader-select.jsx
index e2d2d573e..02a2f4f65 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/cascader-select/cascader-select.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/cascader-select/cascader-select.jsx
@@ -14,61 +14,61 @@ const { getStyle } = dom;
  * CascaderSelect
  */
 export default class CascaderSelect extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        pure: PropTypes.bool,
-        className: PropTypes.string,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    pure: PropTypes.bool,
+    className: PropTypes.string,
+    /**
          * 选择框大小
          */
-        size: PropTypes.oneOf(['small', 'medium', 'large']),
-        /**
+    size: PropTypes.oneOf(['small', 'medium', 'large']),
+    /**
          * 选择框占位符
          */
-        placeholder: PropTypes.string,
-        /**
+    placeholder: PropTypes.string,
+    /**
          * 是否禁用
          */
-        disabled: PropTypes.bool,
-        /**
+    disabled: PropTypes.bool,
+    /**
          * 是否有下拉箭头
          */
-        hasArrow: PropTypes.bool,
-        /**
+    hasArrow: PropTypes.bool,
+    /**
          * 是否有边框
          */
-        hasBorder: PropTypes.bool,
-        /**
+    hasBorder: PropTypes.bool,
+    /**
          * 是否有清除按钮
          */
-        hasClear: PropTypes.bool,
-        /**
+    hasClear: PropTypes.bool,
+    /**
          * 自定义内联 label
          */
-        label: PropTypes.node,
-        /**
+    label: PropTypes.node,
+    /**
          * 是否只读，只读模式下可以展开弹层但不能选
          */
-        readOnly: PropTypes.bool,
-        /**
+    readOnly: PropTypes.bool,
+    /**
          * 数据源，结构可参考下方说明
          */
-        dataSource: PropTypes.arrayOf(PropTypes.object),
-        /**
+    dataSource: PropTypes.arrayOf(PropTypes.object),
+    /**
          * （非受控）默认值
          */
-        defaultValue: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.arrayOf(PropTypes.string),
-        ]),
-        /**
+    defaultValue: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.arrayOf(PropTypes.string),
+    ]),
+    /**
          * （受控）当前值
          */
-        value: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.arrayOf(PropTypes.string),
-        ]),
-        /**
+    value: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.arrayOf(PropTypes.string),
+    ]),
+    /**
          * 选中值改变时触发的回调函数
          * @param {String|Array} value 选中的值，单选时返回单个值，多选时返回数组
          * @param {Object|Array} data 选中的数据，包括 value 和 label，单选时返回单个值，多选时返回数组，父子节点选中关联时，同时选中，只返回父节点
@@ -79,841 +79,840 @@ export default class CascaderSelect extends Component {
          * @param {Array} extra.checkedData 多选时所有被选中的数据
          * @param {Array} extra.indeterminateData 多选时半选的数据
          */
-        onChange: PropTypes.func,
-        /**
+    onChange: PropTypes.func,
+    /**
          * 默认展开值，如果不设置，组件内部会根据 defaultValue/value 进行自动设置
          */
-        defaultExpandedValue: PropTypes.arrayOf(PropTypes.string),
-        /**
+    defaultExpandedValue: PropTypes.arrayOf(PropTypes.string),
+    /**
          * 展开触发的方式
          */
-        expandTriggerType: PropTypes.oneOf(['click', 'hover']),
-        onExpand: PropTypes.func,
-        /**
+    expandTriggerType: PropTypes.oneOf(['click', 'hover']),
+    onExpand: PropTypes.func,
+    /**
          * 是否开启虚拟滚动
          */
-        useVirtual: PropTypes.bool,
-        /**
+    useVirtual: PropTypes.bool,
+    /**
          * 是否多选
          */
-        multiple: PropTypes.bool,
-        /**
+    multiple: PropTypes.bool,
+    /**
          * 是否选中即发生改变, 该属性仅在单选模式下有效
          */
-        changeOnSelect: PropTypes.bool,
-        /**
+    changeOnSelect: PropTypes.bool,
+    /**
          * 是否只能勾选叶子项的checkbox，该属性仅在多选模式下有效
          */
-        canOnlyCheckLeaf: PropTypes.bool,
-        /**
+    canOnlyCheckLeaf: PropTypes.bool,
+    /**
          * 父子节点是否选中不关联
          */
-        checkStrictly: PropTypes.bool,
-        /**
+    checkStrictly: PropTypes.bool,
+    /**
          * 每列列表样式对象
          */
-        listStyle: PropTypes.object,
-        /**
+    listStyle: PropTypes.object,
+    /**
          * 每列列表类名
          */
-        listClassName: PropTypes.string,
-        /**
+    listClassName: PropTypes.string,
+    /**
          * 选择框单选时展示结果的自定义渲染函数
          * @param {Array} label 选中路径的文本数组
          * @return {ReactNode} 渲染在选择框中的内容
          * @default 单选时：labelPath => labelPath.join(' / ')；多选时：labelPath => labelPath[labelPath.length - 1]
          */
-        displayRender: PropTypes.func,
-        /**
+    displayRender: PropTypes.func,
+    /**
          * 渲染 item 内容的方法
          * @param {Object} item 渲染节点的item
          * @return {ReactNode} item node
          */
-        itemRender: PropTypes.func,
-        /**
+    itemRender: PropTypes.func,
+    /**
          * 是否显示搜索框
          */
-        showSearch: PropTypes.bool,
-        /**
+    showSearch: PropTypes.bool,
+    /**
          * 自定义搜索函数
          * @param {String} searchValue 搜索的关键字
          * @param {Array} path 节点路径
          * @return {Boolean} 是否匹配
          * @default 根据路径所有节点的文本值模糊匹配
          */
-        filter: PropTypes.func,
-        /**
+    filter: PropTypes.func,
+    /**
          * 搜索结果自定义渲染函数
          * @param {String} searchValue 搜索的关键字
          * @param {Array} path 匹配到的节点路径
          * @return {ReactNode} 渲染的内容
          * @default 按照节点文本 a / b / c 的模式渲染
          */
-        resultRender: PropTypes.func,
-        /**
+    resultRender: PropTypes.func,
+    /**
          * 搜索结果列表是否和选择框等宽
          */
-        resultAutoWidth: PropTypes.bool,
-        /**
+    resultAutoWidth: PropTypes.bool,
+    /**
          * 无数据时显示内容
          */
-        notFoundContent: PropTypes.node,
-        /**
+    notFoundContent: PropTypes.node,
+    /**
          * 异步加载数据函数
          * @param {Object} data 当前点击异步加载的数据
          */
-        loadData: PropTypes.func,
-        /**
+    loadData: PropTypes.func,
+    /**
          * 自定义下拉框头部
          */
-        header: PropTypes.node,
-        /**
+    header: PropTypes.node,
+    /**
          * 自定义下拉框底部
          */
-        footer: PropTypes.node,
-        /**
+    footer: PropTypes.node,
+    /**
          * 初始下拉框是否显示
          */
-        defaultVisible: PropTypes.bool,
-        /**
+    defaultVisible: PropTypes.bool,
+    /**
          * 当前下拉框是否显示
          */
-        visible: PropTypes.bool,
-        /**
+    visible: PropTypes.bool,
+    /**
          * 下拉框显示或关闭时触发事件的回调函数
          * @param {Boolean} visible 是否显示
          * @param {String} type 触发显示关闭的操作类型, fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发
          */
-        onVisibleChange: PropTypes.func,
-        /**
+    onVisibleChange: PropTypes.func,
+    /**
          * 下拉框自定义样式对象
          */
-        popupStyle: PropTypes.object,
-        /**
+    popupStyle: PropTypes.object,
+    /**
          * 下拉框样式自定义类名
          */
-        popupClassName: PropTypes.string,
-        /**
+    popupClassName: PropTypes.string,
+    /**
          * 下拉框挂载的容器节点
          */
-        popupContainer: PropTypes.any,
-        /**
+    popupContainer: PropTypes.any,
+    /**
          * 透传到 Popup 的属性对象
          */
-        popupProps: PropTypes.object,
-        /**
+    popupProps: PropTypes.object,
+    /**
          * 是否跟随滚动
          */
-        followTrigger: PropTypes.bool,
-        /**
+    followTrigger: PropTypes.bool,
+    /**
          * 是否为预览态
          */
-        isPreview: PropTypes.bool,
-        /**
+    isPreview: PropTypes.bool,
+    /**
          * 预览态模式下渲染的内容
          * @param {Array<data>} value 选择值 { label: , value:}
          */
-        renderPreview: PropTypes.func,
-    };
+    renderPreview: PropTypes.func,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        pure: false,
-        size: 'medium',
-        disabled: false,
-        hasArrow: true,
-        hasBorder: true,
-        hasClear: false,
-        dataSource: [],
-        defaultValue: null,
-        expandTriggerType: 'click',
-        onExpand: () => {},
-        useVirtual: false,
-        multiple: false,
-        changeOnSelect: false,
-        canOnlyCheckLeaf: false,
-        checkStrictly: false,
-        showSearch: false,
-        filter: (searchValue, path) => {
-            return path.some(item => item.label.indexOf(searchValue) > -1);
-        },
-        resultRender: (searchValue, path) => {
-            const parts = [];
-            path.forEach((item, i) => {
-                const others = item.label.split(searchValue);
-                others.forEach((other, j) => {
-                    if (other) {
-                        parts.push(other);
-                    }
-                    if (j < others.length - 1) {
-                        parts.push(<em key={`${i}-${j}`}>{searchValue}</em>);
-                    }
-                });
-                if (i < path.length - 1) {
-                    parts.push(' / ');
-                }
-            });
-            return <span>{parts}</span>;
-        },
-        resultAutoWidth: true,
-        notFoundContent: 'Not Found',
-        defaultVisible: false,
-        onVisibleChange: () => {},
-        popupProps: {},
-    };
-
-    constructor(props, context) {
-        super(props, context);
-
-        this.state = {
-            value: this.normalizeValue(
-                'value' in props ? props.value : props.defaultValue
-            ),
-            searchValue: '',
-            visible:
-                typeof props.visible === 'undefined'
-                    ? props.defaultVisible
-                    : props.visible,
-        };
-
-        bindCtx(this, [
-            'handleVisibleChange',
-            'handleAfterOpen',
-            'handleSelect',
-            'handleChange',
-            'handleClear',
-            'handleRemove',
-            'handleSearch',
-            'getPopup',
-            'saveSelectRef',
-            'saveCascaderRef',
-            'handleKeyDown',
-        ]);
-    }
-
-    componentWillReceiveProps(nextProps) {
-        const st = {};
-
-        if ('value' in nextProps) {
-            st.value = this.normalizeValue(nextProps.value);
-        }
-        if ('visible' in nextProps) {
-            st.visible = nextProps.visible;
-        }
-
-        if (Object.keys(st).length) {
-            this.setState(st);
-        }
-    }
-
-    normalizeValue(value) {
-        if (value) {
-            if (Array.isArray(value)) {
-                return value;
-            }
-
-            return [value];
-        }
-
-        return [];
-    }
-
-    updateCache(dataSource) {
-        this._v2n = {};
-        this._p2n = {};
-        const loop = (data, prefix = '0') =>
-            data.forEach((item, index) => {
-                const { value, children } = item;
-                const pos = `${prefix}-${index}`;
-                this._v2n[value] = this._p2n[pos] = { ...item, pos };
-
-                if (children && children.length) {
-                    loop(children, pos);
-                }
-            });
-
-        loop(dataSource);
-    }
-
-    flatValue(value) {
-        const getDepth = v => {
-            const pos = this.getPos(v);
-            if (!pos) {
-                return 0;
-            }
-            return pos.split('-').length;
-        };
-        const newValue = value.slice(0).sort((prev, next) => {
-            return getDepth(prev) - getDepth(next);
+  static defaultProps = {
+    prefix: 'next-',
+    pure: false,
+    size: 'medium',
+    disabled: false,
+    hasArrow: true,
+    hasBorder: true,
+    hasClear: false,
+    dataSource: [],
+    defaultValue: null,
+    expandTriggerType: 'click',
+    onExpand: () => {},
+    useVirtual: false,
+    multiple: false,
+    changeOnSelect: false,
+    canOnlyCheckLeaf: false,
+    checkStrictly: false,
+    showSearch: false,
+    filter: (searchValue, path) => {
+      return path.some(item => item.label.indexOf(searchValue) > -1);
+    },
+    resultRender: (searchValue, path) => {
+      const parts = [];
+      path.forEach((item, i) => {
+        const others = item.label.split(searchValue);
+        others.forEach((other, j) => {
+          if (other) {
+            parts.push(other);
+          }
+          if (j < others.length - 1) {
+            parts.push(<em key={`${i}-${j}`}>{searchValue}</em>);
+          }
         });
+        if (i < path.length - 1) {
+          parts.push(' / ');
+        }
+      });
+      return <span>{parts}</span>;
+    },
+    resultAutoWidth: true,
+    notFoundContent: 'Not Found',
+    defaultVisible: false,
+    onVisibleChange: () => {},
+    popupProps: {},
+  };
 
-        for (let i = 0; i < newValue.length; i++) {
-            for (let j = 0; j < newValue.length; j++) {
-                if (
-                    i !== j &&
+  constructor(props, context) {
+    super(props, context);
+
+    this.state = {
+      value: this.normalizeValue(
+        'value' in props ? props.value : props.defaultValue,
+      ),
+      searchValue: '',
+      visible:
+                typeof props.visible === 'undefined'
+                  ? props.defaultVisible
+                  : props.visible,
+    };
+
+    bindCtx(this, [
+      'handleVisibleChange',
+      'handleAfterOpen',
+      'handleSelect',
+      'handleChange',
+      'handleClear',
+      'handleRemove',
+      'handleSearch',
+      'getPopup',
+      'saveSelectRef',
+      'saveCascaderRef',
+      'handleKeyDown',
+    ]);
+  }
+
+  componentWillReceiveProps(nextProps) {
+    const st = {};
+
+    if ('value' in nextProps) {
+      st.value = this.normalizeValue(nextProps.value);
+    }
+    if ('visible' in nextProps) {
+      st.visible = nextProps.visible;
+    }
+
+    if (Object.keys(st).length) {
+      this.setState(st);
+    }
+  }
+
+  normalizeValue(value) {
+    if (value) {
+      if (Array.isArray(value)) {
+        return value;
+      }
+
+      return [value];
+    }
+
+    return [];
+  }
+
+  updateCache(dataSource) {
+    this._v2n = {};
+    this._p2n = {};
+    const loop = (data, prefix = '0') => data.forEach((item, index) => {
+      const { value, children } = item;
+      const pos = `${prefix}-${index}`;
+      this._v2n[value] = this._p2n[pos] = { ...item, pos };
+
+      if (children && children.length) {
+        loop(children, pos);
+      }
+    });
+
+    loop(dataSource);
+  }
+
+  flatValue(value) {
+    const getDepth = v => {
+      const pos = this.getPos(v);
+      if (!pos) {
+        return 0;
+      }
+      return pos.split('-').length;
+    };
+    const newValue = value.slice(0).sort((prev, next) => {
+      return getDepth(prev) - getDepth(next);
+    });
+
+    for (let i = 0; i < newValue.length; i++) {
+      for (let j = 0; j < newValue.length; j++) {
+        if (
+          i !== j &&
                     this.isDescendantOrSelf(
-                        this.getPos(newValue[i]),
-                        this.getPos(newValue[j])
+                      this.getPos(newValue[i]),
+                      this.getPos(newValue[j]),
                     )
-                ) {
-                    newValue.splice(j, 1);
-                    j--;
-                }
-            }
+        ) {
+          newValue.splice(j, 1);
+          j--;
         }
-
-        return newValue;
+      }
     }
 
-    isDescendantOrSelf(currentPos, targetPos) {
-        if (!currentPos || !targetPos) {
-            return false;
-        }
+    return newValue;
+  }
 
-        const currentNums = currentPos.split('-');
-        const targetNums = targetPos.split('-');
+  isDescendantOrSelf(currentPos, targetPos) {
+    if (!currentPos || !targetPos) {
+      return false;
+    }
 
-        return (
-            currentNums.length <= targetNums.length &&
+    const currentNums = currentPos.split('-');
+    const targetNums = targetPos.split('-');
+
+    return (
+      currentNums.length <= targetNums.length &&
             currentNums.every((num, index) => {
-                return num === targetNums[index];
+              return num === targetNums[index];
             })
-        );
+    );
+  }
+
+  getValue(pos) {
+    return this._p2n[pos] ? this._p2n[pos].value : null;
+  }
+
+  getPos(value) {
+    return this._v2n[value] ? this._v2n[value].pos : null;
+  }
+
+  getData(value) {
+    return value.map(v => this._v2n[v]);
+  }
+
+  getLabelPath(data) {
+    const nums = data.pos.split('-');
+    return nums.slice(1).reduce((ret, num, index) => {
+      const p = nums.slice(0, index + 2).join('-');
+      ret.push(this._p2n[p].label);
+      return ret;
+    }, []);
+  }
+
+  getSignleData(value) {
+    if (!value.length) {
+      return null;
     }
 
-    getValue(pos) {
-        return this._p2n[pos] ? this._p2n[pos].value : null;
+    if (Array.isArray(value)) value = value[0];
+
+    const data = this._v2n[value];
+    if (!data) {
+      return {
+        value,
+      };
     }
 
-    getPos(value) {
-        return this._v2n[value] ? this._v2n[value].pos : null;
-    }
-
-    getData(value) {
-        return value.map(v => this._v2n[v]);
-    }
-
-    getLabelPath(data) {
-        const nums = data.pos.split('-');
-        return nums.slice(1).reduce((ret, num, index) => {
-            const p = nums.slice(0, index + 2).join('-');
-            ret.push(this._p2n[p].label);
-            return ret;
-        }, []);
-    }
-
-    getSignleData(value) {
-        if (!value.length) {
-            return null;
-        }
-
-        if (Array.isArray(value)) value = value[0];
-
-        const data = this._v2n[value];
-        if (!data) {
-            return {
-                value,
-            };
-        }
-
-        const labelPath = this.getLabelPath(data);
-        const displayRender =
+    const labelPath = this.getLabelPath(data);
+    const displayRender =
             this.props.displayRender || (labels => labels.join(' / '));
 
+    return {
+      ...data,
+      label: displayRender(labelPath, data),
+    };
+  }
+
+  getMultipleData(value) {
+    if (!value.length) {
+      return null;
+    }
+
+    const { checkStrictly, canOnlyCheckLeaf, displayRender } = this.props;
+    let data = (checkStrictly || canOnlyCheckLeaf
+      ? value
+      : this.flatValue(value)
+    ).map(v => this._v2n[v] || { value: v });
+
+    if (displayRender) {
+      data = data.map(item => {
+        if (!item.pos) {
+          return item;
+        }
+        const labelPath = this.getLabelPath(item);
+
         return {
-            ...data,
-            label: displayRender(labelPath, data),
+          ...item,
+          label: displayRender(labelPath, item),
         };
+      });
     }
 
-    getMultipleData(value) {
-        if (!value.length) {
-            return null;
+    return data;
+  }
+
+  getIndeterminate(value) {
+    const indeterminate = [];
+
+    const positions = value.map(this.getPos.bind(this));
+    positions.forEach(pos => {
+      if (!pos) {
+        return false;
+      }
+      const nums = pos.split('-');
+      for (let i = nums.length; i > 2; i--) {
+        const parentPos = nums.slice(0, i - 1).join('-');
+        const parentValue = this.getValue(parentPos);
+        if (indeterminate.indexOf(parentValue) === -1) {
+          indeterminate.push(parentValue);
         }
+      }
+    });
 
-        const { checkStrictly, canOnlyCheckLeaf, displayRender } = this.props;
-        let data = (checkStrictly || canOnlyCheckLeaf
-            ? value
-            : this.flatValue(value)
-        ).map(v => this._v2n[v] || { value: v });
+    return indeterminate;
+  }
 
-        if (displayRender) {
-            data = data.map(item => {
-                if (!item.pos) {
-                    return item;
-                }
-                const labelPath = this.getLabelPath(item);
+  saveSelectRef(ref) {
+    this.select = ref;
+  }
 
-                return {
-                    ...item,
-                    label: displayRender(labelPath, item),
-                };
-            });
+  saveCascaderRef(ref) {
+    this.cascader = ref;
+  }
+
+  completeValue(value) {
+    const newValue = [];
+
+    const flatValue = this.flatValue(value).reverse();
+    const ps = Object.keys(this._p2n);
+    for (let i = 0; i < ps.length; i++) {
+      for (let j = 0; j < flatValue.length; j++) {
+        const v = flatValue[j];
+        if (this.isDescendantOrSelf(this.getPos(v), ps[i])) {
+          newValue.push(this.getValue(ps[i]));
+          ps.splice(i, 1);
+          i--;
+          break;
         }
-
-        return data;
+      }
     }
 
-    getIndeterminate(value) {
-        const indeterminate = [];
+    return newValue;
+  }
 
-        const positions = value.map(this.getPos.bind(this));
-        positions.forEach(pos => {
-            if (!pos) {
-                return false;
-            }
-            const nums = pos.split('-');
-            for (let i = nums.length; i > 2; i--) {
-                const parentPos = nums.slice(0, i - 1).join('-');
-                const parentValue = this.getValue(parentPos);
-                if (indeterminate.indexOf(parentValue) === -1) {
-                    indeterminate.push(parentValue);
-                }
-            }
-        });
-
-        return indeterminate;
-    }
-
-    saveSelectRef(ref) {
-        this.select = ref;
-    }
-
-    saveCascaderRef(ref) {
-        this.cascader = ref;
-    }
-
-    completeValue(value) {
-        const newValue = [];
-
-        const flatValue = this.flatValue(value).reverse();
-        const ps = Object.keys(this._p2n);
-        for (let i = 0; i < ps.length; i++) {
-            for (let j = 0; j < flatValue.length; j++) {
-                const v = flatValue[j];
-                if (this.isDescendantOrSelf(this.getPos(v), ps[i])) {
-                    newValue.push(this.getValue(ps[i]));
-                    ps.splice(i, 1);
-                    i--;
-                    break;
-                }
-            }
-        }
-
-        return newValue;
-    }
-
-    isLeaf(data) {
-        return !(
-            (data.children && data.children.length) ||
+  isLeaf(data) {
+    return !(
+      (data.children && data.children.length) ||
             (!!this.props.loadData && !data.isLeaf)
-        );
+    );
+  }
+
+  handleVisibleChange(visible, type) {
+    const { searchValue } = this.state;
+    if (!('visible' in this.props)) {
+      this.setState({
+        visible,
+      });
     }
 
-    handleVisibleChange(visible, type) {
-        const { searchValue } = this.state;
-        if (!('visible' in this.props)) {
-            this.setState({
-                visible,
-            });
-        }
-
-        if (!visible && searchValue) {
-            this.setState({
-                searchValue: '',
-            });
-        }
-
-        if (['fromCascader', 'keyboard'].indexOf(type) !== -1 && !visible) {
-            this.select.focusInput();
-        }
-
-        this.props.onVisibleChange(visible, type);
+    if (!visible && searchValue) {
+      this.setState({
+        searchValue: '',
+      });
     }
 
-    handleKeyDown(e) {
-        const { onKeyDown } = this.props;
-        const { visible } = this.state;
-
-        if (onKeyDown) {
-            onKeyDown(e);
-        }
-
-        if (!visible) {
-            return;
-        }
-
-        switch (e.keyCode) {
-            case KEYCODE.UP:
-            case KEYCODE.DOWN:
-                this.cascader.setFocusValue();
-                e.preventDefault();
-                break;
-            default:
-                break;
-        }
+    if (['fromCascader', 'keyboard'].indexOf(type) !== -1 && !visible) {
+      this.select.focusInput();
     }
 
-    getPopup(ref) {
-        this.popup = ref;
-        if (typeof this.props.popupProps.ref === 'function') {
-            this.props.popupProps.ref(ref);
-        }
+    this.props.onVisibleChange(visible, type);
+  }
+
+  handleKeyDown(e) {
+    const { onKeyDown } = this.props;
+    const { visible } = this.state;
+
+    if (onKeyDown) {
+      onKeyDown(e);
     }
 
-    handleAfterOpen() {
-        if (!this.popup) {
-            return;
-        }
-
-        const { prefix, popupProps } = this.props;
-        const dropDownNode = this.popup
-            .getInstance()
-            .overlay.getInstance()
-            .getContentNode();
-        const cascaderNode = dropDownNode.querySelector(`.${prefix}cascader`);
-        if (cascaderNode) {
-            this.cascaderHeight = getStyle(cascaderNode, 'height');
-        }
-
-        if (typeof popupProps.afterOpen === 'function') {
-            popupProps.afterOpen();
-        }
+    if (!visible) {
+      return;
     }
 
-    handleSelect(value, data) {
-        const { multiple, changeOnSelect } = this.props;
-        const { visible, searchValue } = this.state;
+    switch (e.keyCode) {
+      case KEYCODE.UP:
+      case KEYCODE.DOWN:
+        this.cascader.setFocusValue();
+        e.preventDefault();
+        break;
+      default:
+        break;
+    }
+  }
 
-        if (
-            !multiple &&
+  getPopup(ref) {
+    this.popup = ref;
+    if (typeof this.props.popupProps.ref === 'function') {
+      this.props.popupProps.ref(ref);
+    }
+  }
+
+  handleAfterOpen() {
+    if (!this.popup) {
+      return;
+    }
+
+    const { prefix, popupProps } = this.props;
+    const dropDownNode = this.popup
+      .getInstance()
+      .overlay.getInstance()
+      .getContentNode();
+    const cascaderNode = dropDownNode.querySelector(`.${prefix}cascader`);
+    if (cascaderNode) {
+      this.cascaderHeight = getStyle(cascaderNode, 'height');
+    }
+
+    if (typeof popupProps.afterOpen === 'function') {
+      popupProps.afterOpen();
+    }
+  }
+
+  handleSelect(value, data) {
+    const { multiple, changeOnSelect } = this.props;
+    const { visible, searchValue } = this.state;
+
+    if (
+      !multiple &&
             (!changeOnSelect || this.isLeaf(data) || !!searchValue)
-        ) {
-            this.handleVisibleChange(!visible, 'fromCascader');
-        }
+    ) {
+      this.handleVisibleChange(!visible, 'fromCascader');
+    }
+  }
+
+  handleChange(value, data, extra) {
+    const { multiple, onChange } = this.props;
+    const { searchValue, value: stateValue } = this.state;
+
+    const st = {};
+
+    if (multiple && stateValue && Array.isArray(stateValue)) {
+      value = [...stateValue.filter(v => !this._v2n[v]), ...value];
     }
 
-    handleChange(value, data, extra) {
-        const { multiple, onChange } = this.props;
-        const { searchValue, value: stateValue } = this.state;
-
-        const st = {};
-
-        if (multiple && stateValue && Array.isArray(stateValue)) {
-            value = [...stateValue.filter(v => !this._v2n[v]), ...value];
-        }
-
-        if (!('value' in this.props)) {
-            st.value = value;
-        }
-        if (!multiple && searchValue) {
-            st.searchValue = '';
-        }
-        if (Object.keys(st).length) {
-            this.setState(st);
-        }
-
-        if (onChange) {
-            onChange(value, data, extra);
-        }
-
-        if (searchValue && this.select) {
-            this.select.handleSearchClear();
-        }
+    if (!('value' in this.props)) {
+      st.value = value;
+    }
+    if (!multiple && searchValue) {
+      st.searchValue = '';
+    }
+    if (Object.keys(st).length) {
+      this.setState(st);
     }
 
-    handleClear() {
-        // 单选时点击清空按钮
-        const { hasClear, multiple, treeCheckable } = this.props;
-        if (hasClear && (!multiple || !treeCheckable)) {
-            if (!('value' in this.props)) {
-                this.setState({
-                    value: [],
-                });
-            }
-
-            this.props.onChange(null, null);
-        }
+    if (onChange) {
+      onChange(value, data, extra);
     }
 
-    handleRemove(currentData) {
-        const { value: currentValue } = currentData;
-        let value;
-
-        const { multiple, checkStrictly, onChange } = this.props;
-        if (multiple) {
-            value = [...this.state.value];
-            value.splice(value.indexOf(currentValue), 1);
-
-            if (this.props.onChange) {
-                const data = this.getData(value);
-                const checked = false;
-
-                if (checkStrictly) {
-                    this.props.onChange(value, data, {
-                        checked,
-                        currentData,
-                        checkedData: data,
-                    });
-                } else {
-                    const checkedValue = this.completeValue(value);
-                    const checkedData = this.getData(checkedValue);
-                    const indeterminateValue = this.getIndeterminate(value);
-                    const indeterminateData = this.getData(indeterminateValue);
-                    this.props.onChange(value, data, {
-                        checked,
-                        currentData,
-                        checkedData,
-                        indeterminateData,
-                    });
-                }
-            }
-        } else {
-            value = [];
-            onChange(null, null);
-        }
-
-        if (!('value' in this.props)) {
-            this.setState({
-                value,
-            });
-        }
+    if (searchValue && this.select) {
+      this.select.handleSearchClear();
     }
+  }
 
-    handleSearch(searchValue) {
+  handleClear() {
+    // 单选时点击清空按钮
+    const { hasClear, multiple, treeCheckable } = this.props;
+    if (hasClear && (!multiple || !treeCheckable)) {
+      if (!('value' in this.props)) {
         this.setState({
-            searchValue,
+          value: [],
         });
+      }
+
+      this.props.onChange(null, null);
     }
+  }
 
-    getPath(pos) {
-        const items = [];
+  handleRemove(currentData) {
+    const { value: currentValue } = currentData;
+    let value;
 
-        const nums = pos.split('-');
-        if (nums === 2) {
-            items.push(this._p2n[pos]);
+    const { multiple, checkStrictly, onChange } = this.props;
+    if (multiple) {
+      value = [...this.state.value];
+      value.splice(value.indexOf(currentValue), 1);
+
+      if (this.props.onChange) {
+        const data = this.getData(value);
+        const checked = false;
+
+        if (checkStrictly) {
+          this.props.onChange(value, data, {
+            checked,
+            currentData,
+            checkedData: data,
+          });
         } else {
-            for (let i = 1; i < nums.length; i++) {
-                const p = nums.slice(0, i + 1).join('-');
-                items.push(this._p2n[p]);
-            }
+          const checkedValue = this.completeValue(value);
+          const checkedData = this.getData(checkedValue);
+          const indeterminateValue = this.getIndeterminate(value);
+          const indeterminateData = this.getData(indeterminateValue);
+          this.props.onChange(value, data, {
+            checked,
+            currentData,
+            checkedData,
+            indeterminateData,
+          });
         }
-
-        return items;
+      }
+    } else {
+      value = [];
+      onChange(null, null);
     }
 
-    filterItems() {
-        const {
-            multiple,
-            changeOnSelect,
-            canOnlyCheckLeaf,
-            filter,
-        } = this.props;
-        const { searchValue } = this.state;
-        let items = Object.keys(this._p2n).map(p => this._p2n[p]);
-        if ((!multiple && !changeOnSelect) || (multiple && canOnlyCheckLeaf)) {
-            items = items.filter(
-                item => !item.children || !item.children.length
-            );
-        }
+    if (!('value' in this.props)) {
+      this.setState({
+        value,
+      });
+    }
+  }
 
-        return items
-            .map(item => this.getPath(item.pos))
-            .filter(path => filter(searchValue, path));
+  handleSearch(searchValue) {
+    this.setState({
+      searchValue,
+    });
+  }
+
+  getPath(pos) {
+    const items = [];
+
+    const nums = pos.split('-');
+    if (nums === 2) {
+      items.push(this._p2n[pos]);
+    } else {
+      for (let i = 1; i < nums.length; i++) {
+        const p = nums.slice(0, i + 1).join('-');
+        items.push(this._p2n[p]);
+      }
     }
 
-    renderNotFound() {
-        const { prefix, notFoundContent } = this.props;
+    return items;
+  }
 
-        return (
-            <Menu className={`${prefix}cascader-select-not-found`}>
-                <Menu.Item>{notFoundContent}</Menu.Item>
-            </Menu>
-        );
+  filterItems() {
+    const {
+      multiple,
+      changeOnSelect,
+      canOnlyCheckLeaf,
+      filter,
+    } = this.props;
+    const { searchValue } = this.state;
+    let items = Object.keys(this._p2n).map(p => this._p2n[p]);
+    if ((!multiple && !changeOnSelect) || (multiple && canOnlyCheckLeaf)) {
+      items = items.filter(
+        item => !item.children || !item.children.length,
+      );
     }
 
-    renderCascader() {
-        const { dataSource } = this.props;
-        if (dataSource.length === 0) {
-            return this.renderNotFound();
-        }
+    return items
+      .map(item => this.getPath(item.pos))
+      .filter(path => filter(searchValue, path));
+  }
 
-        const { searchValue } = this.state;
-        let filteredPaths = [];
-        if (searchValue) {
-            filteredPaths = this.filterItems();
-            if (filteredPaths.length === 0) {
-                return this.renderNotFound();
-            }
-        }
+  renderNotFound() {
+    const { prefix, notFoundContent } = this.props;
 
-        const {
-            multiple,
-            useVirtual,
-            changeOnSelect,
-            checkStrictly,
-            canOnlyCheckLeaf,
-            defaultExpandedValue,
-            expandTriggerType,
-            onExpand,
-            listStyle,
-            listClassName,
-            loadData,
-            showSearch,
-            resultRender,
-            readOnly,
-            itemRender,
-        } = this.props;
-        const { value } = this.state;
+    return (
+      <Menu className={`${prefix}cascader-select-not-found`}>
+        <Menu.Item>{notFoundContent}</Menu.Item>
+      </Menu>
+    );
+  }
 
-        const props = {
-            dataSource,
-            value,
-            multiple,
-            useVirtual,
-            canOnlySelectLeaf: !changeOnSelect,
-            checkStrictly,
-            canOnlyCheckLeaf,
-            defaultExpandedValue,
-            expandTriggerType,
-            ref: this.saveCascaderRef,
-            onExpand,
-            listStyle,
-            listClassName,
-            loadData,
-            itemRender,
-        };
-        if (!readOnly) {
-            props.onChange = this.handleChange;
-            props.onSelect = this.handleSelect;
-        }
-        if (showSearch) {
-            props.searchValue = searchValue;
-            props.filteredPaths = filteredPaths;
-            props.resultRender = resultRender;
-            props.filteredListStyle = { height: this.cascaderHeight };
-        }
-
-        return <Cascader {...props} />;
+  renderCascader() {
+    const { dataSource } = this.props;
+    if (dataSource.length === 0) {
+      return this.renderNotFound();
     }
 
-    renderPopupContent() {
-        const { prefix, header, footer } = this.props;
-        return (
-            <div className={`${prefix}cascader-select-dropdown`}>
-                {header}
-                {this.renderCascader()}
-                {footer}
-            </div>
-        );
+    const { searchValue } = this.state;
+    let filteredPaths = [];
+    if (searchValue) {
+      filteredPaths = this.filterItems();
+      if (filteredPaths.length === 0) {
+        return this.renderNotFound();
+      }
     }
 
-    renderPreview(others) {
-        const { prefix, multiple, className, renderPreview } = this.props;
-        const { value } = this.state;
-        const previewCls = classNames(className, `${prefix}form-preview`);
-        let items =
+    const {
+      multiple,
+      useVirtual,
+      changeOnSelect,
+      checkStrictly,
+      canOnlyCheckLeaf,
+      defaultExpandedValue,
+      expandTriggerType,
+      onExpand,
+      listStyle,
+      listClassName,
+      loadData,
+      showSearch,
+      resultRender,
+      readOnly,
+      itemRender,
+    } = this.props;
+    const { value } = this.state;
+
+    const props = {
+      dataSource,
+      value,
+      multiple,
+      useVirtual,
+      canOnlySelectLeaf: !changeOnSelect,
+      checkStrictly,
+      canOnlyCheckLeaf,
+      defaultExpandedValue,
+      expandTriggerType,
+      ref: this.saveCascaderRef,
+      onExpand,
+      listStyle,
+      listClassName,
+      loadData,
+      itemRender,
+    };
+    if (!readOnly) {
+      props.onChange = this.handleChange;
+      props.onSelect = this.handleSelect;
+    }
+    if (showSearch) {
+      props.searchValue = searchValue;
+      props.filteredPaths = filteredPaths;
+      props.resultRender = resultRender;
+      props.filteredListStyle = { height: this.cascaderHeight };
+    }
+
+    return <Cascader {...props} />;
+  }
+
+  renderPopupContent() {
+    const { prefix, header, footer } = this.props;
+    return (
+      <div className={`${prefix}cascader-select-dropdown`}>
+        {header}
+        {this.renderCascader()}
+        {footer}
+      </div>
+    );
+  }
+
+  renderPreview(others) {
+    const { prefix, multiple, className, renderPreview } = this.props;
+    const { value } = this.state;
+    const previewCls = classNames(className, `${prefix}form-preview`);
+    let items =
             (multiple
-                ? this.getMultipleData(value)
-                : this.getSignleData(value)) || [];
+              ? this.getMultipleData(value)
+              : this.getSignleData(value)) || [];
 
-        if (!Array.isArray(items)) {
-            items = [items];
-        }
-
-        if (typeof renderPreview === 'function') {
-            return (
-                <div {...others} className={previewCls}>
-                    {renderPreview(items, this.props)}
-                </div>
-            );
-        }
-
-        return (
-            <p {...others} className={previewCls}>
-                {items.map(({ label }) => label).join(', ')}
-            </p>
-        );
+    if (!Array.isArray(items)) {
+      items = [items];
     }
 
-    render() {
-        const {
-            prefix,
-            size,
-            hasArrow,
-            hasBorder,
-            hasClear,
-            label,
-            readOnly,
-            placeholder,
-            dataSource,
-            disabled,
-            multiple,
-            className,
-            showSearch,
-            popupStyle,
-            popupClassName,
-            popupContainer,
-            popupProps,
-            followTrigger,
-            isPreview,
-        } = this.props;
-        const { value, searchValue, visible } = this.state;
-        const others = pickOthers(
-            Object.keys(CascaderSelect.propTypes),
-            this.props
-        );
-
-        this.updateCache(dataSource);
-
-        if (isPreview) {
-            return this.renderPreview(others);
-        }
-
-        const popupContent = this.renderPopupContent();
-
-        const props = {
-            prefix,
-            className,
-            size,
-            placeholder,
-            disabled,
-            hasArrow,
-            hasBorder,
-            hasClear,
-            label,
-            readOnly,
-            ref: this.saveSelectRef,
-            autoWidth: false,
-            mode: multiple ? 'multiple' : 'single',
-            value: multiple
-                ? this.getMultipleData(value)
-                : this.getSignleData(value),
-            onChange: this.handleClear,
-            onRemove: this.handleRemove,
-            visible,
-            onVisibleChange: this.handleVisibleChange,
-            showSearch,
-            // searchValue,
-            onSearch: this.handleSearch,
-            onKeyDown: this.handleKeyDown,
-            popupContent,
-            popupStyle,
-            popupClassName,
-            popupContainer,
-            popupProps,
-            followTrigger,
-        };
-
-        if (showSearch) {
-            props.popupProps = {
-                ...popupProps,
-                ref: this.getPopup,
-                afterOpen: this.handleAfterOpen,
-            };
-            props.autoWidth = showSearch && !!searchValue;
-        }
-
-        return <Select {...props} {...others} />;
+    if (typeof renderPreview === 'function') {
+      return (
+        <div {...others} className={previewCls}>
+          {renderPreview(items, this.props)}
+        </div>
+      );
     }
+
+    return (
+      <p {...others} className={previewCls}>
+        {items.map(({ label }) => label).join(', ')}
+      </p>
+    );
+  }
+
+  render() {
+    const {
+      prefix,
+      size,
+      hasArrow,
+      hasBorder,
+      hasClear,
+      label,
+      readOnly,
+      placeholder,
+      dataSource,
+      disabled,
+      multiple,
+      className,
+      showSearch,
+      popupStyle,
+      popupClassName,
+      popupContainer,
+      popupProps,
+      followTrigger,
+      isPreview,
+    } = this.props;
+    const { value, searchValue, visible } = this.state;
+    const others = pickOthers(
+      Object.keys(CascaderSelect.propTypes),
+      this.props,
+    );
+
+    this.updateCache(dataSource);
+
+    if (isPreview) {
+      return this.renderPreview(others);
+    }
+
+    const popupContent = this.renderPopupContent();
+
+    const props = {
+      prefix,
+      className,
+      size,
+      placeholder,
+      disabled,
+      hasArrow,
+      hasBorder,
+      hasClear,
+      label,
+      readOnly,
+      ref: this.saveSelectRef,
+      autoWidth: false,
+      mode: multiple ? 'multiple' : 'single',
+      value: multiple
+        ? this.getMultipleData(value)
+        : this.getSignleData(value),
+      onChange: this.handleClear,
+      onRemove: this.handleRemove,
+      visible,
+      onVisibleChange: this.handleVisibleChange,
+      showSearch,
+      // searchValue,
+      onSearch: this.handleSearch,
+      onKeyDown: this.handleKeyDown,
+      popupContent,
+      popupStyle,
+      popupClassName,
+      popupContainer,
+      popupProps,
+      followTrigger,
+    };
+
+    if (showSearch) {
+      props.popupProps = {
+        ...popupProps,
+        ref: this.getPopup,
+        afterOpen: this.handleAfterOpen,
+      };
+      props.autoWidth = showSearch && !!searchValue;
+    }
+
+    return <Select {...props} {...others} />;
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/cascader-select/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/cascader-select/index.jsx
index 415398d07..4a8b6ecb6 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/cascader-select/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/cascader-select/index.jsx
@@ -2,40 +2,40 @@ import ConfigProvider from '../config-provider';
 import CascaderSelect from './cascader-select';
 
 export default ConfigProvider.config(CascaderSelect, {
-    transform: /* istanbul ignore next */ (props, deprecated) => {
-        if ('shape' in props) {
-            deprecated('shape', 'hasBorder', 'CascaderSelect');
-            const { shape, ...others } = props;
-            props = { hasBorder: shape !== 'arrow-only', ...others };
-        }
+  transform: /* istanbul ignore next */ (props, deprecated) => {
+    if ('shape' in props) {
+      deprecated('shape', 'hasBorder', 'CascaderSelect');
+      const { shape, ...others } = props;
+      props = { hasBorder: shape !== 'arrow-only', ...others };
+    }
 
-        if ('container' in props) {
-            deprecated('container', 'popupContainer', 'CascaderSelect');
-            const { container, ...others } = props;
-            props = { popupContainer: container, ...others };
-        }
+    if ('container' in props) {
+      deprecated('container', 'popupContainer', 'CascaderSelect');
+      const { container, ...others } = props;
+      props = { popupContainer: container, ...others };
+    }
 
-        if ('expandTrigger' in props) {
-            deprecated('expandTrigger', 'expandTriggerType', 'CascaderSelect');
-            const { expandTrigger, ...others } = props;
-            props = { expandTriggerType: expandTrigger, ...others };
-        }
+    if ('expandTrigger' in props) {
+      deprecated('expandTrigger', 'expandTriggerType', 'CascaderSelect');
+      const { expandTrigger, ...others } = props;
+      props = { expandTriggerType: expandTrigger, ...others };
+    }
 
-        if ('showItemCount' in props) {
-            deprecated(
-                'showItemCount',
-                'listStyle | listClassName',
-                'CascaderSelect'
-            );
-        }
-        if ('labelWidth' in props) {
-            deprecated(
-                'labelWidth',
-                'listStyle | listClassName',
-                'CascaderSelect'
-            );
-        }
+    if ('showItemCount' in props) {
+      deprecated(
+        'showItemCount',
+        'listStyle | listClassName',
+        'CascaderSelect',
+      );
+    }
+    if ('labelWidth' in props) {
+      deprecated(
+        'labelWidth',
+        'listStyle | listClassName',
+        'CascaderSelect',
+      );
+    }
 
-        return props;
-    },
+    return props;
+  },
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/cascader/cascader.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/cascader/cascader.jsx
index 524f13cbe..107ec9ac8 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/cascader/cascader.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/cascader/cascader.jsx
@@ -6,11 +6,11 @@ import { func, obj, dom } from '../util';
 import CascaderMenu from './menu';
 import CascaderMenuItem from './item';
 import {
-    filterChildValue,
-    getAllCheckedValues,
-    forEachEnableNode,
-    isSiblingOrSelf,
-    isNodeChecked,
+  filterChildValue,
+  getAllCheckedValues,
+  forEachEnableNode,
+  isSiblingOrSelf,
+  isNodeChecked,
 } from './utils';
 
 const { bindCtx } = func;
@@ -21,30 +21,30 @@ const { addClass, removeClass, setStyle, getStyle } = dom;
  * Cascader
  */
 export default class Cascader extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        rtl: PropTypes.bool,
-        pure: PropTypes.bool,
-        className: PropTypes.string,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    rtl: PropTypes.bool,
+    pure: PropTypes.bool,
+    className: PropTypes.string,
+    /**
          * 数据源，结构可参考下方说明
          */
-        dataSource: PropTypes.arrayOf(PropTypes.object),
-        /**
+    dataSource: PropTypes.arrayOf(PropTypes.object),
+    /**
          * （非受控）默认值
          */
-        defaultValue: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.arrayOf(PropTypes.string),
-        ]),
-        /**
+    defaultValue: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.arrayOf(PropTypes.string),
+    ]),
+    /**
          * （受控）当前值
          */
-        value: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.arrayOf(PropTypes.string),
-        ]),
-        /**
+    value: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.arrayOf(PropTypes.string),
+    ]),
+    /**
          * 选中值改变时触发的回调函数
          * @param {String|Array} value 选中的值，单选时返回单个值，多选时返回数组
          * @param {Object|Array} data 选中的数据，包括 value 和 label，单选时返回单个值，多选时返回数组，父子节点选中关联时，同时选中，只返回父节点
@@ -55,835 +55,835 @@ export default class Cascader extends Component {
          * @param {Array} extra.checkedData 多选时所有被选中的数据
          * @param {Array} extra.indeterminateData 多选时半选的数据
          */
-        onChange: PropTypes.func,
-        onSelect: PropTypes.func,
-        /**
+    onChange: PropTypes.func,
+    onSelect: PropTypes.func,
+    /**
          * （非受控）默认展开值，如果不设置，组件内部会根据 defaultValue/value 进行自动设置
          */
-        defaultExpandedValue: PropTypes.arrayOf(PropTypes.string),
-        /**
+    defaultExpandedValue: PropTypes.arrayOf(PropTypes.string),
+    /**
          * （受控）当前展开值
          */
-        expandedValue: PropTypes.arrayOf(PropTypes.string),
-        /**
+    expandedValue: PropTypes.arrayOf(PropTypes.string),
+    /**
          * 展开触发的方式
          */
-        expandTriggerType: PropTypes.oneOf(['click', 'hover']),
-        /**
+    expandTriggerType: PropTypes.oneOf(['click', 'hover']),
+    /**
          * 展开时触发的回调函数
          * @param {Array} expandedValue 各列展开值的数组
          */
-        onExpand: PropTypes.func,
-        /**
+    onExpand: PropTypes.func,
+    /**
          * 是否开启虚拟滚动
          */
-        useVirtual: PropTypes.bool,
-        /**
+    useVirtual: PropTypes.bool,
+    /**
          * 是否多选
          */
-        multiple: PropTypes.bool,
-        /**
+    multiple: PropTypes.bool,
+    /**
          * 单选时是否只能选中叶子节点
          */
-        canOnlySelectLeaf: PropTypes.bool,
-        /**
+    canOnlySelectLeaf: PropTypes.bool,
+    /**
          * 多选时是否只能选中叶子节点
          */
-        canOnlyCheckLeaf: PropTypes.bool,
-        /**
+    canOnlyCheckLeaf: PropTypes.bool,
+    /**
          * 父子节点是否选中不关联
          */
-        checkStrictly: PropTypes.bool,
-        /**
+    checkStrictly: PropTypes.bool,
+    /**
          * 每列列表样式对象
          */
-        listStyle: PropTypes.object,
-        /**
+    listStyle: PropTypes.object,
+    /**
          * 每列列表类名
          */
-        listClassName: PropTypes.string,
-        /**
+    listClassName: PropTypes.string,
+    /**
          * 每列列表项渲染函数
          * @param {Object} data 数据
          * @return {ReactNode} 列表项内容
          */
-        itemRender: PropTypes.func,
-        /**
+    itemRender: PropTypes.func,
+    /**
          * 异步加载数据函数
          * @param {Object} data 当前点击异步加载的数据
          * @param {Object} source 当前点击数据，source是原始对象
          */
-        loadData: PropTypes.func,
-        searchValue: PropTypes.string,
-        onBlur: PropTypes.func,
-        filteredPaths: PropTypes.array,
-        filteredListStyle: PropTypes.object,
-        resultRender: PropTypes.func,
-    };
+    loadData: PropTypes.func,
+    searchValue: PropTypes.string,
+    onBlur: PropTypes.func,
+    filteredPaths: PropTypes.array,
+    filteredListStyle: PropTypes.object,
+    resultRender: PropTypes.func,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        rtl: false,
-        pure: false,
-        dataSource: [],
-        defaultValue: null,
-        canOnlySelectLeaf: false,
-        canOnlyCheckLeaf: false,
-        expandTriggerType: 'click',
-        multiple: false,
-        useVirtual: false,
-        checkStrictly: false,
-        itemRender: item => item.label,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    rtl: false,
+    pure: false,
+    dataSource: [],
+    defaultValue: null,
+    canOnlySelectLeaf: false,
+    canOnlyCheckLeaf: false,
+    expandTriggerType: 'click',
+    multiple: false,
+    useVirtual: false,
+    checkStrictly: false,
+    itemRender: item => item.label,
+  };
 
-    constructor(props, context) {
-        super(props, context);
+  constructor(props, context) {
+    super(props, context);
 
-        const {
-            defaultValue,
-            value,
-            defaultExpandedValue,
-            expandedValue,
-            dataSource,
-            multiple,
-            checkStrictly,
-            canOnlyCheckLeaf,
-            loadData,
-        } = props;
+    const {
+      defaultValue,
+      value,
+      defaultExpandedValue,
+      expandedValue,
+      dataSource,
+      multiple,
+      checkStrictly,
+      canOnlyCheckLeaf,
+      loadData,
+    } = props;
 
-        this.updateCache(dataSource);
+    this.updateCache(dataSource);
 
-        let normalizedValue = this.normalizeValue(
-            typeof value === 'undefined' ? defaultValue : value
-        );
-        if (!loadData) {
-            normalizedValue = normalizedValue.filter(v => this._v2n[v]);
-        }
-        // TODO loadData
-        const realExpandedValue =
+    let normalizedValue = this.normalizeValue(
+      typeof value === 'undefined' ? defaultValue : value,
+    );
+    if (!loadData) {
+      normalizedValue = normalizedValue.filter(v => this._v2n[v]);
+    }
+    // TODO loadData
+    const realExpandedValue =
             typeof expandedValue === 'undefined'
-                ? typeof defaultExpandedValue === 'undefined'
-                    ? this.getExpandedValue(normalizedValue[0])
-                    : this.normalizeValue(defaultExpandedValue)
-                : this.normalizeValue(expandedValue);
-        const st = {
-            value: normalizedValue,
-            expandedValue: realExpandedValue,
-        };
-        if (multiple && !checkStrictly && !canOnlyCheckLeaf) {
-            st.value = this.completeValue(props.dataSource, st.value);
-        }
-
-        this.state = st;
-
-        this.lastExpandedValue = [...this.state.expandedValue];
-
-        bindCtx(this, [
-            'handleMouseLeave',
-            'handleFocus',
-            'handleFold',
-            'getCascaderNode',
-            'onBlur',
-        ]);
+              ? typeof defaultExpandedValue === 'undefined'
+                ? this.getExpandedValue(normalizedValue[0])
+                : this.normalizeValue(defaultExpandedValue)
+              : this.normalizeValue(expandedValue);
+    const st = {
+      value: normalizedValue,
+      expandedValue: realExpandedValue,
+    };
+    if (multiple && !checkStrictly && !canOnlyCheckLeaf) {
+      st.value = this.completeValue(props.dataSource, st.value);
     }
 
-    componentDidMount() {
-        this.setCascaderInnerWidth();
-    }
+    this.state = st;
 
-    componentWillReceiveProps(nextProps) {
-        this.updateCache(nextProps.dataSource);
+    this.lastExpandedValue = [...this.state.expandedValue];
 
-        const state = {};
-        if ('value' in nextProps) {
-            state.value = this.normalizeValue(nextProps.value);
-            if (!nextProps.loadData) {
-                state.value = state.value.filter(v => this._v2n[v]);
-            }
+    bindCtx(this, [
+      'handleMouseLeave',
+      'handleFocus',
+      'handleFold',
+      'getCascaderNode',
+      'onBlur',
+    ]);
+  }
 
-            const { multiple, checkStrictly, canOnlyCheckLeaf } = nextProps;
-            if (multiple && !checkStrictly && !canOnlyCheckLeaf) {
-                state.value = this.completeValue(
-                    nextProps.dataSource,
-                    state.value
-                );
-            }
-            if (
-                !this.state.expandedValue.length &&
+  componentDidMount() {
+    this.setCascaderInnerWidth();
+  }
+
+  componentWillReceiveProps(nextProps) {
+    this.updateCache(nextProps.dataSource);
+
+    const state = {};
+    if ('value' in nextProps) {
+      state.value = this.normalizeValue(nextProps.value);
+      if (!nextProps.loadData) {
+        state.value = state.value.filter(v => this._v2n[v]);
+      }
+
+      const { multiple, checkStrictly, canOnlyCheckLeaf } = nextProps;
+      if (multiple && !checkStrictly && !canOnlyCheckLeaf) {
+        state.value = this.completeValue(
+          nextProps.dataSource,
+          state.value,
+        );
+      }
+      if (
+        !this.state.expandedValue.length &&
                 !('expandedValue' in nextProps)
-            ) {
-                state.expandedValue = this.getExpandedValue(state.value[0]);
-            }
-        }
-        if ('expandedValue' in nextProps) {
-            state.expandedValue = this.normalizeValue(nextProps.expandedValue);
-        }
-        if (Object.keys(state).length) {
-            this.setState(state);
-        }
+      ) {
+        state.expandedValue = this.getExpandedValue(state.value[0]);
+      }
+    }
+    if ('expandedValue' in nextProps) {
+      state.expandedValue = this.normalizeValue(nextProps.expandedValue);
+    }
+    if (Object.keys(state).length) {
+      this.setState(state);
+    }
+  }
+
+  componentDidUpdate() {
+    this.setCascaderInnerWidth();
+  }
+
+  getCascaderNode(ref) {
+    this.cascader = ref;
+    if (this.cascader) {
+      this.cascaderInner = this.cascader.querySelector(
+        `.${this.props.prefix}cascader-inner`,
+      );
+    }
+  }
+
+  setCascaderInnerWidth() {
+    if (!this.cascaderInner) {
+      return;
+    }
+    const menus = [].slice.call(
+      this.cascaderInner.querySelectorAll(
+        `.${this.props.prefix}cascader-menu-wrapper`,
+      ),
+    );
+    if (menus.length === 0) {
+      return;
     }
 
-    componentDidUpdate() {
-        this.setCascaderInnerWidth();
+    const menusWidth = Math.ceil(
+      menus.reduce((ret, menu) => {
+        return ret + getStyle(menu, 'width');
+      }, 0),
+    );
+
+    if (getStyle(this.cascaderInner, 'width') !== menusWidth) {
+      setStyle(this.cascaderInner, 'width', menusWidth);
     }
 
-    getCascaderNode(ref) {
-        this.cascader = ref;
-        if (this.cascader) {
-            this.cascaderInner = this.cascader.querySelector(
-                `.${this.props.prefix}cascader-inner`
-            );
-        }
+    if (getStyle(this.cascader, 'display') === 'inline-block') {
+      const hasRightBorderClass = `${this.props.prefix}has-right-border`;
+      menus.forEach(menu => removeClass(menu, hasRightBorderClass));
+      if (this.cascader.clientWidth > menusWidth) {
+        addClass(menus[menus.length - 1], hasRightBorderClass);
+      }
+    }
+  }
+
+  setCache(data, prefix = '0') {
+    data.forEach((item, index) => {
+      const { value, children } = item;
+      const pos = `${prefix}-${index}`;
+      const newValue = String(value);
+      item.value = newValue;
+      this._v2n[newValue] = this._p2n[pos] = {
+        ...item,
+        pos,
+        _source: item,
+      };
+
+      if (children && children.length) {
+        this.setCache(children, pos);
+      }
+    });
+  }
+
+  updateCache(dataSource) {
+    this._v2n = {};
+    this._p2n = {};
+    this.setCache(dataSource);
+  }
+
+  normalizeValue(value) {
+    if (value) {
+      if (Array.isArray(value)) {
+        return value;
+      }
+
+      return [value];
     }
 
-    setCascaderInnerWidth() {
-        if (!this.cascaderInner) {
-            return;
-        }
-        const menus = [].slice.call(
-            this.cascaderInner.querySelectorAll(
-                `.${this.props.prefix}cascader-menu-wrapper`
-            )
-        );
-        if (menus.length === 0) {
-            return;
-        }
+    return [];
+  }
 
-        const menusWidth = Math.ceil(
-            menus.reduce((ret, menu) => {
-                return ret + getStyle(menu, 'width');
-            }, 0)
-        );
-
-        if (getStyle(this.cascaderInner, 'width') !== menusWidth) {
-            setStyle(this.cascaderInner, 'width', menusWidth);
-        }
-
-        if (getStyle(this.cascader, 'display') === 'inline-block') {
-            const hasRightBorderClass = `${this.props.prefix}has-right-border`;
-            menus.forEach(menu => removeClass(menu, hasRightBorderClass));
-            if (this.cascader.clientWidth > menusWidth) {
-                addClass(menus[menus.length - 1], hasRightBorderClass);
-            }
-        }
+  getExpandedValue(v) {
+    if (!v || !this._v2n[v]) {
+      return [];
     }
 
-    setCache(data, prefix = '0') {
-        data.forEach((item, index) => {
-            const { value, children } = item;
-            const pos = `${prefix}-${index}`;
-            const newValue = String(value);
-            item.value = newValue;
-            this._v2n[newValue] = this._p2n[pos] = {
-                ...item,
-                pos,
-                _source: item,
-            };
-
-            if (children && children.length) {
-                this.setCache(children, pos);
-            }
-        });
+    const { pos } = this._v2n[v];
+    if (pos.split('-').length === 2) {
+      return [];
     }
 
-    updateCache(dataSource) {
-        this._v2n = {};
-        this._p2n = {};
-        this.setCache(dataSource);
-    }
+    const expandedMap = {};
+    Object.keys(this._p2n).forEach(p => {
+      if (this.isDescendantOrSelf(p, pos) && p !== pos) {
+        expandedMap[this._p2n[p].value] = p;
+      }
+    });
 
-    normalizeValue(value) {
-        if (value) {
-            if (Array.isArray(value)) {
-                return value;
-            }
-
-            return [value];
-        }
-
-        return [];
-    }
-
-    getExpandedValue(v) {
-        if (!v || !this._v2n[v]) {
-            return [];
-        }
-
-        const pos = this._v2n[v].pos;
-        if (pos.split('-').length === 2) {
-            return [];
-        }
-
-        const expandedMap = {};
-        Object.keys(this._p2n).forEach(p => {
-            if (this.isDescendantOrSelf(p, pos) && p !== pos) {
-                expandedMap[this._p2n[p].value] = p;
-            }
-        });
-
-        return Object.keys(expandedMap).sort((prev, next) => {
-            return (
-                expandedMap[prev].split('-').length -
+    return Object.keys(expandedMap).sort((prev, next) => {
+      return (
+        expandedMap[prev].split('-').length -
                 expandedMap[next].split('-').length
-            );
-        });
-    }
-    /*eslint-disable max-statements*/
-    completeValue(dataSource, value) {
-        return getAllCheckedValues(value, this._v2n, this._p2n);
-    }
-    /*eslint-enable*/
-    flatValue(value) {
-        return filterChildValue(value, this._v2n, this._p2n);
+      );
+    });
+  }
+
+  /* eslint-disable max-statements */
+  completeValue(dataSource, value) {
+    return getAllCheckedValues(value, this._v2n, this._p2n);
+  }
+
+  /* eslint-enable */
+  flatValue(value) {
+    return filterChildValue(value, this._v2n, this._p2n);
+  }
+
+  getValue(pos) {
+    return this._p2n[pos] ? this._p2n[pos].value : null;
+  }
+
+  getPos(value) {
+    return this._v2n[value] ? this._v2n[value].pos : null;
+  }
+
+  getData(value) {
+    return value.map(v => this._v2n[v]);
+  }
+
+  isDescendantOrSelf(currentPos, targetPos) {
+    if (!currentPos || !targetPos) {
+      return false;
     }
 
-    getValue(pos) {
-        return this._p2n[pos] ? this._p2n[pos].value : null;
-    }
+    const currentNums = currentPos.split('-');
+    const targetNums = targetPos.split('-');
 
-    getPos(value) {
-        return this._v2n[value] ? this._v2n[value].pos : null;
-    }
-
-    getData(value) {
-        return value.map(v => this._v2n[v]);
-    }
-
-    isDescendantOrSelf(currentPos, targetPos) {
-        if (!currentPos || !targetPos) {
-            return false;
-        }
-
-        const currentNums = currentPos.split('-');
-        const targetNums = targetPos.split('-');
-
-        return (
-            currentNums.length <= targetNums.length &&
+    return (
+      currentNums.length <= targetNums.length &&
             currentNums.every((num, index) => {
-                return num === targetNums[index];
+              return num === targetNums[index];
             })
-        );
+    );
+  }
+
+  processValue(value, v, checked) {
+    const index = value.indexOf(v);
+    if (checked && index === -1) {
+      value.push(v);
+    } else if (!checked && index > -1) {
+      value.splice(index, 1);
     }
+  }
 
-    processValue(value, v, checked) {
-        const index = value.indexOf(v);
-        if (checked && index === -1) {
-            value.push(v);
-        } else if (!checked && index > -1) {
-            value.splice(index, 1);
-        }
-    }
-
-    handleSelect(v, canExpand) {
-        if (!(this.props.canOnlySelectLeaf && canExpand)) {
-            const data = this._v2n[v];
-            const nums = data.pos.split('-');
-            const selectedPath = nums.slice(1).reduce((ret, num, index) => {
-                const p = nums.slice(0, index + 2).join('-');
-                ret.push(this._p2n[p]);
-                return ret;
-            }, []);
-
-            if (this.state.value[0] !== v) {
-                if (!('value' in this.props)) {
-                    this.setState({
-                        value: [v],
-                    });
-                }
-
-                if ('onChange' in this.props) {
-                    this.props.onChange(v, data, {
-                        selectedPath,
-                    });
-                }
-            }
-
-            if ('onSelect' in this.props) {
-                this.props.onSelect(v, data, {
-                    selectedPath,
-                });
-            }
-        }
-
-        if (canExpand) {
-            if (!this.props.canOnlySelectLeaf) {
-                this.lastExpandedValue = this.state.expandedValue.slice(0, -1);
-            }
-        } else {
-            this.lastExpandedValue = [...this.state.expandedValue];
-        }
-    }
-    /*eslint-disable max-statements*/
-    handleCheck(v, checked) {
-        const { checkStrictly, canOnlyCheckLeaf } = this.props;
-        const value = [...this.state.value];
-
-        if (checkStrictly || canOnlyCheckLeaf) {
-            this.processValue(value, v, checked);
-        } else {
-            const pos = this.getPos(v);
-
-            const ps = Object.keys(this._p2n);
-
-            forEachEnableNode(this._v2n[v], node => {
-                if (node.checkable === false) return;
-                this.processValue(value, node.value, checked);
-            });
-
-            let currentPos = pos;
-            const nums = pos.split('-');
-            for (let i = nums.length; i > 2; i--) {
-                let parentCheck = true;
-
-                const parentPos = nums.slice(0, i - 1).join('-');
-                if (
-                    this._p2n[parentPos].disabled ||
-                    this._p2n[parentPos].checkboxDisabled ||
-                    this._p2n[parentPos].checkable === false
-                ) {
-                    currentPos = parentPos;
-                    continue;
-                }
-
-                const parentValue = this._p2n[parentPos].value;
-                const parentChecked = value.indexOf(parentValue) > -1;
-                if (!checked && !parentChecked) {
-                    break;
-                }
-
-                for (let j = 0; j < ps.length; j++) {
-                    const p = ps[j];
-                    const pnode = this._p2n[p];
-                    if (
-                        isSiblingOrSelf(currentPos, p) &&
-                        !pnode.disabled &&
-                        !pnode.checkboxDisabled
-                    ) {
-                        const k = pnode.value;
-                        // eslint-disable-next-line max-depth
-                        if (pnode.checkable === false) {
-                            // eslint-disable-next-line max-depth
-                            if (
-                                !pnode.children ||
-                                pnode.children.length === 0
-                            ) {
-                                continue;
-                            }
-                            // eslint-disable-next-line max-depth
-                            for (let m = 0; m < pnode.children.length; m++) {
-                                // eslint-disable-next-line max-depth
-                                if (
-                                    !pnode.children.every(child =>
-                                        isNodeChecked(child, value)
-                                    )
-                                ) {
-                                    parentCheck = false;
-                                    break;
-                                }
-                            }
-                        } else if (value.indexOf(k) === -1) {
-                            parentCheck = false;
-                        }
-
-                        if (!parentCheck) break;
-                    }
-                }
-
-                this.processValue(value, parentValue, parentCheck);
-
-                currentPos = parentPos;
-            }
-        }
+  handleSelect(v, canExpand) {
+    if (!(this.props.canOnlySelectLeaf && canExpand)) {
+      const data = this._v2n[v];
+      const nums = data.pos.split('-');
+      const selectedPath = nums.slice(1).reduce((ret, num, index) => {
+        const p = nums.slice(0, index + 2).join('-');
+        ret.push(this._p2n[p]);
+        return ret;
+      }, []);
 
+      if (this.state.value[0] !== v) {
         if (!('value' in this.props)) {
-            this.setState({
-                value,
-            });
+          this.setState({
+            value: [v],
+          });
         }
 
         if ('onChange' in this.props) {
-            if (checkStrictly || canOnlyCheckLeaf) {
-                const data = this.getData(value);
-                this.props.onChange(value, data, {
-                    checked,
-                    currentData: this._v2n[v],
-                    checkedData: data,
-                });
-            } else {
-                const flatValue = this.flatValue(value);
-                const flatData = this.getData(flatValue);
-                const checkedData = this.getData(value);
-                const indeterminateValue = this.getIndeterminate(value);
-                const indeterminateData = this.getData(indeterminateValue);
-                this.props.onChange(flatValue, flatData, {
-                    checked,
-                    currentData: this._v2n[v],
-                    checkedData,
-                    indeterminateData,
-                });
-            }
+          this.props.onChange(v, data, {
+            selectedPath,
+          });
         }
+      }
 
-        this.lastExpandedValue = [...this.state.expandedValue];
+      if ('onSelect' in this.props) {
+        this.props.onSelect(v, data, {
+          selectedPath,
+        });
+      }
     }
 
-    handleExpand(value, level, canExpand, focusedFirstChild) {
-        const { expandedValue } = this.state;
+    if (canExpand) {
+      if (!this.props.canOnlySelectLeaf) {
+        this.lastExpandedValue = this.state.expandedValue.slice(0, -1);
+      }
+    } else {
+      this.lastExpandedValue = [...this.state.expandedValue];
+    }
+  }
 
-        if (canExpand || expandedValue.length > level) {
-            if (canExpand) {
-                expandedValue.splice(
-                    level,
-                    expandedValue.length - level,
-                    value
-                );
-            } else {
-                expandedValue.splice(level);
+  /* eslint-disable max-statements */
+  handleCheck(v, checked) {
+    const { checkStrictly, canOnlyCheckLeaf } = this.props;
+    const value = [...this.state.value];
+
+    if (checkStrictly || canOnlyCheckLeaf) {
+      this.processValue(value, v, checked);
+    } else {
+      const pos = this.getPos(v);
+
+      const ps = Object.keys(this._p2n);
+
+      forEachEnableNode(this._v2n[v], node => {
+        if (node.checkable === false) return;
+        this.processValue(value, node.value, checked);
+      });
+
+      let currentPos = pos;
+      const nums = pos.split('-');
+      for (let i = nums.length; i > 2; i--) {
+        let parentCheck = true;
+
+        const parentPos = nums.slice(0, i - 1).join('-');
+        if (
+          this._p2n[parentPos].disabled ||
+                    this._p2n[parentPos].checkboxDisabled ||
+                    this._p2n[parentPos].checkable === false
+        ) {
+          currentPos = parentPos;
+          continue;
+        }
+
+        const parentValue = this._p2n[parentPos].value;
+        const parentChecked = value.indexOf(parentValue) > -1;
+        if (!checked && !parentChecked) {
+          break;
+        }
+
+        for (let j = 0; j < ps.length; j++) {
+          const p = ps[j];
+          const pnode = this._p2n[p];
+          if (
+            isSiblingOrSelf(currentPos, p) &&
+                        !pnode.disabled &&
+                        !pnode.checkboxDisabled
+          ) {
+            const k = pnode.value;
+            // eslint-disable-next-line max-depth
+            if (pnode.checkable === false) {
+              // eslint-disable-next-line max-depth
+              if (
+                !pnode.children ||
+                                pnode.children.length === 0
+              ) {
+                continue;
+              }
+              // eslint-disable-next-line max-depth
+              for (let m = 0; m < pnode.children.length; m++) {
+                // eslint-disable-next-line max-depth
+                if (
+                  !pnode.children.every(child => isNodeChecked(child, value))
+                ) {
+                  parentCheck = false;
+                  break;
+                }
+              }
+            } else if (value.indexOf(k) === -1) {
+              parentCheck = false;
             }
 
-            const callback = () => {
-                this.setExpandValue(expandedValue);
+            if (!parentCheck) break;
+          }
+        }
 
-                if (focusedFirstChild) {
-                    const endExpandedValue =
+        this.processValue(value, parentValue, parentCheck);
+
+        currentPos = parentPos;
+      }
+    }
+
+    if (!('value' in this.props)) {
+      this.setState({
+        value,
+      });
+    }
+
+    if ('onChange' in this.props) {
+      if (checkStrictly || canOnlyCheckLeaf) {
+        const data = this.getData(value);
+        this.props.onChange(value, data, {
+          checked,
+          currentData: this._v2n[v],
+          checkedData: data,
+        });
+      } else {
+        const flatValue = this.flatValue(value);
+        const flatData = this.getData(flatValue);
+        const checkedData = this.getData(value);
+        const indeterminateValue = this.getIndeterminate(value);
+        const indeterminateData = this.getData(indeterminateValue);
+        this.props.onChange(flatValue, flatData, {
+          checked,
+          currentData: this._v2n[v],
+          checkedData,
+          indeterminateData,
+        });
+      }
+    }
+
+    this.lastExpandedValue = [...this.state.expandedValue];
+  }
+
+  handleExpand(value, level, canExpand, focusedFirstChild) {
+    const { expandedValue } = this.state;
+
+    if (canExpand || expandedValue.length > level) {
+      if (canExpand) {
+        expandedValue.splice(
+          level,
+          expandedValue.length - level,
+          value,
+        );
+      } else {
+        expandedValue.splice(level);
+      }
+
+      const callback = () => {
+        this.setExpandValue(expandedValue);
+
+        if (focusedFirstChild) {
+          const endExpandedValue =
                         expandedValue[expandedValue.length - 1];
-                    this.setState({
-                        focusedValue: this._v2n[endExpandedValue].children[0]
-                            .value,
-                    });
-                }
-            };
-
-            const { loadData } = this.props;
-            if (canExpand && loadData) {
-                const data = this._v2n[value];
-                return loadData(data, data._source).then(callback);
-            } else {
-                return callback();
-            }
+          this.setState({
+            focusedValue: this._v2n[endExpandedValue].children[0]
+              .value,
+          });
         }
+      };
+
+      const { loadData } = this.props;
+      if (canExpand && loadData) {
+        const data = this._v2n[value];
+        return loadData(data, data._source).then(callback);
+      } else {
+        return callback();
+      }
+    }
+  }
+
+  handleMouseLeave() {
+    this.setExpandValue([...this.lastExpandedValue]);
+  }
+
+  setExpandValue(expandedValue) {
+    if (!('expandedValue' in this.props)) {
+      this.setState({
+        expandedValue,
+      });
     }
 
-    handleMouseLeave() {
-        this.setExpandValue([...this.lastExpandedValue]);
+    if ('onExpand' in this.props) {
+      this.props.onExpand(expandedValue);
+    }
+  }
+
+  getFirstFocusKeyByDataSource(dataSource) {
+    if (!dataSource || dataSource.length === 0) {
+      return '';
     }
 
-    setExpandValue(expandedValue) {
-        if (!('expandedValue' in this.props)) {
-            this.setState({
-                expandedValue,
-            });
-        }
-
-        if ('onExpand' in this.props) {
-            this.props.onExpand(expandedValue);
-        }
+    for (let i = 0; i < dataSource.length; i++) {
+      if (dataSource[i] && !dataSource[i].disabled) {
+        return dataSource[i].value;
+      }
     }
 
-    getFirstFocusKeyByDataSource(dataSource) {
-        if (!dataSource || dataSource.length === 0) {
-            return '';
-        }
+    return '';
+  }
 
-        for (let i = 0; i < dataSource.length; i++) {
-            if (dataSource[i] && !dataSource[i].disabled) {
-                return dataSource[i].value;
-            }
-        }
-
-        return '';
+  getFirstFocusKeyByFilteredPaths(filteredPaths) {
+    if (!filteredPaths || filteredPaths.length === 0) {
+      return '';
     }
 
-    getFirstFocusKeyByFilteredPaths(filteredPaths) {
-        if (!filteredPaths || filteredPaths.length === 0) {
-            return '';
-        }
-
-        for (let i = 0; i < filteredPaths.length; i++) {
-            const path = filteredPaths[i];
-            if (!path.some(item => item.disabled)) {
-                const lastItem = path[path.length - 1];
-                return lastItem.value;
-            }
-        }
-
-        return '';
+    for (let i = 0; i < filteredPaths.length; i++) {
+      const path = filteredPaths[i];
+      if (!path.some(item => item.disabled)) {
+        const lastItem = path[path.length - 1];
+        return lastItem.value;
+      }
     }
 
-    getFirstFocusKey() {
-        const { dataSource, searchValue, filteredPaths } = this.props;
+    return '';
+  }
 
-        return !searchValue
-            ? this.getFirstFocusKeyByDataSource(dataSource)
-            : this.getFirstFocusKeyByFilteredPaths(filteredPaths);
+  getFirstFocusKey() {
+    const { dataSource, searchValue, filteredPaths } = this.props;
+
+    return !searchValue
+      ? this.getFirstFocusKeyByDataSource(dataSource)
+      : this.getFirstFocusKeyByFilteredPaths(filteredPaths);
+  }
+
+  setFocusValue() {
+    this.setState({
+      focusedValue: this.getFirstFocusKey(),
+    });
+  }
+
+  handleFocus(focusedValue) {
+    this.setState({
+      focusedValue,
+    });
+  }
+
+  handleFold() {
+    const { expandedValue } = this.state;
+    if (expandedValue.length > 0) {
+      this.setExpandValue(expandedValue.slice(0, -1));
     }
 
-    setFocusValue() {
-        this.setState({
-            focusedValue: this.getFirstFocusKey(),
-        });
-    }
+    this.setState({
+      focusedValue: expandedValue[expandedValue.length - 1],
+    });
+  }
 
-    handleFocus(focusedValue) {
-        this.setState({
-            focusedValue,
-        });
-    }
+  getIndeterminate(value) {
+    const indeterminateValues = [];
 
-    handleFold() {
-        const { expandedValue } = this.state;
-        if (expandedValue.length > 0) {
-            this.setExpandValue(expandedValue.slice(0, -1));
-        }
-
-        this.setState({
-            focusedValue: expandedValue[expandedValue.length - 1],
-        });
-    }
-
-    getIndeterminate(value) {
-        const indeterminateValues = [];
-
-        const poss = filterChildValue(
-            value
-                .filter(v => !!this._v2n[v])
-                .filter(
-                    v =>
-                        !this._v2n[v].disabled &&
+    const poss = filterChildValue(
+      value
+        .filter(v => !!this._v2n[v])
+        .filter(
+          v => !this._v2n[v].disabled &&
                         !this._v2n[v].checkboxDisabled &&
-                        this._v2n[v].checkable !== false
-                ),
-            this._v2n,
-            this._p2n
-        ).map(v => this._v2n[v].pos);
-        poss.forEach(pos => {
-            const nums = pos.split('-');
-            for (let i = nums.length; i > 2; i--) {
-                const parentPos = nums.slice(0, i - 1).join('-');
-                const parent = this._p2n[parentPos];
-                if (parent.disabled || parent.checkboxDisabled) break;
-                const parentValue = parent.value;
-                if (indeterminateValues.indexOf(parentValue) === -1) {
-                    indeterminateValues.push(parentValue);
-                }
-            }
-        });
+                        this._v2n[v].checkable !== false,
+        ),
+      this._v2n,
+      this._p2n,
+    ).map(v => this._v2n[v].pos);
+    poss.forEach(pos => {
+      const nums = pos.split('-');
+      for (let i = nums.length; i > 2; i--) {
+        const parentPos = nums.slice(0, i - 1).join('-');
+        const parent = this._p2n[parentPos];
+        if (parent.disabled || parent.checkboxDisabled) break;
+        const parentValue = parent.value;
+        if (indeterminateValues.indexOf(parentValue) === -1) {
+          indeterminateValues.push(parentValue);
+        }
+      }
+    });
 
-        return indeterminateValues;
-    }
+    return indeterminateValues;
+  }
 
-    onBlur(e) {
-        this.setState({
-            focusedValue: undefined,
-        });
+  onBlur(e) {
+    this.setState({
+      focusedValue: undefined,
+    });
 
-        this.props.onBlur && this.props.onBlur(e);
-    }
+    this.props.onBlur && this.props.onBlur(e);
+  }
 
-    renderMenu(data, level) {
-        const {
-            prefix,
-            multiple,
-            useVirtual,
-            checkStrictly,
-            expandTriggerType,
-            loadData,
-            canOnlyCheckLeaf,
-            listClassName,
-            listStyle,
-            itemRender,
-        } = this.props;
-        const { value, expandedValue, focusedValue } = this.state;
+  renderMenu(data, level) {
+    const {
+      prefix,
+      multiple,
+      useVirtual,
+      checkStrictly,
+      expandTriggerType,
+      loadData,
+      canOnlyCheckLeaf,
+      listClassName,
+      listStyle,
+      itemRender,
+    } = this.props;
+    const { value, expandedValue, focusedValue } = this.state;
 
-        return (
-            <CascaderMenu
-                key={level}
-                prefix={prefix}
-                useVirtual={useVirtual}
-                className={listClassName}
-                style={listStyle}
-                ref={this.saveMenuRef}
-                focusedKey={focusedValue}
-                onItemFocus={this.handleFocus}
-                onBlur={this.onBlur}
-            >
-                {data.map(item => {
-                    const disabled = !!item.disabled;
-                    const canExpand =
+    return (
+      <CascaderMenu
+        key={level}
+        prefix={prefix}
+        useVirtual={useVirtual}
+        className={listClassName}
+        style={listStyle}
+        ref={this.saveMenuRef}
+        focusedKey={focusedValue}
+        onItemFocus={this.handleFocus}
+        onBlur={this.onBlur}
+      >
+        {data.map(item => {
+          const disabled = !!item.disabled;
+          const canExpand =
                         (!!item.children && !!item.children.length) ||
                         (!!loadData && !item.isLeaf);
-                    const expanded = expandedValue[level] === item.value;
-                    const props = {
-                        prefix,
-                        disabled,
-                        canExpand,
-                        expanded,
-                        expandTriggerType,
-                        onExpand: this.handleExpand.bind(
-                            this,
-                            item.value,
-                            level,
-                            canExpand
-                        ),
-                        onFold: this.handleFold,
-                    };
+          const expanded = expandedValue[level] === item.value;
+          const props = {
+            prefix,
+            disabled,
+            canExpand,
+            expanded,
+            expandTriggerType,
+            onExpand: this.handleExpand.bind(
+              this,
+              item.value,
+              level,
+              canExpand,
+            ),
+            onFold: this.handleFold,
+          };
 
-                    if (multiple) {
-                        props.checkable = !(canOnlyCheckLeaf && canExpand);
-                        props.checked =
+          if (multiple) {
+            props.checkable = !(canOnlyCheckLeaf && canExpand);
+            props.checked =
                             value.indexOf(item.value) > -1 || !!item.checked;
-                        props.indeterminate =
-                            (checkStrictly || canOnlyCheckLeaf
-                                ? false
-                                : this.indeterminate.indexOf(item.value) >
-                                  -1) || !!item.indeterminate;
-                        props.checkboxDisabled = !!item.checkboxDisabled;
-                        props.onCheck = this.handleCheck.bind(this, item.value);
-                    } else {
-                        props.selected = value[0] === item.value;
-                        props.onSelect = this.handleSelect.bind(
-                            this,
-                            item.value,
-                            canExpand
-                        );
-                    }
-
-                    return (
-                        <CascaderMenuItem key={item.value} {...props}>
-                            {itemRender(item)}
-                        </CascaderMenuItem>
-                    );
-                })}
-            </CascaderMenu>
-        );
-    }
-
-    renderMenus() {
-        const { dataSource } = this.props;
-        const { expandedValue } = this.state;
-
-        const menus = [];
-        let data = dataSource;
-
-        for (let i = 0; i <= expandedValue.length; i++) {
-            if (!data) {
-                break;
-            }
-
-            menus.push(this.renderMenu(data, i));
-
-            let expandedItem;
-            for (let j = 0; j < data.length; j++) {
-                if (data[j].value === expandedValue[i]) {
-                    expandedItem = data[j];
-                    break;
-                }
-            }
-            data = expandedItem ? expandedItem.children : null;
-        }
-
-        return menus;
-    }
-
-    renderFilteredItem(path) {
-        const { prefix, resultRender, searchValue, multiple } = this.props;
-        const { value } = this.state;
-        const lastItem = path[path.length - 1];
-
-        let Item;
-        const props = {
-            key: lastItem.value,
-            className: `${prefix}cascader-filtered-item`,
-            disabled: path.some(item => item.disabled),
-            children: resultRender(searchValue, path),
-        };
-
-        if (multiple) {
-            Item = Menu.CheckboxItem;
-            const { checkStrictly, canOnlyCheckLeaf } = this.props;
-            props.checked = value.indexOf(lastItem.value) > -1;
             props.indeterminate =
+                            (checkStrictly || canOnlyCheckLeaf
+                              ? false
+                              : this.indeterminate.indexOf(item.value) >
+                                  -1) || !!item.indeterminate;
+            props.checkboxDisabled = !!item.checkboxDisabled;
+            props.onCheck = this.handleCheck.bind(this, item.value);
+          } else {
+            props.selected = value[0] === item.value;
+            props.onSelect = this.handleSelect.bind(
+              this,
+              item.value,
+              canExpand,
+            );
+          }
+
+          return (
+            <CascaderMenuItem key={item.value} {...props}>
+              {itemRender(item)}
+            </CascaderMenuItem>
+          );
+        })}
+      </CascaderMenu>
+    );
+  }
+
+  renderMenus() {
+    const { dataSource } = this.props;
+    const { expandedValue } = this.state;
+
+    const menus = [];
+    let data = dataSource;
+
+    for (let i = 0; i <= expandedValue.length; i++) {
+      if (!data) {
+        break;
+      }
+
+      menus.push(this.renderMenu(data, i));
+
+      let expandedItem;
+      for (let j = 0; j < data.length; j++) {
+        if (data[j].value === expandedValue[i]) {
+          expandedItem = data[j];
+          break;
+        }
+      }
+      data = expandedItem ? expandedItem.children : null;
+    }
+
+    return menus;
+  }
+
+  renderFilteredItem(path) {
+    const { prefix, resultRender, searchValue, multiple } = this.props;
+    const { value } = this.state;
+    const lastItem = path[path.length - 1];
+
+    let Item;
+    const props = {
+      key: lastItem.value,
+      className: `${prefix}cascader-filtered-item`,
+      disabled: path.some(item => item.disabled),
+      children: resultRender(searchValue, path),
+    };
+
+    if (multiple) {
+      Item = Menu.CheckboxItem;
+      const { checkStrictly, canOnlyCheckLeaf } = this.props;
+      props.checked = value.indexOf(lastItem.value) > -1;
+      props.indeterminate =
                 !checkStrictly &&
                 !canOnlyCheckLeaf &&
                 this.indeterminate.indexOf(lastItem.value) > -1;
-            props.checkboxDisabled = lastItem.checkboxDisabled;
-            props.onChange = this.handleCheck.bind(this, lastItem.value);
-        } else {
-            Item = Menu.Item;
-            props.selected = value[0] === lastItem.value;
-            props.onSelect = this.handleSelect.bind(
-                this,
-                lastItem.value,
-                false
-            );
-        }
-
-        return <Item {...props} />;
+      props.checkboxDisabled = lastItem.checkboxDisabled;
+      props.onChange = this.handleCheck.bind(this, lastItem.value);
+    } else {
+      Item = Menu.Item;
+      props.selected = value[0] === lastItem.value;
+      props.onSelect = this.handleSelect.bind(
+        this,
+        lastItem.value,
+        false,
+      );
     }
 
-    renderFilteredList() {
-        const { prefix, filteredListStyle, filteredPaths } = this.props;
-        const { focusedValue } = this.state;
-        return (
-            <Menu
-                focusedKey={focusedValue}
-                onItemFocus={this.handleFocus}
-                className={`${prefix}cascader-filtered-list`}
-                style={filteredListStyle}
-            >
-                {filteredPaths.map(path => this.renderFilteredItem(path))}
-            </Menu>
-        );
+    return <Item {...props} />;
+  }
+
+  renderFilteredList() {
+    const { prefix, filteredListStyle, filteredPaths } = this.props;
+    const { focusedValue } = this.state;
+    return (
+      <Menu
+        focusedKey={focusedValue}
+        onItemFocus={this.handleFocus}
+        className={`${prefix}cascader-filtered-list`}
+        style={filteredListStyle}
+      >
+        {filteredPaths.map(path => this.renderFilteredItem(path))}
+      </Menu>
+    );
+  }
+
+  render() {
+    const {
+      prefix,
+      rtl,
+      className,
+      expandTriggerType,
+      multiple,
+      dataSource,
+      checkStrictly,
+      canOnlyCheckLeaf,
+      searchValue,
+    } = this.props;
+    const others = pickOthers(Object.keys(Cascader.propTypes), this.props);
+    const { value } = this.state;
+
+    if (rtl) {
+      others.dir = 'rtl';
     }
 
-    render() {
-        const {
-            prefix,
-            rtl,
-            className,
-            expandTriggerType,
-            multiple,
-            dataSource,
-            checkStrictly,
-            canOnlyCheckLeaf,
-            searchValue,
-        } = this.props;
-        const others = pickOthers(Object.keys(Cascader.propTypes), this.props);
-        const { value } = this.state;
-
-        if (rtl) {
-            others.dir = 'rtl';
-        }
-
-        const props = {
-            className: cx({
-                [`${prefix}cascader`]: true,
-                multiple,
-                [className]: !!className,
-            }),
-            ref: 'cascader',
-            ...others,
-        };
-        if (expandTriggerType === 'hover') {
-            props.onMouseLeave = this.handleMouseLeave;
-        }
-
-        if (multiple && !checkStrictly && !canOnlyCheckLeaf) {
-            this.indeterminate = this.getIndeterminate(value);
-        }
-
-        return (
-            <div {...props} ref={this.getCascaderNode}>
-                {!searchValue ? (
-                    <div className={`${prefix}cascader-inner`}>
-                        {dataSource && dataSource.length
-                            ? this.renderMenus()
-                            : null}
-                    </div>
-                ) : (
-                    this.renderFilteredList()
-                )}
-            </div>
-        );
+    const props = {
+      className: cx({
+        [`${prefix}cascader`]: true,
+        multiple,
+        [className]: !!className,
+      }),
+      ref: 'cascader',
+      ...others,
+    };
+    if (expandTriggerType === 'hover') {
+      props.onMouseLeave = this.handleMouseLeave;
     }
+
+    if (multiple && !checkStrictly && !canOnlyCheckLeaf) {
+      this.indeterminate = this.getIndeterminate(value);
+    }
+
+    return (
+      <div {...props} ref={this.getCascaderNode}>
+        {!searchValue ? (
+          <div className={`${prefix}cascader-inner`}>
+            {dataSource && dataSource.length
+              ? this.renderMenus()
+              : null}
+          </div>
+        ) : (
+          this.renderFilteredList()
+        )}
+      </div>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/cascader/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/cascader/index.jsx
index 436628e13..484575d7c 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/cascader/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/cascader/index.jsx
@@ -2,25 +2,25 @@ import ConfigProvider from '../config-provider';
 import Cascader from './cascader';
 
 export default ConfigProvider.config(Cascader, {
-    transform: /* istanbul ignore next */ (props, deprecated) => {
-        if ('expandTrigger' in props) {
-            deprecated('expandTrigger', 'expandTriggerType', 'Cascader');
-            const { expandTrigger, ...others } = props;
-            props = { expandTriggerType: expandTrigger, ...others };
-        }
+  transform: /* istanbul ignore next */ (props, deprecated) => {
+    if ('expandTrigger' in props) {
+      deprecated('expandTrigger', 'expandTriggerType', 'Cascader');
+      const { expandTrigger, ...others } = props;
+      props = { expandTriggerType: expandTrigger, ...others };
+    }
 
-        if ('showItemCount' in props) {
-            deprecated(
-                'showItemCount',
-                'listStyle | listClassName',
-                'Cascader'
-            );
-        }
-        if ('labelWidth' in props) {
-            deprecated('labelWidth', 'listStyle | listClassName', 'Cascader');
-        }
+    if ('showItemCount' in props) {
+      deprecated(
+        'showItemCount',
+        'listStyle | listClassName',
+        'Cascader',
+      );
+    }
+    if ('labelWidth' in props) {
+      deprecated('labelWidth', 'listStyle | listClassName', 'Cascader');
+    }
 
-        return props;
-    },
-    exportNames: ['setFocusValue'],
+    return props;
+  },
+  exportNames: ['setFocusValue'],
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/cascader/item.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/cascader/item.jsx
index 47acfcd8e..3e8838fd8 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/cascader/item.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/cascader/item.jsx
@@ -9,166 +9,166 @@ const { bindCtx } = func;
 const { pickOthers } = obj;
 
 export default class CascaderMenuItem extends Component {
-    static menuChildType = 'item';
+  static menuChildType = 'item';
 
-    static propTypes = {
-        prefix: PropTypes.string,
-        className: PropTypes.string,
-        disabled: PropTypes.bool,
-        selected: PropTypes.bool,
-        onSelect: PropTypes.func,
-        expanded: PropTypes.bool,
-        canExpand: PropTypes.bool,
-        menu: PropTypes.any,
-        expandTriggerType: PropTypes.oneOf(['click', 'hover']),
-        onExpand: PropTypes.func,
-        onFold: PropTypes.func,
-        checkable: PropTypes.bool,
-        checked: PropTypes.bool,
-        indeterminate: PropTypes.bool,
-        checkboxDisabled: PropTypes.bool,
-        onCheck: PropTypes.func,
-        children: PropTypes.node,
+  static propTypes = {
+    prefix: PropTypes.string,
+    className: PropTypes.string,
+    disabled: PropTypes.bool,
+    selected: PropTypes.bool,
+    onSelect: PropTypes.func,
+    expanded: PropTypes.bool,
+    canExpand: PropTypes.bool,
+    menu: PropTypes.any,
+    expandTriggerType: PropTypes.oneOf(['click', 'hover']),
+    onExpand: PropTypes.func,
+    onFold: PropTypes.func,
+    checkable: PropTypes.bool,
+    checked: PropTypes.bool,
+    indeterminate: PropTypes.bool,
+    checkboxDisabled: PropTypes.bool,
+    onCheck: PropTypes.func,
+    children: PropTypes.node,
+  };
+
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      loading: false,
     };
 
-    constructor(props) {
-        super(props);
+    bindCtx(this, [
+      'handleExpand',
+      'handleClick',
+      'handleMouseEnter',
+      'handleKeyDown',
+      'removeLoading',
+    ]);
+  }
 
-        this.state = {
-            loading: false,
-        };
+  addLoading() {
+    this.setState({
+      loading: true,
+    });
+  }
 
-        bindCtx(this, [
-            'handleExpand',
-            'handleClick',
-            'handleMouseEnter',
-            'handleKeyDown',
-            'removeLoading',
-        ]);
+  removeLoading() {
+    this.setState({
+      loading: false,
+    });
+  }
+
+  setLoadingIfNeed(p) {
+    if (p && typeof p.then === 'function') {
+      this.addLoading();
+      p.then(this.removeLoading).catch(this.removeLoading);
     }
+  }
 
-    addLoading() {
-        this.setState({
-            loading: true,
-        });
-    }
+  handleExpand(focusedFirstChild) {
+    this.setLoadingIfNeed(this.props.onExpand(focusedFirstChild));
+  }
 
-    removeLoading() {
-        this.setState({
-            loading: false,
-        });
-    }
+  handleClick() {
+    this.handleExpand(false);
+  }
 
-    setLoadingIfNeed(p) {
-        if (p && typeof p.then === 'function') {
-            this.addLoading();
-            p.then(this.removeLoading).catch(this.removeLoading);
+  handleMouseEnter() {
+    this.handleExpand(false);
+  }
+
+  handleKeyDown(e) {
+    if (!this.props.disabled) {
+      if (e.keyCode === KEYCODE.RIGHT || e.keyCode === KEYCODE.ENTER) {
+        if (this.props.canExpand) {
+          this.handleExpand(true);
         }
-    }
-
-    handleExpand(focusedFirstChild) {
-        this.setLoadingIfNeed(this.props.onExpand(focusedFirstChild));
-    }
-
-    handleClick() {
-        this.handleExpand(false);
-    }
-
-    handleMouseEnter() {
-        this.handleExpand(false);
-    }
-
-    handleKeyDown(e) {
-        if (!this.props.disabled) {
-            if (e.keyCode === KEYCODE.RIGHT || e.keyCode === KEYCODE.ENTER) {
-                if (this.props.canExpand) {
-                    this.handleExpand(true);
-                }
-            } else if (
-                e.keyCode === KEYCODE.LEFT ||
+      } else if (
+        e.keyCode === KEYCODE.LEFT ||
                 e.keyCode === KEYCODE.ESC
-            ) {
-                this.props.onFold();
-            } else if (e.keyCode === KEYCODE.SPACE) {
-                this.handleExpand(false);
-            }
-        }
+      ) {
+        this.props.onFold();
+      } else if (e.keyCode === KEYCODE.SPACE) {
+        this.handleExpand(false);
+      }
+    }
+  }
+
+  render() {
+    const {
+      prefix,
+      className,
+      menu,
+      disabled,
+      selected,
+      onSelect,
+      expanded,
+      canExpand,
+      expandTriggerType,
+      checkable,
+      checked,
+      indeterminate,
+      checkboxDisabled,
+      onCheck,
+      children,
+    } = this.props;
+    const others = pickOthers(
+      Object.keys(CascaderMenuItem.propTypes),
+      this.props,
+    );
+    const { loading } = this.state;
+
+    const itemProps = {
+      className: cx({
+        [`${prefix}cascader-menu-item`]: true,
+        [`${prefix}expanded`]: expanded,
+        [className]: !!className,
+      }),
+      disabled,
+      menu,
+      onKeyDown: this.handleKeyDown,
+      role: 'option',
+      ...others,
+    };
+    if (!disabled) {
+      if (expandTriggerType === 'hover') {
+        itemProps.onMouseEnter = this.handleMouseEnter;
+      } else {
+        itemProps.onClick = this.handleClick;
+      }
     }
 
-    render() {
-        const {
-            prefix,
-            className,
-            menu,
-            disabled,
-            selected,
-            onSelect,
-            expanded,
-            canExpand,
-            expandTriggerType,
-            checkable,
-            checked,
-            indeterminate,
-            checkboxDisabled,
-            onCheck,
-            children,
-        } = this.props;
-        const others = pickOthers(
-            Object.keys(CascaderMenuItem.propTypes),
-            this.props
-        );
-        const { loading } = this.state;
-
-        const itemProps = {
-            className: cx({
-                [`${prefix}cascader-menu-item`]: true,
-                [`${prefix}expanded`]: expanded,
-                [className]: !!className,
-            }),
-            disabled,
-            menu,
-            onKeyDown: this.handleKeyDown,
-            role: 'option',
-            ...others,
-        };
-        if (!disabled) {
-            if (expandTriggerType === 'hover') {
-                itemProps.onMouseEnter = this.handleMouseEnter;
-            } else {
-                itemProps.onClick = this.handleClick;
-            }
-        }
-
-        let Item;
-        if (checkable) {
-            Item = Menu.CheckboxItem;
-            itemProps.checked = checked;
-            itemProps.indeterminate = indeterminate;
-            itemProps.checkboxDisabled = checkboxDisabled;
-            itemProps.onChange = onCheck;
-        } else {
-            Item = Menu.Item;
-            itemProps.selected = selected;
-            itemProps.onSelect = onSelect;
-        }
-
-        return (
-            <Item {...itemProps}>
-                {children}
-                {canExpand ? (
-                    loading ? (
-                        <Icon
-                            className={`${prefix}cascader-menu-icon-right ${prefix}cascader-menu-icon-loading`}
-                            type="loading"
-                        />
-                    ) : (
-                        <Icon
-                            className={`${prefix}cascader-menu-icon-right ${prefix}cascader-menu-icon-expand`}
-                            type="arrow-right"
-                        />
-                    )
-                ) : null}
-            </Item>
-        );
+    let Item;
+    if (checkable) {
+      Item = Menu.CheckboxItem;
+      itemProps.checked = checked;
+      itemProps.indeterminate = indeterminate;
+      itemProps.checkboxDisabled = checkboxDisabled;
+      itemProps.onChange = onCheck;
+    } else {
+      Item = Menu.Item;
+      itemProps.selected = selected;
+      itemProps.onSelect = onSelect;
     }
+
+    return (
+      <Item {...itemProps}>
+        {children}
+        {canExpand ? (
+          loading ? (
+            <Icon
+              className={`${prefix}cascader-menu-icon-right ${prefix}cascader-menu-icon-loading`}
+              type="loading"
+            />
+          ) : (
+            <Icon
+              className={`${prefix}cascader-menu-icon-right ${prefix}cascader-menu-icon-expand`}
+              type="arrow-right"
+            />
+          )
+        ) : null}
+      </Item>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/cascader/menu.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/cascader/menu.jsx
index 40091f9eb..a1ad24dd8 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/cascader/menu.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/cascader/menu.jsx
@@ -5,107 +5,105 @@ import Menu from '../menu';
 import VirtualList from '../virtual-list';
 
 export default class CascaderMenu extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        className: PropTypes.string,
-        useVirtual: PropTypes.bool,
-        children: PropTypes.node,
-    };
+  static propTypes = {
+    prefix: PropTypes.string,
+    className: PropTypes.string,
+    useVirtual: PropTypes.bool,
+    children: PropTypes.node,
+  };
 
-    componentDidMount() {
-        this.scrollToSelectedItem();
+  componentDidMount() {
+    this.scrollToSelectedItem();
+  }
+
+  scrollToSelectedItem() {
+    const { prefix, useVirtual, children } = this.props;
+    if (!children || children.length === 0) {
+      return;
+    }
+    const selectedIndex = children.findIndex(
+      item => !!item.props.checked ||
+                !!item.props.selected ||
+                !!item.props.expanded,
+    );
+
+    if (selectedIndex === -1) {
+      return;
     }
 
-    scrollToSelectedItem() {
-        const { prefix, useVirtual, children } = this.props;
-        if (!children || children.length === 0) {
-            return;
-        }
-        const selectedIndex = children.findIndex(
-            item =>
-                !!item.props.checked ||
-                !!item.props.selected ||
-                !!item.props.expanded
-        );
-
-        if (selectedIndex === -1) {
-            return;
-        }
-
-        if (useVirtual) {
-            const instance = this.refs.virtual.getInstance();
-            setTimeout(() => instance.scrollTo(selectedIndex), 0);
-        } else {
-            const itemSelector = `.${prefix}menu-item`;
-            const menu = findDOMNode(this.refs.menu);
-            const targetItem = menu.querySelectorAll(itemSelector)[
-                selectedIndex
-            ];
-            if (targetItem) {
-                menu.scrollTop =
+    if (useVirtual) {
+      const instance = this.refs.virtual.getInstance();
+      setTimeout(() => instance.scrollTo(selectedIndex), 0);
+    } else {
+      const itemSelector = `.${prefix}menu-item`;
+      const menu = findDOMNode(this.refs.menu);
+      const targetItem = menu.querySelectorAll(itemSelector)[
+        selectedIndex
+      ];
+      if (targetItem) {
+        menu.scrollTop =
                     targetItem.offsetTop -
                     Math.floor(
-                        (menu.clientHeight / targetItem.clientHeight - 1) / 2
+                      (menu.clientHeight / targetItem.clientHeight - 1) / 2,
                     ) *
                         targetItem.clientHeight;
-            }
-        }
+      }
     }
+  }
 
-    renderMenu(items, ref, props) {
-        return (
-            <Menu ref={ref} role="listbox" {...props}>
-                {items.map(node => {
-                    if (
-                        React.isValidElement(node) &&
+  renderMenu(items, ref, props) {
+    return (
+      <Menu ref={ref} role="listbox" {...props}>
+        {items.map(node => {
+          if (
+            React.isValidElement(node) &&
                         node.type.menuChildType === 'item'
-                    ) {
-                        return React.cloneElement(node, {
-                            menu: this,
-                        });
-                    }
+          ) {
+            return React.cloneElement(node, {
+              menu: this,
+            });
+          }
 
-                    return node;
-                })}
-            </Menu>
-        );
-    }
+          return node;
+        })}
+      </Menu>
+    );
+  }
 
-    render() {
-        const {
-            prefix,
-            useVirtual,
-            className,
-            style,
-            children,
-            ...others
-        } = this.props;
-        const menuProps = {
-            labelToggleChecked: false,
-            className: `${prefix}cascader-menu`,
-            ...others,
-        };
-        return (
-            <div
-                ref="menu"
-                className={`${prefix}cascader-menu-wrapper ${
-                    className ? className : ''
-                }`}
-                style={style}
-            >
-                {useVirtual ? (
-                    <VirtualList
-                        ref="virtual"
-                        itemsRenderer={(items, ref) =>
-                            this.renderMenu(items, ref, menuProps)
+  render() {
+    const {
+      prefix,
+      useVirtual,
+      className,
+      style,
+      children,
+      ...others
+    } = this.props;
+    const menuProps = {
+      labelToggleChecked: false,
+      className: `${prefix}cascader-menu`,
+      ...others,
+    };
+    return (
+      <div
+        ref="menu"
+        className={`${prefix}cascader-menu-wrapper ${
+          className || ''
+        }`}
+        style={style}
+      >
+        {useVirtual ? (
+          <VirtualList
+            ref="virtual"
+            itemsRenderer={(items, ref) => this.renderMenu(items, ref, menuProps)
                         }
-                    >
-                        {children}
-                    </VirtualList>
-                ) : (
-                    this.renderMenu(children, undefined, menuProps)
-                )}
-            </div>
-        );
-    }
+          >
+            {children}
+          </VirtualList>
+        ) : (
+          this.renderMenu(children, undefined, menuProps)
+        )}
+      </div>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/cascader/utils.js b/packages/material-parser/test/fixtures/fusion-next-component/src/cascader/utils.js
index 70a72fda7..a822810e3 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/cascader/utils.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/cascader/utils.js
@@ -1,14 +1,14 @@
 /* eslint-disable valid-jsdoc */
 export function normalizeToArray(values) {
-    if (values !== undefined && values !== null) {
-        if (Array.isArray(values)) {
-            return [...values];
-        }
-
-        return [values];
+  if (values !== undefined && values !== null) {
+    if (Array.isArray(values)) {
+      return [...values];
     }
 
-    return [];
+    return [values];
+  }
+
+  return [];
 }
 
 /**
@@ -17,16 +17,16 @@ export function normalizeToArray(values) {
  * @param {Array} checkedValues
  */
 export function isNodeChecked(node, checkedValues) {
-    if (node.disabled || node.checkboxDisabled) return true;
-    /* istanbul ignore next */
-    if (node.checkable === false) {
-        return (
-            !node.children ||
+  if (node.disabled || node.checkboxDisabled) return true;
+  /* istanbul ignore next */
+  if (node.checkable === false) {
+    return (
+      !node.children ||
             node.children.length === 0 ||
             node.children.every(c => isNodeChecked(c, checkedValues))
-        );
-    }
-    return checkedValues.indexOf(node.value) > -1;
+    );
+  }
+  return checkedValues.indexOf(node.value) > -1;
 }
 
 /**
@@ -35,12 +35,12 @@ export function isNodeChecked(node, checkedValues) {
  * @param {Function} callback
  */
 export function forEachEnableNode(node, callback = () => {}) {
-    if (node.disabled || node.checkboxDisabled) return;
-    // eslint-disable-next-line callback-return
-    callback(node);
-    if (node.children && node.children.length > 0) {
-        node.children.forEach(child => forEachEnableNode(child, callback));
-    }
+  if (node.disabled || node.checkboxDisabled) return;
+  // eslint-disable-next-line callback-return
+  callback(node);
+  if (node.children && node.children.length > 0) {
+    node.children.forEach(child => forEachEnableNode(child, callback));
+  }
 }
 /**
  * 判断节点是否禁用checked
@@ -48,17 +48,17 @@ export function forEachEnableNode(node, callback = () => {}) {
  * @returns {Boolean}
  */
 export function isNodeDisabledChecked(node) {
-    if (node.disabled || node.checkboxDisabled) return true;
-    /* istanbul ignore next */
-    if (node.checkable === false) {
-        return (
-            !node.children ||
+  if (node.disabled || node.checkboxDisabled) return true;
+  /* istanbul ignore next */
+  if (node.checkable === false) {
+    return (
+      !node.children ||
             node.children.length === 0 ||
             node.children.every(isNodeDisabledChecked)
-        );
-    }
+    );
+  }
 
-    return false;
+  return false;
 }
 
 /**
@@ -68,18 +68,18 @@ export function isNodeDisabledChecked(node) {
  * @return {Node}
  */
 export function getCheckableParentNode(node, _p2n) {
-    let parentPos = node.pos.split(['-']);
-    if (parentPos.length === 2) return node;
-    parentPos.splice(parentPos.length - 1, 1);
-    parentPos = parentPos.join('-');
-    const parentNode = _p2n[parentPos];
-    if (parentNode.disabled || parentNode.checkboxDisabled) return false;
-    /* istanbul ignore next */
-    if (parentNode.checkable === false) {
-        return getCheckableParentNode(parentNode, _p2n);
-    }
+  let parentPos = node.pos.split(['-']);
+  if (parentPos.length === 2) return node;
+  parentPos.splice(parentPos.length - 1, 1);
+  parentPos = parentPos.join('-');
+  const parentNode = _p2n[parentPos];
+  if (parentNode.disabled || parentNode.checkboxDisabled) return false;
+  /* istanbul ignore next */
+  if (parentNode.checkable === false) {
+    return getCheckableParentNode(parentNode, _p2n);
+  }
 
-    return parentNode;
+  return parentNode;
 }
 /**
  * 过滤子节点
@@ -87,129 +87,126 @@ export function getCheckableParentNode(node, _p2n) {
  * @param {Object} _v2n
  */
 export function filterChildValue(values, _v2n, _p2n) {
-    const newValues = [];
-    values.forEach(value => {
-        const node = getCheckableParentNode(_v2n[value], _p2n);
-        if (
-            !node ||
+  const newValues = [];
+  values.forEach(value => {
+    const node = getCheckableParentNode(_v2n[value], _p2n);
+    if (
+      !node ||
             node.checkable === false ||
             node === _v2n[value] ||
             values.indexOf(node.value) === -1
-        ) {
-            newValues.push(value);
-        }
-    });
-    return newValues;
+    ) {
+      newValues.push(value);
+    }
+  });
+  return newValues;
 }
 
 export function filterParentValue(values, _v2n) {
-    const newValues = [];
+  const newValues = [];
 
-    for (let i = 0; i < values.length; i++) {
-        const node = _v2n[values[i]];
-        if (
-            !node.children ||
+  for (let i = 0; i < values.length; i++) {
+    const node = _v2n[values[i]];
+    if (
+      !node.children ||
             node.children.length === 0 ||
             node.children.every(isNodeDisabledChecked)
-        ) {
-            newValues.push(values[i]);
-        }
+    ) {
+      newValues.push(values[i]);
     }
+  }
 
-    return newValues;
+  return newValues;
 }
 
 export function isDescendantOrSelf(currentPos, targetPos) {
-    if (!currentPos || !targetPos) {
-        return false;
-    }
+  if (!currentPos || !targetPos) {
+    return false;
+  }
 
-    const currentNums = currentPos.split('-');
-    const targetNums = targetPos.split('-');
+  const currentNums = currentPos.split('-');
+  const targetNums = targetPos.split('-');
 
-    return (
-        currentNums.length <= targetNums.length &&
+  return (
+    currentNums.length <= targetNums.length &&
         currentNums.every((num, index) => {
-            return num === targetNums[index];
+          return num === targetNums[index];
         })
-    );
+  );
 }
 
 export function isSiblingOrSelf(currentPos, targetPos) {
-    const currentNums = currentPos.split('-').slice(0, -1);
-    const targetNums = targetPos.split('-').slice(0, -1);
+  const currentNums = currentPos.split('-').slice(0, -1);
+  const targetNums = targetPos.split('-').slice(0, -1);
 
-    return (
-        currentNums.length === targetNums.length &&
+  return (
+    currentNums.length === targetNums.length &&
         currentNums.every((num, index) => {
-            return num === targetNums[index];
+          return num === targetNums[index];
         })
-    );
+  );
 }
 
 // eslint-disable-next-line max-statements
 export function getAllCheckedValues(checkedValues, _v2n, _p2n) {
-    checkedValues = normalizeToArray(checkedValues);
-    const filteredValues = checkedValues.filter(value => !!_v2n[value]);
-    const flatValues = [
-        ...filterChildValue(filteredValues, _v2n, _p2n),
-        ...filteredValues.filter(
-            value => _v2n[value].disabled || _v2n[value].checkboxDisabled
-        ),
-    ];
-    const removeValue = child => {
-        if (child.disabled || child.checkboxDisabled) return;
-        if (
-            child.checkable === false &&
+  checkedValues = normalizeToArray(checkedValues);
+  const filteredValues = checkedValues.filter(value => !!_v2n[value]);
+  const flatValues = [
+    ...filterChildValue(filteredValues, _v2n, _p2n),
+    ...filteredValues.filter(
+      value => _v2n[value].disabled || _v2n[value].checkboxDisabled,
+    ),
+  ];
+  const removeValue = child => {
+    if (child.disabled || child.checkboxDisabled) return;
+    if (
+      child.checkable === false &&
             child.children &&
             child.children.length > 0
-        ) {
-            return child.children.forEach(removeValue);
-        }
-        flatValues.splice(flatValues.indexOf(child.value), 1);
-    };
+    ) {
+      return child.children.forEach(removeValue);
+    }
+    flatValues.splice(flatValues.indexOf(child.value), 1);
+  };
 
-    const addParentValue = (i, parent) => flatValues.splice(i, 0, parent.value);
+  const addParentValue = (i, parent) => flatValues.splice(i, 0, parent.value);
 
-    const values = [...flatValues];
-    for (let i = 0; i < values.length; i++) {
-        const pos = _v2n[values[i]].pos;
-        const nums = pos.split('-');
-        if (nums.length === 2) {
-            break;
-        }
-        for (let j = nums.length - 2; j > 0; j--) {
-            const parentPos = nums.slice(0, j + 1).join('-');
-            const parent = _p2n[parentPos];
-            if (
-                parent.checkable === false ||
+  const values = [...flatValues];
+  for (let i = 0; i < values.length; i++) {
+    const { pos } = _v2n[values[i]];
+    const nums = pos.split('-');
+    if (nums.length === 2) {
+      break;
+    }
+    for (let j = nums.length - 2; j > 0; j--) {
+      const parentPos = nums.slice(0, j + 1).join('-');
+      const parent = _p2n[parentPos];
+      if (
+        parent.checkable === false ||
                 parent.disabled ||
                 parent.checkboxDisabled
-            )
-                continue;
-            const parentChecked = parent.children.every(child =>
-                isNodeChecked(child, flatValues)
-            );
-            if (parentChecked) {
-                parent.children.forEach(removeValue);
-                addParentValue(i, parent);
-            } else {
-                break;
-            }
-        }
+      ) continue;
+      const parentChecked = parent.children.every(child => isNodeChecked(child, flatValues));
+      if (parentChecked) {
+        parent.children.forEach(removeValue);
+        addParentValue(i, parent);
+      } else {
+        break;
+      }
     }
+  }
 
-    const newValues = [];
-    flatValues.forEach(value => {
-        if (_v2n[value].disabled || _v2n[value].checkboxDisabled) {
-            newValues.push(value);
-            return;
-        }
-        forEachEnableNode(_v2n[value], node => {
-            if (node.checkable === false) return;
-            newValues.push(node.value);
-        });
+  const newValues = [];
+  flatValues.forEach(value => {
+    if (_v2n[value].disabled || _v2n[value].checkboxDisabled) {
+      newValues.push(value);
+      return;
+    }
+    forEachEnableNode(_v2n[value], node => {
+      if (node.checkable === false) return;
+      newValues.push(node.value);
     });
+  });
 
-    return newValues;
+  return newValues;
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/checkbox/checkbox-group.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/checkbox/checkbox-group.jsx
index 1d9ff8095..7824699bc 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/checkbox/checkbox-group.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/checkbox/checkbox-group.jsx
@@ -9,267 +9,267 @@ const { pickOthers } = obj;
 
 /** Checkbox.Group */
 class CheckboxGroup extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        rtl: PropTypes.bool,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    rtl: PropTypes.bool,
+    /**
          * 自定义类名
          */
-        className: PropTypes.string,
-        /**
+    className: PropTypes.string,
+    /**
          * 自定义内敛样式
          */
-        style: PropTypes.object,
-        /**
+    style: PropTypes.object,
+    /**
          * 整体禁用
          */
-        disabled: PropTypes.bool,
-        /**
+    disabled: PropTypes.bool,
+    /**
          * 可选项列表, 数据项可为 String 或者 Object, 如 `['apple', 'pear', 'orange']` 或者 `[{value: 'apple', label: '苹果',}, {value: 'pear', label: '梨'}, {value: 'orange', label: '橙子'}]`
          */
-        dataSource: PropTypes.oneOfType([
-            PropTypes.arrayOf(PropTypes.string),
-            PropTypes.arrayOf(PropTypes.object),
-        ]),
-        /**
+    dataSource: PropTypes.oneOfType([
+      PropTypes.arrayOf(PropTypes.string),
+      PropTypes.arrayOf(PropTypes.object),
+    ]),
+    /**
          * 被选中的值列表
          */
-        value: PropTypes.oneOfType([
-            PropTypes.array,
-            PropTypes.string,
-            PropTypes.number,
-        ]),
-        /**
+    value: PropTypes.oneOfType([
+      PropTypes.array,
+      PropTypes.string,
+      PropTypes.number,
+    ]),
+    /**
          * 默认被选中的值列表
          */
-        defaultValue: PropTypes.oneOfType([
-            PropTypes.array,
-            PropTypes.string,
-            PropTypes.number,
-        ]),
-        /**
+    defaultValue: PropTypes.oneOfType([
+      PropTypes.array,
+      PropTypes.string,
+      PropTypes.number,
+    ]),
+    /**
          * 通过子元素方式设置内部 checkbox
          */
-        children: PropTypes.arrayOf(PropTypes.element),
-        /**
+    children: PropTypes.arrayOf(PropTypes.element),
+    /**
          * 选中值改变时的事件
          * @param {Array} value 选中项列表
          * @param {Event} e Dom 事件对象
          */
-        onChange: PropTypes.func,
+    onChange: PropTypes.func,
 
-        /**
+    /**
          * 子项目的排列方式
          * - hoz: 水平排列 (default)
          * - ver: 垂直排列
          */
-        itemDirection: PropTypes.oneOf(['hoz', 'ver']),
-        /**
+    itemDirection: PropTypes.oneOf(['hoz', 'ver']),
+    /**
          * 是否为预览态
          */
-        isPreview: PropTypes.bool,
-        /**
+    isPreview: PropTypes.bool,
+    /**
          * 预览态模式下渲染的内容
          * @param {number} value 评分值
          */
-        renderPreview: PropTypes.func,
+    renderPreview: PropTypes.func,
+  };
+
+  static defaultProps = {
+    dataSource: [],
+    onChange: () => {},
+    prefix: 'next-',
+    itemDirection: 'hoz',
+    isPreview: false,
+  };
+
+  static childContextTypes = {
+    onChange: PropTypes.func,
+    __group__: PropTypes.bool,
+    selectedValue: PropTypes.array,
+    disabled: PropTypes.bool,
+  };
+
+  constructor(props) {
+    super(props);
+
+    let value = [];
+    if ('value' in props) {
+      value = props.value;
+    } else if ('defaultValue' in props) {
+      value = props.defaultValue;
+    }
+    if (!Array.isArray(value)) {
+      if (value === null || value === undefined) {
+        value = [];
+      } else {
+        value = [value];
+      }
+    }
+    this.state = {
+      value: [...value],
     };
 
-    static defaultProps = {
-        dataSource: [],
-        onChange: () => {},
-        prefix: 'next-',
-        itemDirection: 'hoz',
-        isPreview: false,
+    this.onChange = this.onChange.bind(this);
+  }
+
+  getChildContext() {
+    return {
+      __group__: true,
+      onChange: this.onChange,
+      selectedValue: this.state.value,
+      disabled: this.props.disabled,
     };
+  }
 
-    static childContextTypes = {
-        onChange: PropTypes.func,
-        __group__: PropTypes.bool,
-        selectedValue: PropTypes.array,
-        disabled: PropTypes.bool,
-    };
-
-    constructor(props) {
-        super(props);
-
-        let value = [];
-        if ('value' in props) {
-            value = props.value;
-        } else if ('defaultValue' in props) {
-            value = props.defaultValue;
-        }
-        if (!Array.isArray(value)) {
-            if (value === null || value === undefined) {
-                value = [];
-            } else {
-                value = [value];
-            }
-        }
-        this.state = {
-            value: [...value],
-        };
-
-        this.onChange = this.onChange.bind(this);
-    }
-
-    getChildContext() {
-        return {
-            __group__: true,
-            onChange: this.onChange,
-            selectedValue: this.state.value,
-            disabled: this.props.disabled,
-        };
-    }
-
-    componentWillReceiveProps(nextProps) {
-        if ('value' in nextProps) {
-            let { value } = nextProps;
-            if (!Array.isArray(value)) {
-                if (value === null || value === undefined) {
-                    value = [];
-                } else {
-                    value = [value];
-                }
-            }
-            this.setState({
-                value,
-            });
-        }
-    }
-
-    onChange(currentValue, e) {
-        const { value } = this.state;
-        const index = value.indexOf(currentValue);
-        const valTemp = [...value];
-
-        if (index === -1) {
-            valTemp.push(currentValue);
+  componentWillReceiveProps(nextProps) {
+    if ('value' in nextProps) {
+      let { value } = nextProps;
+      if (!Array.isArray(value)) {
+        if (value === null || value === undefined) {
+          value = [];
         } else {
-            valTemp.splice(index, 1);
+          value = [value];
         }
+      }
+      this.setState({
+        value,
+      });
+    }
+  }
 
-        if (!('value' in this.props)) {
-            this.setState({ value: valTemp });
-        }
-        this.props.onChange(valTemp, e);
+  onChange(currentValue, e) {
+    const { value } = this.state;
+    const index = value.indexOf(currentValue);
+    const valTemp = [...value];
+
+    if (index === -1) {
+      valTemp.push(currentValue);
+    } else {
+      valTemp.splice(index, 1);
     }
 
-    render() {
-        const {
-            className,
-            style,
-            prefix,
-            disabled,
-            itemDirection,
-            rtl,
-            isPreview,
-            renderPreview,
-        } = this.props;
-        const others = pickOthers(CheckboxGroup.propTypes, this.props);
+    if (!('value' in this.props)) {
+      this.setState({ value: valTemp });
+    }
+    this.props.onChange(valTemp, e);
+  }
 
-        // 如果内嵌标签跟dataSource同时存在，以内嵌标签为主
-        let children;
-        const previewed = [];
-        if (this.props.children) {
-            children = React.Children.map(this.props.children, child => {
-                if (!React.isValidElement(child)) {
-                    return child;
-                }
-                const checked =
+  render() {
+    const {
+      className,
+      style,
+      prefix,
+      disabled,
+      itemDirection,
+      rtl,
+      isPreview,
+      renderPreview,
+    } = this.props;
+    const others = pickOthers(CheckboxGroup.propTypes, this.props);
+
+    // 如果内嵌标签跟dataSource同时存在，以内嵌标签为主
+    let children;
+    const previewed = [];
+    if (this.props.children) {
+      children = React.Children.map(this.props.children, child => {
+        if (!React.isValidElement(child)) {
+          return child;
+        }
+        const checked =
                     this.state.value &&
                     this.state.value.indexOf(child.props.value) > -1;
 
-                if (checked) {
-                    previewed.push({
-                        label: child.props.children,
-                        value: child.props.value,
-                    });
-                }
+        if (checked) {
+          previewed.push({
+            label: child.props.children,
+            value: child.props.value,
+          });
+        }
 
-                return React.cloneElement(
-                    child,
-                    child.props.rtl === undefined ? { rtl } : null
-                );
-            });
-        } else {
-            children = this.props.dataSource.map((item, index) => {
-                let option = item;
-                if (typeof item !== 'object') {
-                    option = {
-                        label: item,
-                        value: item,
-                        disabled,
-                    };
-                }
-                const checked =
+        return React.cloneElement(
+          child,
+          child.props.rtl === undefined ? { rtl } : null,
+        );
+      });
+    } else {
+      children = this.props.dataSource.map((item, index) => {
+        let option = item;
+        if (typeof item !== 'object') {
+          option = {
+            label: item,
+            value: item,
+            disabled,
+          };
+        }
+        const checked =
                     this.state.value &&
                     this.state.value.indexOf(option.value) > -1;
 
-                if (checked) {
-                    previewed.push({
-                        label: option.label,
-                        value: option.value,
-                    });
-                }
-
-                return (
-                    <Checkbox
-                        key={index}
-                        value={option.value}
-                        checked={checked}
-                        rtl={rtl}
-                        disabled={disabled || option.disabled}
-                        label={option.label}
-                    />
-                );
-            });
+        if (checked) {
+          previewed.push({
+            label: option.label,
+            value: option.value,
+          });
         }
 
-        if (isPreview) {
-            const previewCls = classnames(className, `${prefix}form-preview`);
-
-            if ('renderPreview' in this.props) {
-                return (
-                    <div
-                        {...others}
-                        dir={rtl ? 'rtl' : undefined}
-                        className={previewCls}
-                    >
-                        {renderPreview(previewed, this.props)}
-                    </div>
-                );
-            }
-
-            return (
-                <p
-                    {...others}
-                    dir={rtl ? 'rtl' : undefined}
-                    className={previewCls}
-                >
-                    {previewed.map(item => item.label).join(', ')}
-                </p>
-            );
-        }
-
-        const cls = classnames({
-            [`${prefix}checkbox-group`]: true,
-            [`${prefix}checkbox-group-${itemDirection}`]: true,
-            [className]: !!className,
-            disabled,
-        });
-
         return (
-            <span
-                dir={rtl ? 'rtl' : undefined}
-                {...others}
-                className={cls}
-                style={style}
-            >
-                {children}
-            </span>
+          <Checkbox
+            key={index}
+            value={option.value}
+            checked={checked}
+            rtl={rtl}
+            disabled={disabled || option.disabled}
+            label={option.label}
+          />
         );
+      });
     }
+
+    if (isPreview) {
+      const previewCls = classnames(className, `${prefix}form-preview`);
+
+      if ('renderPreview' in this.props) {
+        return (
+          <div
+            {...others}
+            dir={rtl ? 'rtl' : undefined}
+            className={previewCls}
+          >
+            {renderPreview(previewed, this.props)}
+          </div>
+        );
+      }
+
+      return (
+        <p
+          {...others}
+          dir={rtl ? 'rtl' : undefined}
+          className={previewCls}
+        >
+          {previewed.map(item => item.label).join(', ')}
+        </p>
+      );
+    }
+
+    const cls = classnames({
+      [`${prefix}checkbox-group`]: true,
+      [`${prefix}checkbox-group-${itemDirection}`]: true,
+      [className]: !!className,
+      disabled,
+    });
+
+    return (
+      <span
+        dir={rtl ? 'rtl' : undefined}
+        {...others}
+        className={cls}
+        style={style}
+      >
+        {children}
+      </span>
+    );
+  }
 }
 
 export default ConfigProvider.config(CheckboxGroup);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/checkbox/checkbox.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/checkbox/checkbox.jsx
index bd38c5bc5..493cdf43b 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/checkbox/checkbox.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/checkbox/checkbox.jsx
@@ -6,316 +6,317 @@ import ConfigProvider from '../config-provider';
 import Icon from '../icon';
 import { obj, func } from '../util';
 
-const noop = func.noop;
+const { noop } = func;
 function isChecked(selectedValue, value) {
-    return selectedValue.indexOf(value) > -1;
+  return selectedValue.indexOf(value) > -1;
 }
 /**
  * Checkbox
  * @order 1
  */
 class Checkbox extends UIState {
-    static displayName = 'Checkbox';
-    static propTypes = {
-        ...ConfigProvider.propTypes,
-        prefix: PropTypes.string,
-        rtl: PropTypes.bool,
-        /**
+  static displayName = 'Checkbox';
+
+  static propTypes = {
+    ...ConfigProvider.propTypes,
+    prefix: PropTypes.string,
+    rtl: PropTypes.bool,
+    /**
          * 自定义类名
          */
-        className: PropTypes.string,
-        /**
+    className: PropTypes.string,
+    /**
          * checkbox id, 挂载在input上
          */
-        id: PropTypes.string,
-        /**
+    id: PropTypes.string,
+    /**
          * 自定义内敛样式
          */
-        style: PropTypes.object,
-        /**
+    style: PropTypes.object,
+    /**
          * 选中状态
          */
-        checked: PropTypes.bool,
-        /**
+    checked: PropTypes.bool,
+    /**
          * 默认选中状态
          */
-        defaultChecked: PropTypes.bool,
-        /**
+    defaultChecked: PropTypes.bool,
+    /**
          * 禁用
          */
-        disabled: PropTypes.bool,
-        /**
+    disabled: PropTypes.bool,
+    /**
          * 通过属性配置label，
          */
-        label: PropTypes.node,
-        /**
+    label: PropTypes.node,
+    /**
          * Checkbox 的中间状态，只会影响到 Checkbox 的样式，并不影响其 checked 属性
          */
-        indeterminate: PropTypes.bool,
-        /**
+    indeterminate: PropTypes.bool,
+    /**
          *  Checkbox 的默认中间态，只会影响到 Checkbox 的样式，并不影响其 checked 属性
          */
-        defaultIndeterminate: PropTypes.bool,
-        /**
+    defaultIndeterminate: PropTypes.bool,
+    /**
          * 状态变化时触发的事件
          * @param {Boolean} checked 是否选中
          * @param {Event} e Dom 事件对象
          */
-        onChange: PropTypes.func,
-        /**
+    onChange: PropTypes.func,
+    /**
          * 鼠标进入enter事件
          * @param {Event} e Dom 事件对象
          */
-        onMouseEnter: PropTypes.func,
-        /**
+    onMouseEnter: PropTypes.func,
+    /**
          * 鼠标离开Leave事件
          * @param {Event} e Dom 事件对象
          */
-        onMouseLeave: PropTypes.func,
-        /**
+    onMouseLeave: PropTypes.func,
+    /**
          * checkbox 的value
          */
-        value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-        /**
+    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    /**
          * name
          */
-        name: PropTypes.string,
-        /**
+    name: PropTypes.string,
+    /**
          * 是否为预览态
          */
-        isPreview: PropTypes.bool,
-        /**
+    isPreview: PropTypes.bool,
+    /**
          * 预览态模式下渲染的内容
          * @param {number} value 评分值
          */
-        renderPreview: PropTypes.func,
+    renderPreview: PropTypes.func,
+  };
+
+  static defaultProps = {
+    defaultChecked: false,
+    defaultIndeterminate: false,
+    onChange: noop,
+    onMouseEnter: noop,
+    onMouseLeave: noop,
+    prefix: 'next-',
+    isPreview: false,
+  };
+
+  static contextTypes = {
+    onChange: PropTypes.func,
+    __group__: PropTypes.bool,
+    selectedValue: PropTypes.array,
+    disabled: PropTypes.bool,
+    prefix: PropTypes.string,
+  };
+
+  constructor(props, context) {
+    super(props);
+
+    let checked; let
+      indeterminate;
+
+    if ('checked' in props) {
+      checked = props.checked;
+    } else {
+      checked = props.defaultChecked;
+    }
+
+    if ('indeterminate' in props) {
+      indeterminate = props.indeterminate;
+    } else {
+      indeterminate = props.defaultIndeterminate;
+    }
+    if (context.__group__) {
+      checked = isChecked(context.selectedValue, props.value);
+    }
+    this.state = {
+      checked,
+      indeterminate,
     };
 
-    static defaultProps = {
-        defaultChecked: false,
-        defaultIndeterminate: false,
-        onChange: noop,
-        onMouseEnter: noop,
-        onMouseLeave: noop,
-        prefix: 'next-',
-        isPreview: false,
-    };
-
-    static contextTypes = {
-        onChange: PropTypes.func,
-        __group__: PropTypes.bool,
-        selectedValue: PropTypes.array,
-        disabled: PropTypes.bool,
-        prefix: PropTypes.string,
-    };
-
-    constructor(props, context) {
-        super(props);
-
-        let checked, indeterminate;
-
-        if ('checked' in props) {
-            checked = props.checked;
-        } else {
-            checked = props.defaultChecked;
-        }
-
-        if ('indeterminate' in props) {
-            indeterminate = props.indeterminate;
-        } else {
-            indeterminate = props.defaultIndeterminate;
-        }
-        if (context.__group__) {
-            checked = isChecked(context.selectedValue, props.value);
-        }
-        this.state = {
-            checked,
-            indeterminate,
-        };
-
-        this.disabled =
+    this.disabled =
             props.disabled ||
             (context.__group__ && 'disabled' in context && context.disabled);
-        this.onChange = this.onChange.bind(this);
-    }
+    this.onChange = this.onChange.bind(this);
+  }
 
-    componentWillReceiveProps(nextProps, nextContext) {
-        if (nextContext.__group__) {
-            if ('selectedValue' in nextContext) {
-                this.setState({
-                    checked: isChecked(
-                        nextContext.selectedValue,
-                        nextProps.value
-                    ),
-                });
-            }
+  componentWillReceiveProps(nextProps, nextContext) {
+    if (nextContext.__group__) {
+      if ('selectedValue' in nextContext) {
+        this.setState({
+          checked: isChecked(
+            nextContext.selectedValue,
+            nextProps.value,
+          ),
+        });
+      }
 
-            this.disabled =
+      this.disabled =
                 nextProps.disabled ||
                 ('disabled' in nextContext && nextContext.disabled);
-        } else {
-            if ('checked' in nextProps) {
-                this.setState({
-                    checked: nextProps.checked,
-                });
-            }
-            this.disabled = nextProps.disabled;
-        }
-
-        if ('indeterminate' in nextProps) {
-            this.setState({
-                indeterminate: nextProps.indeterminate,
-            });
-        }
+    } else {
+      if ('checked' in nextProps) {
+        this.setState({
+          checked: nextProps.checked,
+        });
+      }
+      this.disabled = nextProps.disabled;
     }
-    shouldComponentUpdate(nextProps, nextState, nextContext) {
-        const { shallowEqual } = obj;
-        return (
-            !shallowEqual(this.props, nextProps) ||
+
+    if ('indeterminate' in nextProps) {
+      this.setState({
+        indeterminate: nextProps.indeterminate,
+      });
+    }
+  }
+
+  shouldComponentUpdate(nextProps, nextState, nextContext) {
+    const { shallowEqual } = obj;
+    return (
+      !shallowEqual(this.props, nextProps) ||
             !shallowEqual(this.state, nextState) ||
             !shallowEqual(this.context, nextContext)
-        );
+    );
+  }
+
+  onChange(e) {
+    const { checked } = e.target;
+    const { value } = this.props;
+
+    if (this.disabled) {
+      return;
     }
-
-    onChange(e) {
-        const checked = e.target.checked;
-        const value = this.props.value;
-
-        if (this.disabled) {
-            return;
-        }
-        if (this.context.__group__) {
-            this.context.onChange(value, e);
-        } else {
-            if (!('checked' in this.props)) {
-                this.setState({
-                    checked: checked,
-                });
-            }
-
-            if (!('indeterminate' in this.props)) {
-                this.setState({
-                    indeterminate: false,
-                });
-            }
-            this.props.onChange(checked, e);
-        }
-    }
-
-    render() {
-        /* eslint-disable no-unused-vars */
-        const {
-            id,
-            className,
-            children,
-            style,
-            label,
-            onMouseEnter,
-            onMouseLeave,
-            rtl,
-            isPreview,
-            renderPreview,
-            value,
-            name,
-            ...otherProps
-        } = this.props;
-        const checked = !!this.state.checked;
-        const disabled = this.disabled;
-        const indeterminate = !!this.state.indeterminate;
-        const prefix = this.context.prefix || this.props.prefix;
-
-        const others = obj.pickOthers(Checkbox.propTypes, otherProps);
-        const othersData = obj.pickAttrsWith(others, 'data-');
-        if (otherProps.title) {
-            othersData.title = otherProps.title;
-        }
-
-        let childInput = (
-            <input
-                {...obj.pickOthers(Checkbox.propTypes, otherProps)}
-                id={id}
-                value={value}
-                name={name}
-                disabled={disabled}
-                checked={checked}
-                type="checkbox"
-                onChange={this.onChange}
-                aria-checked={indeterminate ? 'mixed' : checked}
-                className={`${prefix}checkbox-input`}
-            />
-        );
-
-        // disable 无状态操作
-        if (!disabled) {
-            childInput = this.getStateElement(childInput);
-        }
-        const cls = classnames({
-            [`${prefix}checkbox-wrapper`]: true,
-            [className]: !!className,
-            checked,
-            disabled,
-            indeterminate,
-            [this.getStateClassName()]: true,
+    if (this.context.__group__) {
+      this.context.onChange(value, e);
+    } else {
+      if (!('checked' in this.props)) {
+        this.setState({
+          checked,
         });
-        const labelCls = `${prefix}checkbox-label`;
-        const type = indeterminate ? 'semi-select' : 'select';
+      }
 
-        if (isPreview) {
-            const previewCls = classnames(className, `${prefix}form-preview`);
-            if ('renderPreview' in this.props) {
-                return (
-                    <div
-                        id={id}
-                        dir={rtl ? 'rtl' : undefined}
-                        {...othersData}
-                        className={previewCls}
-                    >
-                        {renderPreview(checked, this.props)}
-                    </div>
-                );
-            }
-
-            return (
-                <p
-                    id={id}
-                    dir={rtl ? 'rtl' : undefined}
-                    {...othersData}
-                    className={previewCls}
-                >
-                    {checked && (children || label || this.state.value)}
-                </p>
-            );
-        }
-
-        return (
-            <label
-                {...othersData}
-                className={cls}
-                style={style}
-                dir={rtl ? 'rtl' : undefined}
-                onMouseEnter={onMouseEnter}
-                onMouseLeave={onMouseLeave}
-            >
-                <span className={`${prefix}checkbox`}>
-                    <span className={`${prefix}checkbox-inner`}>
-                        <Icon
-                            type={type}
-                            size="xs"
-                            className={indeterminate ? 'zoomIn' : ''}
-                        />
-                    </span>
-                    {childInput}
-                </span>
-                {[label, children].map((item, i) =>
-                    [undefined, null].indexOf(item) === -1 ? (
-                        <span key={i} className={labelCls}>
-                            {item}
-                        </span>
-                    ) : null
-                )}
-            </label>
-        );
+      if (!('indeterminate' in this.props)) {
+        this.setState({
+          indeterminate: false,
+        });
+      }
+      this.props.onChange(checked, e);
     }
+  }
+
+  render() {
+    /* eslint-disable no-unused-vars */
+    const {
+      id,
+      className,
+      children,
+      style,
+      label,
+      onMouseEnter,
+      onMouseLeave,
+      rtl,
+      isPreview,
+      renderPreview,
+      value,
+      name,
+      ...otherProps
+    } = this.props;
+    const checked = !!this.state.checked;
+    const { disabled } = this;
+    const indeterminate = !!this.state.indeterminate;
+    const prefix = this.context.prefix || this.props.prefix;
+
+    const others = obj.pickOthers(Checkbox.propTypes, otherProps);
+    const othersData = obj.pickAttrsWith(others, 'data-');
+    if (otherProps.title) {
+      othersData.title = otherProps.title;
+    }
+
+    let childInput = (
+      <input
+        {...obj.pickOthers(Checkbox.propTypes, otherProps)}
+        id={id}
+        value={value}
+        name={name}
+        disabled={disabled}
+        checked={checked}
+        type="checkbox"
+        onChange={this.onChange}
+        aria-checked={indeterminate ? 'mixed' : checked}
+        className={`${prefix}checkbox-input`}
+      />
+    );
+
+    // disable 无状态操作
+    if (!disabled) {
+      childInput = this.getStateElement(childInput);
+    }
+    const cls = classnames({
+      [`${prefix}checkbox-wrapper`]: true,
+      [className]: !!className,
+      checked,
+      disabled,
+      indeterminate,
+      [this.getStateClassName()]: true,
+    });
+    const labelCls = `${prefix}checkbox-label`;
+    const type = indeterminate ? 'semi-select' : 'select';
+
+    if (isPreview) {
+      const previewCls = classnames(className, `${prefix}form-preview`);
+      if ('renderPreview' in this.props) {
+        return (
+          <div
+            id={id}
+            dir={rtl ? 'rtl' : undefined}
+            {...othersData}
+            className={previewCls}
+          >
+            {renderPreview(checked, this.props)}
+          </div>
+        );
+      }
+
+      return (
+        <p
+          id={id}
+          dir={rtl ? 'rtl' : undefined}
+          {...othersData}
+          className={previewCls}
+        >
+          {checked && (children || label || this.state.value)}
+        </p>
+      );
+    }
+
+    return (
+      <label
+        {...othersData}
+        className={cls}
+        style={style}
+        dir={rtl ? 'rtl' : undefined}
+        onMouseEnter={onMouseEnter}
+        onMouseLeave={onMouseLeave}
+      >
+        <span className={`${prefix}checkbox`}>
+          <span className={`${prefix}checkbox-inner`}>
+            <Icon
+              type={type}
+              size="xs"
+              className={indeterminate ? 'zoomIn' : ''}
+            />
+          </span>
+          {childInput}
+        </span>
+        {[label, children].map((item, i) => ([undefined, null].indexOf(item) === -1 ? (
+          <span key={i} className={labelCls}>
+            {item}
+          </span>
+        ) : null))}
+      </label>
+    );
+  }
 }
 
 export default ConfigProvider.config(Checkbox);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/collapse/collapse.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/collapse/collapse.jsx
index de34d4c97..a9228d9fb 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/collapse/collapse.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/collapse/collapse.jsx
@@ -8,252 +8,253 @@ import Panel from './panel';
 
 /** Collapse */
 class Collapse extends React.Component {
-    static propTypes = {
-        /**
+  static propTypes = {
+    /**
          * 样式前缀
          */
-        prefix: PropTypes.string,
-        /**
+    prefix: PropTypes.string,
+    /**
          * 组件接受行内样式
          */
-        style: PropTypes.object,
-        /**
+    style: PropTypes.object,
+    /**
          * 使用数据模型构建
          */
-        dataSource: PropTypes.array,
-        /**
+    dataSource: PropTypes.array,
+    /**
          * 默认展开keys
          */
-        defaultExpandedKeys: PropTypes.array,
-        /**
+    defaultExpandedKeys: PropTypes.array,
+    /**
          * 受控展开keys
          */
-        expandedKeys: PropTypes.array,
-        /**
+    expandedKeys: PropTypes.array,
+    /**
          * 展开状态发升变化时候的回调
          */
-        onExpand: PropTypes.func,
-        /**
+    onExpand: PropTypes.func,
+    /**
          * 所有禁用
          */
-        disabled: PropTypes.bool,
-        /**
+    disabled: PropTypes.bool,
+    /**
          * 扩展class
          */
-        className: PropTypes.string,
-        /**
+    className: PropTypes.string,
+    /**
          * 手风琴模式，一次只能打开一个
          */
-        accordion: PropTypes.bool,
-        children: PropTypes.node,
-        id: PropTypes.string,
-        rtl: PropTypes.bool,
-    };
+    accordion: PropTypes.bool,
+    children: PropTypes.node,
+    id: PropTypes.string,
+    rtl: PropTypes.bool,
+  };
 
-    static defaultProps = {
-        accordion: false,
-        prefix: 'next-',
-        onExpand: func.noop,
-    };
+  static defaultProps = {
+    accordion: false,
+    prefix: 'next-',
+    onExpand: func.noop,
+  };
 
-    static contextTypes = {
-        prefix: PropTypes.string,
-    };
+  static contextTypes = {
+    prefix: PropTypes.string,
+  };
 
-    constructor(props) {
-        super(props);
+  constructor(props) {
+    super(props);
 
-        let expandedKeys;
-        if ('expandedKeys' in props) {
-            expandedKeys = props.expandedKeys;
-        } else {
-            expandedKeys = props.defaultExpandedKeys;
-        }
+    let expandedKeys;
+    if ('expandedKeys' in props) {
+      expandedKeys = props.expandedKeys;
+    } else {
+      expandedKeys = props.defaultExpandedKeys;
+    }
 
-        this.state = {
-            expandedKeys:
+    this.state = {
+      expandedKeys:
                 typeof expandedKeys === 'undefined' ? [] : expandedKeys,
-        };
-    }
+    };
+  }
 
-    static getDerivedStateFromProps(props) {
-        if ('expandedKeys' in props) {
-            return {
-                expandedKeys:
+  static getDerivedStateFromProps(props) {
+    if ('expandedKeys' in props) {
+      return {
+        expandedKeys:
                     typeof props.expandedKeys === 'undefined'
-                        ? []
-                        : props.expandedKeys,
-            };
-        }
-        return null;
+                      ? []
+                      : props.expandedKeys,
+      };
+    }
+    return null;
+  }
+
+  onItemClick(key) {
+    let { expandedKeys } = this.state;
+    if (this.props.accordion) {
+      expandedKeys = String(expandedKeys[0]) === String(key) ? [] : [key];
+    } else {
+      expandedKeys = [...expandedKeys];
+      const stringKey = String(key);
+      const index = expandedKeys.findIndex(k => String(k) === stringKey);
+      const isExpanded = index > -1;
+      if (isExpanded) {
+        expandedKeys.splice(index, 1);
+      } else {
+        expandedKeys.push(key);
+      }
+    }
+    this.setExpandedKey(expandedKeys);
+  }
+
+  genratePanelId(itemId, index) {
+    const { id: collapseId } = this.props;
+    let id;
+    if (itemId) {
+      // 优先用 item自带的id
+      id = itemId;
+    } else if (collapseId) {
+      // 其次用 collapseId 和 index 生成id
+      id = `${collapseId}-panel-${index}`;
+    }
+    return id;
+  }
+
+  getProps(item, index, key) {
+    const { expandedKeys } = this.state;
+    const { title } = item;
+    let { disabled } = this.props;
+
+    if (!disabled) {
+      disabled = item.disabled;
     }
 
-    onItemClick(key) {
-        let expandedKeys = this.state.expandedKeys;
-        if (this.props.accordion) {
-            expandedKeys = String(expandedKeys[0]) === String(key) ? [] : [key];
-        } else {
-            expandedKeys = [...expandedKeys];
-            const stringKey = String(key);
-            const index = expandedKeys.findIndex(k => String(k) === stringKey);
-            const isExpanded = index > -1;
-            if (isExpanded) {
-                expandedKeys.splice(index, 1);
-            } else {
-                expandedKeys.push(key);
-            }
-        }
-        this.setExpandedKey(expandedKeys);
-    }
+    let isExpanded = false;
 
-    genratePanelId(itemId, index) {
-        const { id: collapseId } = this.props;
-        let id;
-        if (itemId) {
-            // 优先用 item自带的id
-            id = itemId;
-        } else if (collapseId) {
-            // 其次用 collapseId 和 index 生成id
-            id = `${collapseId}-panel-${index}`;
-        }
-        return id;
-    }
-    getProps(item, index, key) {
-        const expandedKeys = this.state.expandedKeys;
-        const { title } = item;
-        let disabled = this.props.disabled;
-
-        if (!disabled) {
-            disabled = item.disabled;
-        }
-
-        let isExpanded = false;
-
-        if (this.props.accordion) {
-            isExpanded = String(expandedKeys[0]) === String(key);
-        } else {
-            isExpanded = expandedKeys.some(expandedKey => {
-                if (
-                    expandedKey === null ||
+    if (this.props.accordion) {
+      isExpanded = String(expandedKeys[0]) === String(key);
+    } else {
+      isExpanded = expandedKeys.some(expandedKey => {
+        if (
+          expandedKey === null ||
                     expandedKey === undefined ||
                     key === null ||
                     key === undefined
-                ) {
-                    return false;
-                }
-
-                if (
-                    expandedKey === key ||
-                    expandedKey.toString() === key.toString()
-                ) {
-                    return true;
-                }
-                return false;
-            });
+        ) {
+          return false;
         }
 
-        const id = this.genratePanelId(item.id, index);
-        return {
-            key,
-            title,
-            isExpanded,
-            disabled,
-            id,
-            onClick: disabled
-                ? null
-                : () => {
-                      this.onItemClick(key);
-                      if ('onClick' in item) {
-                          item.onClick(key);
-                      }
-                  },
-        };
+        if (
+          expandedKey === key ||
+                    expandedKey.toString() === key.toString()
+        ) {
+          return true;
+        }
+        return false;
+      });
     }
 
-    getItemsByDataSource() {
-        const { props } = this;
-        const { dataSource } = props;
-        // 是否有dataSource.item传入过key
-        const hasKeys = dataSource.some(item => 'key' in item);
+    const id = this.genratePanelId(item.id, index);
+    return {
+      key,
+      title,
+      isExpanded,
+      disabled,
+      id,
+      onClick: disabled
+        ? null
+        : () => {
+          this.onItemClick(key);
+          if ('onClick' in item) {
+            item.onClick(key);
+          }
+        },
+    };
+  }
 
-        return dataSource.map((item, index) => {
-            // 传入过key就用item.key 没传入则统一使用index为key
-            const key = hasKeys ? item.key : `${index}`;
-            return (
-                <Panel {...this.getProps(item, index, key)} key={key}>
-                    {item.content}
-                </Panel>
-            );
-        });
-    }
+  getItemsByDataSource() {
+    const { props } = this;
+    const { dataSource } = props;
+    // 是否有dataSource.item传入过key
+    const hasKeys = dataSource.some(item => 'key' in item);
 
-    getItemsByChildren() {
-        // 是否有child传入过key
-        const allKeys = React.Children.map(
-            this.props.children,
-            child => child && child.key
-        );
-        const hasKeys = Boolean(allKeys.length);
+    return dataSource.map((item, index) => {
+      // 传入过key就用item.key 没传入则统一使用index为key
+      const key = hasKeys ? item.key : `${index}`;
+      return (
+        <Panel {...this.getProps(item, index, key)} key={key}>
+          {item.content}
+        </Panel>
+      );
+    });
+  }
 
-        return React.Children.map(this.props.children, (child, index) => {
-            if (
-                child &&
+  getItemsByChildren() {
+    // 是否有child传入过key
+    const allKeys = React.Children.map(
+      this.props.children,
+      child => child && child.key,
+    );
+    const hasKeys = Boolean(allKeys.length);
+
+    return React.Children.map(this.props.children, (child, index) => {
+      if (
+        child &&
                 typeof child.type === 'function' &&
                 child.type.isNextPanel
-            ) {
-                // 传入过key就用child.key 没传入则统一使用index为key
-                const key = hasKeys ? child.key : `${index}`;
-                return React.cloneElement(
-                    child,
-                    this.getProps(child.props, index, key)
-                );
-            } else {
-                return child;
-            }
-        });
-    }
-
-    setExpandedKey(expandedKeys) {
-        if (!('expandedKeys' in this.props)) {
-            this.setState({ expandedKeys });
-        }
-        this.props.onExpand(
-            this.props.accordion ? expandedKeys[0] : expandedKeys
+      ) {
+        // 传入过key就用child.key 没传入则统一使用index为key
+        const key = hasKeys ? child.key : `${index}`;
+        return React.cloneElement(
+          child,
+          this.getProps(child.props, index, key),
         );
-    }
+      } else {
+        return child;
+      }
+    });
+  }
 
-    render() {
-        const {
-            prefix,
-            className,
-            style,
-            disabled,
-            dataSource,
-            id,
-            rtl,
-        } = this.props;
-        const collapseClassName = classNames({
-            [`${prefix}collapse`]: true,
-            [`${prefix}collapse-disabled`]: disabled,
-            [className]: Boolean(className),
-        });
-
-        const others = obj.pickOthers(Collapse.propTypes, this.props);
-        return (
-            <div
-                id={id}
-                className={collapseClassName}
-                style={style}
-                {...others}
-                role="presentation"
-                dir={rtl ? 'rtl' : undefined}
-            >
-                {dataSource
-                    ? this.getItemsByDataSource()
-                    : this.getItemsByChildren()}
-            </div>
-        );
+  setExpandedKey(expandedKeys) {
+    if (!('expandedKeys' in this.props)) {
+      this.setState({ expandedKeys });
     }
+    this.props.onExpand(
+      this.props.accordion ? expandedKeys[0] : expandedKeys,
+    );
+  }
+
+  render() {
+    const {
+      prefix,
+      className,
+      style,
+      disabled,
+      dataSource,
+      id,
+      rtl,
+    } = this.props;
+    const collapseClassName = classNames({
+      [`${prefix}collapse`]: true,
+      [`${prefix}collapse-disabled`]: disabled,
+      [className]: Boolean(className),
+    });
+
+    const others = obj.pickOthers(Collapse.propTypes, this.props);
+    return (
+      <div
+        id={id}
+        className={collapseClassName}
+        style={style}
+        {...others}
+        role="presentation"
+        dir={rtl ? 'rtl' : undefined}
+      >
+        {dataSource
+          ? this.getItemsByDataSource()
+          : this.getItemsByChildren()}
+      </div>
+    );
+  }
 }
 
 export default polyfill(ConfigProvider.config(Collapse));
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/collapse/panel.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/collapse/panel.jsx
index 52b927aa5..5f64a4486 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/collapse/panel.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/collapse/panel.jsx
@@ -7,109 +7,110 @@ import { func, KEYCODE } from '../util';
 
 /** Collapse.Panel */
 class Panel extends React.Component {
-    static propTypes = {
-        /**
+  static propTypes = {
+    /**
          * 样式类名的品牌前缀
          */
-        prefix: PropTypes.string,
-        /**
+    prefix: PropTypes.string,
+    /**
          * 子组件接受行内样式
          */
-        style: PropTypes.object,
-        children: PropTypes.any,
-        isExpanded: PropTypes.bool,
-        /**
+    style: PropTypes.object,
+    children: PropTypes.any,
+    isExpanded: PropTypes.bool,
+    /**
          * 是否禁止用户操作
          */
-        disabled: PropTypes.bool,
-        /**
+    disabled: PropTypes.bool,
+    /**
          * 标题
          */
-        title: PropTypes.node,
-        /**
+    title: PropTypes.node,
+    /**
          * 扩展class
          */
-        className: PropTypes.string,
-        onClick: PropTypes.func,
-        id: PropTypes.string,
-    };
+    className: PropTypes.string,
+    onClick: PropTypes.func,
+    id: PropTypes.string,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        isExpanded: false,
-        onClick: func.noop,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    isExpanded: false,
+    onClick: func.noop,
+  };
 
-    static isNextPanel = true; //
+  static isNextPanel = true; //
 
-    onKeyDown = e => {
-        const { keyCode } = e;
-        if (keyCode === KEYCODE.SPACE) {
-            const { onClick } = this.props;
-            e.preventDefault();
-            onClick && onClick(e);
-        }
-    };
-    render() {
-        const {
-            title,
-            children,
-            className,
-            isExpanded,
-            disabled,
-            style,
-            prefix,
-            onClick,
-            id,
-            ...others
-        } = this.props;
-
-        const cls = classNames({
-            [`${prefix}collapse-panel`]: true,
-            [`${prefix}collapse-panel-hidden`]: !isExpanded,
-            [`${prefix}collapse-panel-expanded`]: isExpanded,
-            [`${prefix}collapse-panel-disabled`]: disabled,
-            [className]: className,
-        });
-
-        const iconCls = classNames({
-            [`${prefix}collapse-panel-icon`]: true,
-            [`${prefix}collapse-panel-icon-expanded`]: isExpanded,
-        });
-
-        // 为了无障碍 需要添加两个id
-        const headingId = id ? `${id}-heading` : undefined;
-        const regionId = id ? `${id}-region` : undefined;
-        return (
-            <div className={cls} style={style} id={id} {...others}>
-                <div
-                    id={headingId}
-                    className={`${prefix}collapse-panel-title`}
-                    onClick={onClick}
-                    onKeyDown={this.onKeyDown}
-                    tabIndex="0"
-                    aria-disabled={disabled}
-                    aria-expanded={isExpanded}
-                    aria-controls={regionId}
-                    role="button"
-                >
-                    <Icon
-                        type="arrow-up"
-                        className={iconCls}
-                        aria-hidden="true"
-                    />
-                    {title}
-                </div>
-                <div
-                    className={`${prefix}collapse-panel-content`}
-                    role="region"
-                    id={regionId}
-                >
-                    {children}
-                </div>
-            </div>
-        );
+  onKeyDown = e => {
+    const { keyCode } = e;
+    if (keyCode === KEYCODE.SPACE) {
+      const { onClick } = this.props;
+      e.preventDefault();
+      onClick && onClick(e);
     }
+  };
+
+  render() {
+    const {
+      title,
+      children,
+      className,
+      isExpanded,
+      disabled,
+      style,
+      prefix,
+      onClick,
+      id,
+      ...others
+    } = this.props;
+
+    const cls = classNames({
+      [`${prefix}collapse-panel`]: true,
+      [`${prefix}collapse-panel-hidden`]: !isExpanded,
+      [`${prefix}collapse-panel-expanded`]: isExpanded,
+      [`${prefix}collapse-panel-disabled`]: disabled,
+      [className]: className,
+    });
+
+    const iconCls = classNames({
+      [`${prefix}collapse-panel-icon`]: true,
+      [`${prefix}collapse-panel-icon-expanded`]: isExpanded,
+    });
+
+    // 为了无障碍 需要添加两个id
+    const headingId = id ? `${id}-heading` : undefined;
+    const regionId = id ? `${id}-region` : undefined;
+    return (
+      <div className={cls} style={style} id={id} {...others}>
+        <div
+          id={headingId}
+          className={`${prefix}collapse-panel-title`}
+          onClick={onClick}
+          onKeyDown={this.onKeyDown}
+          tabIndex="0"
+          aria-disabled={disabled}
+          aria-expanded={isExpanded}
+          aria-controls={regionId}
+          role="button"
+        >
+          <Icon
+            type="arrow-up"
+            className={iconCls}
+            aria-hidden="true"
+          />
+          {title}
+        </div>
+        <div
+          className={`${prefix}collapse-panel-content`}
+          role="region"
+          id={regionId}
+        >
+          {children}
+        </div>
+      </div>
+    );
+  }
 }
 
 export default ConfigProvider.config(Panel);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/config-provider/cache.js b/packages/material-parser/test/fixtures/fusion-next-component/src/config-provider/cache.js
index c165bab91..dbab366f6 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/config-provider/cache.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/config-provider/cache.js
@@ -1,42 +1,42 @@
 class Cache {
-    constructor() {
-        this._root = null;
-        this._store = new Map();
-    }
+  constructor() {
+    this._root = null;
+    this._store = new Map();
+  }
 
-    empty() {
-        return this._store.size === 0;
-    }
+  empty() {
+    return this._store.size === 0;
+  }
 
-    has(key) {
-        return this._store.has(key);
-    }
+  has(key) {
+    return this._store.has(key);
+  }
 
-    get(key, defaultValue) {
-        const res = this.has(key) ? this._store.get(key) : this.root();
-        return typeof res === 'undefined' || res === null ? defaultValue : res;
-    }
+  get(key, defaultValue) {
+    const res = this.has(key) ? this._store.get(key) : this.root();
+    return typeof res === 'undefined' || res === null ? defaultValue : res;
+  }
 
-    add(key, value) {
-        if (this.empty()) {
-            this._root = key;
-        }
-        this._store.set(key, value);
+  add(key, value) {
+    if (this.empty()) {
+      this._root = key;
     }
+    this._store.set(key, value);
+  }
 
-    update(key, value) {
-        if (this.has(key)) {
-            this._store.set(key, value);
-        }
+  update(key, value) {
+    if (this.has(key)) {
+      this._store.set(key, value);
     }
+  }
 
-    remove(key) {
-        this._store.delete(key);
-    }
+  remove(key) {
+    this._store.delete(key);
+  }
 
-    root() {
-        return this._store.get(this._root);
-    }
+  root() {
+    return this._store.get(this._root);
+  }
 }
 
 export default Cache;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/config-provider/config.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/config-provider/config.jsx
index af1cd1084..193a27d0d 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/config-provider/config.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/config-provider/config.jsx
@@ -8,7 +8,7 @@ import ErrorBoundary from './error-boundary';
 const { shallowEqual } = obj;
 
 function getDisplayName(Component) {
-    return Component.displayName || Component.name || 'Component';
+  return Component.displayName || Component.name || 'Component';
 }
 
 let globalLocales;
@@ -17,238 +17,239 @@ let currentGlobalLocale = {};
 let currentGlobalRtl;
 
 export function initLocales(locales) {
-    globalLocales = locales;
+  globalLocales = locales;
 
-    if (locales) {
-        currentGlobalLocale = locales[currentGlobalLanguage];
+  if (locales) {
+    currentGlobalLocale = locales[currentGlobalLanguage];
 
-        if (typeof currentGlobalRtl !== 'boolean') {
-            currentGlobalRtl = currentGlobalLocale && currentGlobalLocale.rtl;
-        }
+    if (typeof currentGlobalRtl !== 'boolean') {
+      currentGlobalRtl = currentGlobalLocale && currentGlobalLocale.rtl;
     }
+  }
 }
 
 export function setLanguage(language) {
-    if (globalLocales) {
-        currentGlobalLanguage = language;
-        currentGlobalLocale = globalLocales[language];
+  if (globalLocales) {
+    currentGlobalLanguage = language;
+    currentGlobalLocale = globalLocales[language];
 
-        if (typeof currentGlobalRtl !== 'boolean') {
-            currentGlobalRtl = currentGlobalLocale && currentGlobalLocale.rtl;
-        }
+    if (typeof currentGlobalRtl !== 'boolean') {
+      currentGlobalRtl = currentGlobalLocale && currentGlobalLocale.rtl;
     }
+  }
 }
 
 export function setLocale(locale) {
-    currentGlobalLocale = {
-        ...(globalLocales ? globalLocales[currentGlobalLanguage] : {}),
-        ...locale,
-    };
+  currentGlobalLocale = {
+    ...(globalLocales ? globalLocales[currentGlobalLanguage] : {}),
+    ...locale,
+  };
 
-    if (typeof currentGlobalRtl !== 'boolean') {
-        currentGlobalRtl = currentGlobalLocale && currentGlobalLocale.rtl;
-    }
+  if (typeof currentGlobalRtl !== 'boolean') {
+    currentGlobalRtl = currentGlobalLocale && currentGlobalLocale.rtl;
+  }
 }
 
 export function setDirection(dir) {
-    currentGlobalRtl = dir === 'rtl';
+  currentGlobalRtl = dir === 'rtl';
 }
 
 export function getLocale() {
-    return currentGlobalLocale;
+  return currentGlobalLocale;
 }
 
 export function getLanguage() {
-    return currentGlobalLanguage;
+  return currentGlobalLanguage;
 }
 
 export function getDirection() {
-    return currentGlobalRtl;
+  return currentGlobalRtl;
 }
 
 export function config(Component, options = {}) {
-    // 非 forwardRef 创建的 class component
-    if (
-        obj.isClassComponent(Component) &&
+  // 非 forwardRef 创建的 class component
+  if (
+    obj.isClassComponent(Component) &&
         Component.prototype.shouldComponentUpdate === undefined
+  ) {
+    // class component: 通过定义 shouldComponentUpdate 改写成 pure component, 有refs
+    Component.prototype.shouldComponentUpdate = function shouldComponentUpdate(
+      nextProps,
+      nextState,
     ) {
-        // class component: 通过定义 shouldComponentUpdate 改写成 pure component, 有refs
-        Component.prototype.shouldComponentUpdate = function shouldComponentUpdate(
-            nextProps,
-            nextState
-        ) {
-            if (this.props.pure) {
-                return (
-                    !shallowEqual(this.props, nextProps) ||
+      if (this.props.pure) {
+        return (
+          !shallowEqual(this.props, nextProps) ||
                     !shallowEqual(this.state, nextState)
-                );
-            }
+        );
+      }
 
-            return true;
-        };
+      return true;
+    };
+  }
+
+  class ConfigedComponent extends React.Component {
+    static propTypes = {
+      ...(Component.propTypes || {}),
+      prefix: PropTypes.string,
+      locale: PropTypes.object,
+      pure: PropTypes.bool,
+      rtl: PropTypes.bool,
+      device: PropTypes.oneOf(['tablet', 'desktop', 'phone']),
+      popupContainer: PropTypes.any,
+      errorBoundary: PropTypes.oneOfType([
+        PropTypes.bool,
+        PropTypes.object,
+      ]),
+    };
+
+    static contextTypes = {
+      ...(Component.contextTypes || {}),
+      nextPrefix: PropTypes.string,
+      nextLocale: PropTypes.object,
+      nextPure: PropTypes.bool,
+      nextRtl: PropTypes.bool,
+      nextWarning: PropTypes.bool,
+      nextDevice: PropTypes.oneOf(['tablet', 'desktop', 'phone']),
+      nextPopupContainer: PropTypes.any,
+      nextErrorBoundary: PropTypes.oneOfType([
+        PropTypes.bool,
+        PropTypes.object,
+      ]),
+    };
+
+    constructor(props, context) {
+      super(props, context);
+
+      this._getInstance = this._getInstance.bind(this);
+      this._deprecated = this._deprecated.bind(this);
     }
 
-    class ConfigedComponent extends React.Component {
-        static propTypes = {
-            ...(Component.propTypes || {}),
-            prefix: PropTypes.string,
-            locale: PropTypes.object,
-            pure: PropTypes.bool,
-            rtl: PropTypes.bool,
-            device: PropTypes.oneOf(['tablet', 'desktop', 'phone']),
-            popupContainer: PropTypes.any,
-            errorBoundary: PropTypes.oneOfType([
-                PropTypes.bool,
-                PropTypes.object,
-            ]),
-        };
-        static contextTypes = {
-            ...(Component.contextTypes || {}),
-            nextPrefix: PropTypes.string,
-            nextLocale: PropTypes.object,
-            nextPure: PropTypes.bool,
-            nextRtl: PropTypes.bool,
-            nextWarning: PropTypes.bool,
-            nextDevice: PropTypes.oneOf(['tablet', 'desktop', 'phone']),
-            nextPopupContainer: PropTypes.any,
-            nextErrorBoundary: PropTypes.oneOfType([
-                PropTypes.bool,
-                PropTypes.object,
-            ]),
-        };
+    _getInstance(ref) {
+      this._instance = ref;
 
-        constructor(props, context) {
-            super(props, context);
+      if (this._instance && options.exportNames) {
+        options.exportNames.forEach(name => {
+          const field = this._instance[name];
+          if (typeof field === 'function') {
+            this[name] = field.bind(this._instance);
+          } else {
+            this[name] = field;
+          }
+        });
+      }
+    }
 
-            this._getInstance = this._getInstance.bind(this);
-            this._deprecated = this._deprecated.bind(this);
-        }
+    _deprecated(...args) {
+      if (this.context.nextWarning !== false) {
+        log.deprecated(...args);
+      }
+    }
 
-        _getInstance(ref) {
-            this._instance = ref;
+    getInstance() {
+      return this._instance;
+    }
 
-            if (this._instance && options.exportNames) {
-                options.exportNames.forEach(name => {
-                    const field = this._instance[name];
-                    if (typeof field === 'function') {
-                        this[name] = field.bind(this._instance);
-                    } else {
-                        this[name] = field;
-                    }
-                });
-            }
-        }
+    render() {
+      const {
+        prefix,
+        locale,
+        pure,
+        rtl,
+        device,
+        popupContainer,
+        errorBoundary,
+        ...others
+      } = this.props;
+      const {
+        nextPrefix,
+        nextLocale = {},
+        nextPure,
+        nextRtl,
+        nextDevice,
+        nextPopupContainer,
+        nextErrorBoundary,
+      } = this.context;
 
-        _deprecated(...args) {
-            if (this.context.nextWarning !== false) {
-                log.deprecated(...args);
-            }
-        }
-
-        getInstance() {
-            return this._instance;
-        }
-
-        render() {
-            const {
-                prefix,
-                locale,
-                pure,
-                rtl,
-                device,
-                popupContainer,
-                errorBoundary,
-                ...others
-            } = this.props;
-            const {
-                nextPrefix,
-                nextLocale = {},
-                nextPure,
-                nextRtl,
-                nextDevice,
-                nextPopupContainer,
-                nextErrorBoundary,
-            } = this.context;
-
-            const displayName =
+      const displayName =
                 options.componentName || getDisplayName(Component);
-            const contextProps = getContextProps(
-                {
-                    prefix,
-                    locale,
-                    pure,
-                    device,
-                    popupContainer,
-                    rtl,
-                    errorBoundary,
-                },
-                {
-                    nextPrefix,
-                    nextLocale: { ...currentGlobalLocale, ...nextLocale },
-                    nextPure,
-                    nextDevice,
-                    nextPopupContainer,
-                    nextRtl:
+      const contextProps = getContextProps(
+        {
+          prefix,
+          locale,
+          pure,
+          device,
+          popupContainer,
+          rtl,
+          errorBoundary,
+        },
+        {
+          nextPrefix,
+          nextLocale: { ...currentGlobalLocale, ...nextLocale },
+          nextPure,
+          nextDevice,
+          nextPopupContainer,
+          nextRtl:
                         typeof nextRtl === 'boolean'
-                            ? nextRtl
-                            : currentGlobalRtl === true
+                          ? nextRtl
+                          : currentGlobalRtl === true
                             ? true
                             : undefined,
-                    nextErrorBoundary,
-                },
-                displayName
-            );
+          nextErrorBoundary,
+        },
+        displayName,
+      );
 
-            // errorBoundary is only for <ErrorBoundary>
-            const newContextProps = [
-                'prefix',
-                'locale',
-                'pure',
-                'rtl',
-                'device',
-                'popupContainer',
-            ].reduce((ret, name) => {
-                if (typeof contextProps[name] !== 'undefined') {
-                    ret[name] = contextProps[name];
-                }
-                return ret;
-            }, {});
-
-            if ('pure' in newContextProps && newContextProps.pure) {
-                log.warning(
-                    'pure of ConfigProvider is deprecated, use Function Component or React.PureComponent'
-                );
-            }
-
-            const newOthers = options.transform
-                ? options.transform(others, this._deprecated)
-                : others;
-
-            const content = (
-                <Component
-                    {...newOthers}
-                    {...newContextProps}
-                    ref={
-                        obj.isClassComponent(Component)
-                            ? this._getInstance
-                            : null
-                    }
-                />
-            );
-
-            const { open, ...othersBoundary } = contextProps.errorBoundary;
-
-            return open ? (
-                <ErrorBoundary {...othersBoundary}>{content}</ErrorBoundary>
-            ) : (
-                content
-            );
+      // errorBoundary is only for <ErrorBoundary>
+      const newContextProps = [
+        'prefix',
+        'locale',
+        'pure',
+        'rtl',
+        'device',
+        'popupContainer',
+      ].reduce((ret, name) => {
+        if (typeof contextProps[name] !== 'undefined') {
+          ret[name] = contextProps[name];
         }
+        return ret;
+      }, {});
+
+      if ('pure' in newContextProps && newContextProps.pure) {
+        log.warning(
+          'pure of ConfigProvider is deprecated, use Function Component or React.PureComponent',
+        );
+      }
+
+      const newOthers = options.transform
+        ? options.transform(others, this._deprecated)
+        : others;
+
+      const content = (
+        <Component
+          {...newOthers}
+          {...newContextProps}
+          ref={
+                        obj.isClassComponent(Component)
+                          ? this._getInstance
+                          : null
+                    }
+        />
+      );
+
+      const { open, ...othersBoundary } = contextProps.errorBoundary;
+
+      return open ? (
+        <ErrorBoundary {...othersBoundary}>{content}</ErrorBoundary>
+      ) : (
+        content
+      );
     }
+  }
 
-    ConfigedComponent.displayName = `Config(${getDisplayName(Component)})`;
+  ConfigedComponent.displayName = `Config(${getDisplayName(Component)})`;
 
-    hoistNonReactStatic(ConfigedComponent, Component);
+  hoistNonReactStatic(ConfigedComponent, Component);
 
-    return ConfigedComponent;
+  return ConfigedComponent;
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/config-provider/consumer.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/config-provider/consumer.jsx
index 668a703b9..25d897f4f 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/config-provider/consumer.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/config-provider/consumer.jsx
@@ -9,16 +9,16 @@ import PropTypes from 'prop-types';
  * @return {Object}
  */
 const mapKeys = (obj, fn) => {
-    const result = {};
-    for (const key in obj) {
-        if (Object.prototype.hasOwnProperty.call(obj, key)) {
-            const value = obj[key];
-            const newKey = fn(key, value);
-            result[newKey] = value;
-        }
+  const result = {};
+  for (const key in obj) {
+    if (Object.prototype.hasOwnProperty.call(obj, key)) {
+      const value = obj[key];
+      const newKey = fn(key, value);
+      result[newKey] = value;
     }
+  }
 
-    return result;
+  return result;
 };
 
 /**
@@ -27,8 +27,7 @@ const mapKeys = (obj, fn) => {
  * @param {String} key
  * @return {String}
  */
-const replaceKey = key =>
-    key.replace(/^(next)([A-Z])/, (match, p1, p2) => p2.toLowerCase());
+const replaceKey = key => key.replace(/^(next)([A-Z])/, (match, p1, p2) => p2.toLowerCase());
 
 /**
  * @param {Object} source
@@ -41,8 +40,7 @@ const transformContext = source => mapKeys(source, replaceKey);
  * @param {Object} prop
  * @param {Object} context
  */
-const Consumer = ({ children }, context) =>
-    typeof children === 'function' ? children(transformContext(context)) : null;
+const Consumer = ({ children }, context) => (typeof children === 'function' ? children(transformContext(context)) : null);
 
 /**
  * PropTypes
@@ -50,9 +48,9 @@ const Consumer = ({ children }, context) =>
  * @static
  */
 Consumer.propTypes = {
-    // Render context as function
-    // Function(context: object): ReactElement
-    children: PropTypes.func,
+  // Render context as function
+  // Function(context: object): ReactElement
+  children: PropTypes.func,
 };
 
 /**
@@ -61,13 +59,13 @@ Consumer.propTypes = {
  * @static
  */
 Consumer.contextTypes = {
-    nextPrefix: PropTypes.string,
-    nextLocale: PropTypes.object,
-    nextPure: PropTypes.bool,
-    newRtl: PropTypes.bool,
-    nextWarning: PropTypes.bool,
-    nextDevice: PropTypes.oneOf(['tablet', 'desktop', 'phone']),
-    nextPopupContainer: PropTypes.any,
+  nextPrefix: PropTypes.string,
+  nextLocale: PropTypes.object,
+  nextPure: PropTypes.bool,
+  newRtl: PropTypes.bool,
+  nextWarning: PropTypes.bool,
+  nextDevice: PropTypes.oneOf(['tablet', 'desktop', 'phone']),
+  nextPopupContainer: PropTypes.any,
 };
 
 export default Consumer;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/config-provider/error-boundary.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/config-provider/error-boundary.jsx
index 27041de87..804f5a73c 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/config-provider/error-boundary.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/config-provider/error-boundary.jsx
@@ -2,62 +2,62 @@ import React from 'react';
 import PropTypes from 'prop-types';
 
 DefaultUI.propTypes = {
-    error: PropTypes.object,
-    errorInfo: PropTypes.object,
+  error: PropTypes.object,
+  errorInfo: PropTypes.object,
 };
 
 function DefaultUI() {
-    return '';
+  return '';
 }
 
 export default class ErrorBoundary extends React.Component {
-    static propTypes = {
-        children: PropTypes.element,
-        /**
+  static propTypes = {
+    children: PropTypes.element,
+    /**
          * 捕获错误后的自定义处理, 比如埋点上传
          * @param {Object} error 错误
          * @param {Object} errorInfo 错误详细信息
          */
-        afterCatch: PropTypes.func,
-        /**
+    afterCatch: PropTypes.func,
+    /**
          * 捕获错误后的展现 自定义组件
          * @param {Object} error 错误
          * @param {Object} errorInfo 错误详细信息
          * @returns {Element} 捕获错误后的处理
          */
-        fallbackUI: PropTypes.func,
-    };
+    fallbackUI: PropTypes.func,
+  };
 
-    constructor(props) {
-        super(props);
-        this.state = { error: null, errorInfo: null };
+  constructor(props) {
+    super(props);
+    this.state = { error: null, errorInfo: null };
+  }
+
+  componentDidCatch(error, errorInfo) {
+    this.setState({
+      error,
+      errorInfo,
+    });
+
+    const { afterCatch } = this.props;
+
+    if ('afterCatch' in this.props && typeof afterCatch === 'function') {
+      this.props.afterCatch(error, errorInfo);
     }
+  }
 
-    componentDidCatch(error, errorInfo) {
-        this.setState({
-            error: error,
-            errorInfo: errorInfo,
-        });
+  render() {
+    const { fallbackUI: FallbackUI = DefaultUI } = this.props;
 
-        const { afterCatch } = this.props;
-
-        if ('afterCatch' in this.props && typeof afterCatch === 'function') {
-            this.props.afterCatch(error, errorInfo);
-        }
-    }
-
-    render() {
-        const { fallbackUI: FallbackUI = DefaultUI } = this.props;
-
-        if (this.state.errorInfo) {
-            return (
-                <FallbackUI
-                    error={this.state.error}
-                    errorInfo={this.state.errorInfo}
-                />
-            );
-        }
-        // Normally, just render children
-        return this.props.children;
+    if (this.state.errorInfo) {
+      return (
+        <FallbackUI
+          error={this.state.error}
+          errorInfo={this.state.errorInfo}
+        />
+      );
     }
+    // Normally, just render children
+    return this.props.children;
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/config-provider/get-context-props.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/config-provider/get-context-props.jsx
index 4aca7dc10..deb40c1d8 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/config-provider/get-context-props.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/config-provider/get-context-props.jsx
@@ -6,84 +6,84 @@ import { obj } from '../util';
  * @returns {Object} typeof obj.open === 'boolean'
  */
 const parseBoundary = input => {
-    let obj;
-    if (input === undefined || input === null) {
-        return {};
-    } else if (typeof input === 'boolean') {
-        obj = { open: input };
-    } else {
-        obj = { open: true, ...input };
-    }
+  let obj;
+  if (input === undefined || input === null) {
+    return {};
+  } else if (typeof input === 'boolean') {
+    obj = { open: input };
+  } else {
+    obj = { open: true, ...input };
+  }
 
-    return obj;
+  return obj;
 };
 
 export default function getContextProps(props, context, displayName) {
-    const {
-        prefix,
-        locale,
-        pure,
-        rtl,
-        device,
-        popupContainer,
-        errorBoundary,
-    } = props;
-    const {
-        nextPrefix,
-        nextLocale,
-        nextPure,
-        nextWarning,
-        nextRtl,
-        nextDevice,
-        nextPopupContainer,
-        nextErrorBoundary,
-    } = context;
+  const {
+    prefix,
+    locale,
+    pure,
+    rtl,
+    device,
+    popupContainer,
+    errorBoundary,
+  } = props;
+  const {
+    nextPrefix,
+    nextLocale,
+    nextPure,
+    nextWarning,
+    nextRtl,
+    nextDevice,
+    nextPopupContainer,
+    nextErrorBoundary,
+  } = context;
 
-    const newPrefix = prefix || nextPrefix;
+  const newPrefix = prefix || nextPrefix;
 
-    let localeFromContext;
-    if (nextLocale) {
-        localeFromContext = nextLocale[displayName];
-        if (localeFromContext) {
-            localeFromContext.momentLocale = nextLocale.momentLocale;
-        }
+  let localeFromContext;
+  if (nextLocale) {
+    localeFromContext = nextLocale[displayName];
+    if (localeFromContext) {
+      localeFromContext.momentLocale = nextLocale.momentLocale;
     }
+  }
 
-    let newLocale;
-    if (locale) {
-        newLocale = obj.deepMerge(
-            {},
-            zhCN[displayName],
-            localeFromContext,
-            locale
-        );
-    } else if (localeFromContext) {
-        newLocale = obj.deepMerge({}, zhCN[displayName], localeFromContext);
-    }
+  let newLocale;
+  if (locale) {
+    newLocale = obj.deepMerge(
+      {},
+      zhCN[displayName],
+      localeFromContext,
+      locale,
+    );
+  } else if (localeFromContext) {
+    newLocale = obj.deepMerge({}, zhCN[displayName], localeFromContext);
+  }
 
-    const newPure = typeof pure === 'boolean' ? pure : nextPure;
-    const newRtl = typeof rtl === 'boolean' ? rtl : nextRtl;
+  const newPure = typeof pure === 'boolean' ? pure : nextPure;
+  const newRtl = typeof rtl === 'boolean' ? rtl : nextRtl;
 
-    // ProtoType of [nextE|e]rrorBoundary can be one of [boolean, object]
-    // but typeof newErrorBoundary === 'object'
-    // newErrorBoundary should always have the key 'open', which indicates ErrorBoundary on or off
-    const newErrorBoundary = {
-        ...parseBoundary(nextErrorBoundary),
-        ...parseBoundary(errorBoundary),
-    };
+  // ProtoType of [nextE|e]rrorBoundary can be one of [boolean, object]
+  // but typeof newErrorBoundary === 'object'
+  // newErrorBoundary should always have the key 'open', which indicates ErrorBoundary on or off
+  const newErrorBoundary = {
+    ...parseBoundary(nextErrorBoundary),
+    ...parseBoundary(errorBoundary),
+  };
 
-    if (!('open' in newErrorBoundary)) {
-        newErrorBoundary.open = false;
-    }
+  if (!('open' in newErrorBoundary)) {
+    newErrorBoundary.open = false;
+  }
 
-    return {
-        prefix: newPrefix,
-        locale: newLocale,
-        pure: newPure,
-        rtl: newRtl,
-        warning: nextWarning,
-        device: device || nextDevice || undefined,
-        popupContainer: popupContainer || nextPopupContainer,
-        errorBoundary: newErrorBoundary,
-    };
+  return {
+    prefix: newPrefix,
+    locale: newLocale,
+    pure: newPure,
+    rtl: newRtl,
+    warning: nextWarning,
+    device: device || nextDevice || undefined,
+    popupContainer: popupContainer || nextPopupContainer,
+    errorBoundary: newErrorBoundary,
+  };
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/config-provider/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/config-provider/index.jsx
index 523f91313..ed6d6c687 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/config-provider/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/config-provider/index.jsx
@@ -3,14 +3,14 @@ import PropTypes from 'prop-types';
 import { polyfill } from 'react-lifecycles-compat';
 import getContextProps from './get-context-props';
 import {
-    config,
-    initLocales,
-    setLanguage,
-    setLocale,
-    setDirection,
-    getLocale,
-    getLanguage,
-    getDirection,
+  config,
+  initLocales,
+  setLanguage,
+  setLocale,
+  setDirection,
+  getLocale,
+  getLanguage,
+  getDirection,
 } from './config';
 import Consumer from './consumer';
 import ErrorBoundary from './error-boundary';
@@ -19,212 +19,220 @@ import Cache from './cache';
 const childContextCache = new Cache();
 
 const setMomentLocale = locale => {
-    let moment;
-    try {
-        moment = require('moment');
-    } catch (e) {
-        // ignore
-    }
+  let moment;
+  try {
+    moment = require('moment');
+  } catch (e) {
+    // ignore
+  }
 
-    if (moment && locale) {
-        moment.locale(locale.momentLocale);
-    }
+  if (moment && locale) {
+    moment.locale(locale.momentLocale);
+  }
 };
 /**
  * ConfigProvider
  * @propsExtends false
  */
 class ConfigProvider extends Component {
-    static propTypes = {
-        /**
+  static propTypes = {
+    /**
          * 样式类名的品牌前缀
          */
-        prefix: PropTypes.string,
-        /**
+    prefix: PropTypes.string,
+    /**
          * 国际化文案对象，属性为组件的 displayName
          */
-        locale: PropTypes.object,
-        /**
+    locale: PropTypes.object,
+    /**
          * 是否开启错误捕捉 errorBoundary
          * 如需自定义参数，请传入对象 对象接受参数列表如下：
          *
          * fallbackUI `Function(error?: {}, errorInfo?: {}) => Element` 捕获错误后的展示
          * afterCatch `Function(error?: {}, errorInfo?: {})` 捕获错误后的行为, 比如埋点上传
          */
-        errorBoundary: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
-        /**
+    errorBoundary: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
+    /**
          * 是否开启 Pure Render 模式，会提高性能，但是也会带来副作用
          */
-        pure: PropTypes.bool,
-        /**
+    pure: PropTypes.bool,
+    /**
          * 是否在开发模式下显示组件属性被废弃的 warning 提示
          */
-        warning: PropTypes.bool,
-        /**
+    warning: PropTypes.bool,
+    /**
          * 是否开启 rtl 模式
          */
-        rtl: PropTypes.bool,
-        /**
+    rtl: PropTypes.bool,
+    /**
          * 设备类型，针对不同的设备类型组件做出对应的响应式变化
          */
-        device: PropTypes.oneOf(['tablet', 'desktop', 'phone']),
-        /**
+    device: PropTypes.oneOf(['tablet', 'desktop', 'phone']),
+    /**
          * 组件树
          */
-        children: PropTypes.any,
-        /**
+    children: PropTypes.any,
+    /**
          * 指定浮层渲染的父节点, 可以为节点id的字符串，也可以返回节点的函数
          */
-        popupContainer: PropTypes.any,
-    };
+    popupContainer: PropTypes.any,
+  };
 
-    static defaultProps = {
-        warning: true,
-        errorBoundary: false,
-    };
+  static defaultProps = {
+    warning: true,
+    errorBoundary: false,
+  };
 
-    static childContextTypes = {
-        nextPrefix: PropTypes.string,
-        nextLocale: PropTypes.object,
-        nextPure: PropTypes.bool,
-        nextRtl: PropTypes.bool,
-        nextWarning: PropTypes.bool,
-        nextDevice: PropTypes.oneOf(['tablet', 'desktop', 'phone']),
-        nextPopupContainer: PropTypes.any,
-        nextErrorBoundary: PropTypes.oneOfType([
-            PropTypes.bool,
-            PropTypes.object,
-        ]),
-    };
+  static childContextTypes = {
+    nextPrefix: PropTypes.string,
+    nextLocale: PropTypes.object,
+    nextPure: PropTypes.bool,
+    nextRtl: PropTypes.bool,
+    nextWarning: PropTypes.bool,
+    nextDevice: PropTypes.oneOf(['tablet', 'desktop', 'phone']),
+    nextPopupContainer: PropTypes.any,
+    nextErrorBoundary: PropTypes.oneOfType([
+      PropTypes.bool,
+      PropTypes.object,
+    ]),
+  };
 
-    /**
+  /**
      * 传入组件，生成受 ConfigProvider 控制的 HOC 组件
      * @param {Component} Component 组件类
      * @param {Object} options 可选项
      * @returns {Component} HOC
      */
-    static config = (Component, options) => {
-        return config(Component, options);
-    };
+  static config = (Component, options) => {
+    return config(Component, options);
+  };
 
-    /**
+  /**
      * 传入组件的 props 和 displayName，得到和 childContext 计算过的包含有 preifx/locale/pure 的对象，一般用于通过静态方法生成脱离组件树的组件
      * @param {Object} props 组件的 props
      * @param {String} displayName 组件的 displayName
      * @returns {Object} 新的 context props
      */
-    static getContextProps = (props, displayName) => {
-        return getContextProps(
-            props,
-            childContextCache.root() || {},
-            displayName
-        );
+  static getContextProps = (props, displayName) => {
+    return getContextProps(
+      props,
+      childContextCache.root() || {},
+      displayName,
+    );
+  };
+
+  static initLocales = initLocales;
+
+  static setLanguage = setLanguage;
+
+  static setLocale = setLocale;
+
+  static setDirection = setDirection;
+
+  static getLanguage = getLanguage;
+
+  static getLocale = getLocale;
+
+  static getDirection = getDirection;
+
+  static Consumer = Consumer;
+
+  static ErrorBoundary = ErrorBoundary;
+
+  static getContext = () => {
+    const {
+      nextPrefix,
+      nextLocale,
+      nextPure,
+      nextRtl,
+      nextWarning,
+      nextDevice,
+      nextPopupContainer,
+      nextErrorBoundary,
+    } = childContextCache.root() || {};
+
+    return {
+      prefix: nextPrefix,
+      locale: nextLocale,
+      pure: nextPure,
+      rtl: nextRtl,
+      warning: nextWarning,
+      device: nextDevice,
+      popupContainer: nextPopupContainer,
+      errorBoundary: nextErrorBoundary,
     };
+  };
 
-    static initLocales = initLocales;
-    static setLanguage = setLanguage;
-    static setLocale = setLocale;
-    static setDirection = setDirection;
-    static getLanguage = getLanguage;
-    static getLocale = getLocale;
-    static getDirection = getDirection;
-    static Consumer = Consumer;
-    static ErrorBoundary = ErrorBoundary;
+  constructor(...args) {
+    super(...args);
+    childContextCache.add(
+      this,
+      Object.assign(
+        {},
+        childContextCache.get(this, {}),
+        this.getChildContext(),
+      ),
+    );
 
-    static getContext = () => {
-        const {
-            nextPrefix,
-            nextLocale,
-            nextPure,
-            nextRtl,
-            nextWarning,
-            nextDevice,
-            nextPopupContainer,
-            nextErrorBoundary,
-        } = childContextCache.root() || {};
-
-        return {
-            prefix: nextPrefix,
-            locale: nextLocale,
-            pure: nextPure,
-            rtl: nextRtl,
-            warning: nextWarning,
-            device: nextDevice,
-            popupContainer: nextPopupContainer,
-            errorBoundary: nextErrorBoundary,
-        };
+    this.state = {
+      locale: this.props.locale,
     };
+  }
 
-    constructor(...args) {
-        super(...args);
-        childContextCache.add(
-            this,
-            Object.assign(
-                {},
-                childContextCache.get(this, {}),
-                this.getChildContext()
-            )
-        );
+  getChildContext() {
+    const {
+      prefix,
+      locale,
+      pure,
+      warning,
+      rtl,
+      device,
+      popupContainer,
+      errorBoundary,
+    } = this.props;
 
-        this.state = {
-            locale: this.props.locale,
-        };
+    return {
+      nextPrefix: prefix,
+      nextLocale: locale,
+      nextPure: pure,
+      nextRtl: rtl,
+      nextWarning: warning,
+      nextDevice: device,
+      nextPopupContainer: popupContainer,
+      nextErrorBoundary: errorBoundary,
+    };
+  }
+
+  static getDerivedStateFromProps(nextProps, prevState) {
+    if (nextProps.locale !== prevState.locale) {
+      setMomentLocale(nextProps.locale);
+
+      return {
+        locale: nextProps.locale,
+      };
     }
 
-    getChildContext() {
-        const {
-            prefix,
-            locale,
-            pure,
-            warning,
-            rtl,
-            device,
-            popupContainer,
-            errorBoundary,
-        } = this.props;
+    return null;
+  }
 
-        return {
-            nextPrefix: prefix,
-            nextLocale: locale,
-            nextPure: pure,
-            nextRtl: rtl,
-            nextWarning: warning,
-            nextDevice: device,
-            nextPopupContainer: popupContainer,
-            nextErrorBoundary: errorBoundary,
-        };
-    }
+  componentDidUpdate() {
+    childContextCache.add(
+      this,
+      Object.assign(
+        {},
+        childContextCache.get(this, {}),
+        this.getChildContext(),
+      ),
+    );
+  }
 
-    static getDerivedStateFromProps(nextProps, prevState) {
-        if (nextProps.locale !== prevState.locale) {
-            setMomentLocale(nextProps.locale);
+  componentWillUnmount() {
+    childContextCache.remove(this);
+  }
 
-            return {
-                locale: nextProps.locale,
-            };
-        }
-
-        return null;
-    }
-
-    componentDidUpdate() {
-        childContextCache.add(
-            this,
-            Object.assign(
-                {},
-                childContextCache.get(this, {}),
-                this.getChildContext()
-            )
-        );
-    }
-
-    componentWillUnmount() {
-        childContextCache.remove(this);
-    }
-
-    render() {
-        return Children.only(this.props.children);
-    }
+  render() {
+    return Children.only(this.props.children);
+  }
 }
 
 export default polyfill(ConfigProvider);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/date-picker/date-picker.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/date-picker/date-picker.jsx
index fa9819655..6931d5064 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/date-picker/date-picker.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/date-picker/date-picker.jsx
@@ -10,14 +10,14 @@ import TimePickerPanel from '../time-picker/panel';
 import nextLocale from '../locale/zh-cn';
 import { func, obj } from '../util';
 import {
-    PANEL,
-    resetValueTime,
-    checkDateValue,
-    formatDateValue,
-    getDateTimeFormat,
-    extend,
-    onDateKeydown,
-    onTimeKeydown,
+  PANEL,
+  resetValueTime,
+  checkDateValue,
+  formatDateValue,
+  getDateTimeFormat,
+  extend,
+  onDateKeydown,
+  onTimeKeydown,
 } from './util';
 import PanelFooter from './module/panel-footer';
 
@@ -27,722 +27,720 @@ const { Popup } = Overlay;
  * DatePicker
  */
 export default class DatePicker extends Component {
-    static propTypes = {
-        ...ConfigProvider.propTypes,
-        prefix: PropTypes.string,
-        rtl: PropTypes.bool,
-        /**
+  static propTypes = {
+    ...ConfigProvider.propTypes,
+    prefix: PropTypes.string,
+    rtl: PropTypes.bool,
+    /**
          * 输入框内置标签
          */
-        label: PropTypes.node,
-        /**
+    label: PropTypes.node,
+    /**
          * 输入框状态
          */
-        state: PropTypes.oneOf(['success', 'loading', 'error']),
-        /**
+    state: PropTypes.oneOf(['success', 'loading', 'error']),
+    /**
          * 输入提示
          */
-        placeholder: PropTypes.string,
-        /**
+    placeholder: PropTypes.string,
+    /**
          * 默认展现的月
          * @return {MomentObject} 返回包含指定月份的 moment 对象实例
          */
-        defaultVisibleMonth: PropTypes.func,
-        onVisibleMonthChange: PropTypes.func,
-        /**
+    defaultVisibleMonth: PropTypes.func,
+    onVisibleMonthChange: PropTypes.func,
+    /**
          * 日期值（受控）moment 对象
          */
-        value: checkDateValue,
-        /**
+    value: checkDateValue,
+    /**
          * 初始日期值，moment 对象
          */
-        defaultValue: checkDateValue,
-        /**
+    defaultValue: checkDateValue,
+    /**
          * 日期值的格式（用于限定用户输入和展示）
          */
-        format: PropTypes.string,
-        /**
+    format: PropTypes.string,
+    /**
          * 是否使用时间控件，传入 TimePicker 的属性 { defaultValue, format, ... }
          */
-        showTime: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
-        /**
+    showTime: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
+    /**
          * 每次选择日期时是否重置时间（仅在 showTime 开启时有效）
          */
-        resetTime: PropTypes.bool,
-        /**
+    resetTime: PropTypes.bool,
+    /**
          * 禁用日期函数
          * @param {MomentObject} 日期值
          * @param {String} view 当前视图类型，year: 年， month: 月, date: 日
          * @return {Boolean} 是否禁用
          */
-        disabledDate: PropTypes.func,
-        /**
+    disabledDate: PropTypes.func,
+    /**
          * 自定义面板页脚
          * @return {Node} 自定义的面板页脚组件
          */
-        footerRender: PropTypes.func,
-        /**
+    footerRender: PropTypes.func,
+    /**
          * 日期值改变时的回调
          * @param {MomentObject|String} value 日期值
          */
-        onChange: PropTypes.func,
-        /**
+    onChange: PropTypes.func,
+    /**
          * 点击确认按钮时的回调
          * @return {MomentObject|String} 日期值
          */
-        onOk: PropTypes.func,
-        /**
+    onOk: PropTypes.func,
+    /**
          * 输入框尺寸
          */
-        size: PropTypes.oneOf(['small', 'medium', 'large']),
-        /**
+    size: PropTypes.oneOf(['small', 'medium', 'large']),
+    /**
          * 是否禁用
          */
-        disabled: PropTypes.bool,
-        /**
+    disabled: PropTypes.bool,
+    /**
          * 是否显示清空按钮
          */
-        hasClear: PropTypes.bool,
-        /**
+    hasClear: PropTypes.bool,
+    /**
          * 弹层显示状态
          */
-        visible: PropTypes.bool,
-        /**
+    visible: PropTypes.bool,
+    /**
          * 弹层默认是否显示
          */
-        defaultVisible: PropTypes.bool,
-        /**
+    defaultVisible: PropTypes.bool,
+    /**
          * 弹层展示状态变化时的回调
          * @param {Boolean} visible 弹层是否显示
          * @param {String} type 触发弹层显示和隐藏的来源 calendarSelect 表示由日期表盘的选择触发； okBtnClick 表示由确认按钮触发； fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发
          */
-        onVisibleChange: PropTypes.func,
-        /**
+    onVisibleChange: PropTypes.func,
+    /**
          * 弹层触发方式
          */
-        popupTriggerType: PropTypes.oneOf(['click', 'hover']),
-        /**
+    popupTriggerType: PropTypes.oneOf(['click', 'hover']),
+    /**
          * 弹层对齐方式,具体含义见 OverLay文档
          */
-        popupAlign: PropTypes.string,
-        /**
+    popupAlign: PropTypes.string,
+    /**
          * 弹层容器
          * @param {Element} target 目标元素
          * @return {Element} 弹层的容器元素
          */
-        popupContainer: PropTypes.any,
-        /**
+    popupContainer: PropTypes.any,
+    /**
          * 弹层自定义样式
          */
-        popupStyle: PropTypes.object,
-        /**
+    popupStyle: PropTypes.object,
+    /**
          * 弹层自定义样式类
          */
-        popupClassName: PropTypes.string,
-        /**
+    popupClassName: PropTypes.string,
+    /**
          * 弹层其他属性
          */
-        popupProps: PropTypes.object,
-        /**
+    popupProps: PropTypes.object,
+    /**
          * 是否跟随滚动
          */
-        followTrigger: PropTypes.bool,
-        /**
+    followTrigger: PropTypes.bool,
+    /**
          * 输入框其他属性
          */
-        inputProps: PropTypes.object,
-        /**
+    inputProps: PropTypes.object,
+    /**
          * 自定义日期渲染函数
          * @param {Object} value 日期值（moment对象）
          * @returns {ReactNode}
          */
-        dateCellRender: PropTypes.func,
-        /**
+    dateCellRender: PropTypes.func,
+    /**
          * 自定义月份渲染函数
          * @param {Object} calendarDate 对应 Calendar 返回的自定义日期对象
          * @returns {ReactNode}
          */
-        monthCellRender: PropTypes.func,
-        yearCellRender: PropTypes.func, // 兼容 0.x yearCellRender
-        /**
+    monthCellRender: PropTypes.func,
+    yearCellRender: PropTypes.func, // 兼容 0.x yearCellRender
+    /**
          * 日期输入框的 aria-label 属性
          */
-        dateInputAriaLabel: PropTypes.string,
-        /**
+    dateInputAriaLabel: PropTypes.string,
+    /**
          * 时间输入框的 aria-label 属性
          */
-        timeInputAriaLabel: PropTypes.string,
-        /**
+    timeInputAriaLabel: PropTypes.string,
+    /**
          * 是否为预览态
          */
-        isPreview: PropTypes.bool,
-        /**
+    isPreview: PropTypes.bool,
+    /**
          * 预览态模式下渲染的内容
          * @param {MomentObject} value 日期
          */
-        renderPreview: PropTypes.func,
-        locale: PropTypes.object,
-        className: PropTypes.string,
-        name: PropTypes.string,
-        popupComponent: PropTypes.elementType,
-        popupContent: PropTypes.node,
-        disableChangeMode: PropTypes.bool,
-        yearRange: PropTypes.arrayOf(PropTypes.number),
-    };
+    renderPreview: PropTypes.func,
+    locale: PropTypes.object,
+    className: PropTypes.string,
+    name: PropTypes.string,
+    popupComponent: PropTypes.elementType,
+    popupContent: PropTypes.node,
+    disableChangeMode: PropTypes.bool,
+    yearRange: PropTypes.arrayOf(PropTypes.number),
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        rtl: false,
-        format: 'YYYY-MM-DD',
-        size: 'medium',
-        showTime: false,
-        resetTime: false,
-        disabledDate: () => false,
-        footerRender: () => null,
-        hasClear: true,
-        popupTriggerType: 'click',
-        popupAlign: 'tl tl',
-        locale: nextLocale.DatePicker,
-        defaultVisible: false,
-        onChange: func.noop,
-        onVisibleChange: func.noop,
-        onOk: func.noop,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    rtl: false,
+    format: 'YYYY-MM-DD',
+    size: 'medium',
+    showTime: false,
+    resetTime: false,
+    disabledDate: () => false,
+    footerRender: () => null,
+    hasClear: true,
+    popupTriggerType: 'click',
+    popupAlign: 'tl tl',
+    locale: nextLocale.DatePicker,
+    defaultVisible: false,
+    onChange: func.noop,
+    onVisibleChange: func.noop,
+    onOk: func.noop,
+  };
 
-    constructor(props, context) {
-        super(props, context);
-        const dateTimeFormat = getDateTimeFormat(props.format, props.showTime);
-        extend(dateTimeFormat, this);
+  constructor(props, context) {
+    super(props, context);
+    const dateTimeFormat = getDateTimeFormat(props.format, props.showTime);
+    extend(dateTimeFormat, this);
 
-        const value = formatDateValue(
-            props.value || props.defaultValue,
-            this.dateTimeFormat
-        );
-        this.inputAsString =
+    const value = formatDateValue(
+      props.value || props.defaultValue,
+      this.dateTimeFormat,
+    );
+    this.inputAsString =
             typeof (props.value || props.defaultValue) === 'string'; // 判断用户输入是否是字符串
-        this.state = {
-            value,
-            dateInputStr: '',
-            timeInputStr: '',
-            inputing: false, // 当前是否处于输入状态
-            visible: props.visible || props.defaultVisible,
-            panel: PANEL.DATE,
-        };
+    this.state = {
+      value,
+      dateInputStr: '',
+      timeInputStr: '',
+      inputing: false, // 当前是否处于输入状态
+      visible: props.visible || props.defaultVisible,
+      panel: PANEL.DATE,
+    };
+  }
+
+  componentWillReceiveProps(nextProps) {
+    if ('showTime' in nextProps) {
+      const dateTimeFormat = getDateTimeFormat(
+        nextProps.format || this.props.format,
+        nextProps.showTime,
+      );
+      extend(dateTimeFormat, this);
     }
 
-    componentWillReceiveProps(nextProps) {
-        if ('showTime' in nextProps) {
-            const dateTimeFormat = getDateTimeFormat(
-                nextProps.format || this.props.format,
-                nextProps.showTime
-            );
-            extend(dateTimeFormat, this);
-        }
-
-        if ('value' in nextProps) {
-            const value = formatDateValue(nextProps.value, this.dateTimeFormat);
-            this.setState({
-                value,
-            });
-            this.inputAsString = typeof nextProps.value === 'string';
-        }
-
-        if ('visible' in nextProps) {
-            this.setState({
-                visible: nextProps.visible,
-            });
-        }
+    if ('value' in nextProps) {
+      const value = formatDateValue(nextProps.value, this.dateTimeFormat);
+      this.setState({
+        value,
+      });
+      this.inputAsString = typeof nextProps.value === 'string';
     }
 
-    onValueChange = (newValue, handler = 'onChange') => {
-        const ret =
+    if ('visible' in nextProps) {
+      this.setState({
+        visible: nextProps.visible,
+      });
+    }
+  }
+
+  onValueChange = (newValue, handler = 'onChange') => {
+    const ret =
             this.inputAsString && newValue
-                ? newValue.format(this.dateTimeFormat)
-                : newValue;
-        this.props[handler](ret);
-    };
+              ? newValue.format(this.dateTimeFormat)
+              : newValue;
+    this.props[handler](ret);
+  };
 
-    onSelectCalendarPanel = value => {
-        const { showTime, resetTime } = this.props;
+  onSelectCalendarPanel = value => {
+    const { showTime, resetTime } = this.props;
 
-        const prevValue = this.state.value;
-        let newValue = value;
-        if (showTime) {
-            if (!prevValue) {
-                // 第一次选择日期值时，如果设置了默认时间，则使用该默认时间
-                if (showTime.defaultValue) {
-                    const defaultTimeValue = formatDateValue(
-                        showTime.defaultValue,
-                        this.timeFormat
-                    );
-                    newValue = resetValueTime(value, defaultTimeValue);
-                }
-            } else if (!resetTime) {
-                // 非第一选择日期，如果开启了 resetTime 属性，则记住之前选择的时间值
-                newValue = resetValueTime(value, prevValue);
-            }
+    const prevValue = this.state.value;
+    let newValue = value;
+    if (showTime) {
+      if (!prevValue) {
+        // 第一次选择日期值时，如果设置了默认时间，则使用该默认时间
+        if (showTime.defaultValue) {
+          const defaultTimeValue = formatDateValue(
+            showTime.defaultValue,
+            this.timeFormat,
+          );
+          newValue = resetValueTime(value, defaultTimeValue);
         }
-
-        this.handleChange(newValue, prevValue, { inputing: false });
-
-        if (!showTime) {
-            this.onVisibleChange(false, 'calendarSelect');
-        }
-    };
-
-    onSelectTimePanel = value => {
-        this.handleChange(value, this.state.value, { inputing: false });
-    };
-
-    clearValue = () => {
-        this.setState({
-            dateInputStr: '',
-            timeInputStr: '',
-        });
-
-        this.handleChange(null, this.state.value, { inputing: false });
-    };
-
-    onDateInputChange = (inputStr, e, eventType) => {
-        if (eventType === 'clear' || !inputStr) {
-            e.stopPropagation();
-            this.clearValue();
-        } else {
-            this.setState({
-                dateInputStr: inputStr,
-                inputing: 'date',
-            });
-        }
-    };
-
-    onTimeInputChange = inputStr => {
-        this.setState({
-            timeInputStr: inputStr,
-            inputing: 'time',
-        });
-    };
-
-    onDateInputBlur = () => {
-        const { dateInputStr } = this.state;
-        if (dateInputStr) {
-            const { disabledDate } = this.props;
-            const parsed = moment(dateInputStr, this.format, true);
-
-            this.setState({
-                dateInputStr: '',
-                inputing: false,
-            });
-
-            if (parsed.isValid() && !disabledDate(parsed, 'date')) {
-                this.handleChange(parsed, this.state.value);
-            }
-        }
-    };
-
-    onTimeInputBlur = () => {
-        const { value, timeInputStr } = this.state;
-        if (timeInputStr) {
-            const parsed = moment(timeInputStr, this.timeFormat, true);
-
-            this.setState({
-                timeInputStr: '',
-                inputing: false,
-            });
-
-            if (parsed.isValid()) {
-                const hour = parsed.hour();
-                const minute = parsed.minute();
-                const second = parsed.second();
-                const newValue = value
-                    .clone()
-                    .hour(hour)
-                    .minute(minute)
-                    .second(second);
-
-                this.handleChange(newValue, this.state.value);
-            }
-        }
-    };
-
-    onKeyDown = e => {
-        const { format } = this.props;
-        const { dateInputStr, value } = this.state;
-        const dateStr = onDateKeydown(
-            e,
-            { format, dateInputStr, value },
-            'day'
-        );
-        if (!dateStr) return;
-        this.onDateInputChange(dateStr);
-    };
-
-    onTimeKeyDown = e => {
-        const { showTime } = this.props;
-        const { timeInputStr, value } = this.state;
-        const {
-            disabledMinutes,
-            disabledSeconds,
-            hourStep = 1,
-            minuteStep = 1,
-            secondStep = 1,
-        } = typeof showTime === 'object' ? showTime : {};
-        let unit = 'second';
-
-        if (disabledSeconds) {
-            unit = disabledMinutes ? 'hour' : 'minute';
-        }
-
-        const timeStr = onTimeKeydown(
-            e,
-            {
-                format: this.timeFormat,
-                timeInputStr,
-                value,
-                steps: {
-                    hour: hourStep,
-                    minute: minuteStep,
-                    second: secondStep,
-                },
-            },
-            unit
-        );
-
-        if (!timeStr) return;
-
-        this.onTimeInputChange(timeStr);
-    };
-
-    handleChange = (newValue, prevValue, others = {}) => {
-        if (!('value' in this.props)) {
-            this.setState({
-                value: newValue,
-                ...others,
-            });
-        } else {
-            this.setState({
-                ...others,
-            });
-        }
-
-        const newValueOf = newValue ? newValue.valueOf() : null;
-        const preValueOf = prevValue ? prevValue.valueOf() : null;
-
-        if (newValueOf !== preValueOf) {
-            this.onValueChange(newValue);
-        }
-    };
-
-    onFoucsDateInput = () => {
-        if (this.state.panel !== PANEL.DATE) {
-            this.setState({
-                panel: PANEL.DATE,
-            });
-        }
-    };
-
-    onFoucsTimeInput = () => {
-        if (this.state.panel !== PANEL.TIME) {
-            this.setState({
-                panel: PANEL.TIME,
-            });
-        }
-    };
-
-    onVisibleChange = (visible, type) => {
-        if (!('visible' in this.props)) {
-            this.setState({
-                visible,
-            });
-        }
-        this.props.onVisibleChange(visible, type);
-    };
-
-    changePanel = panel => {
-        this.setState({
-            panel,
-        });
-    };
-
-    onOk = () => {
-        this.onVisibleChange(false, 'okBtnClick');
-        this.onValueChange(this.state.value, 'onOk');
-    };
-
-    renderPreview(others) {
-        const { prefix, format, className, renderPreview } = this.props;
-        const { value } = this.state;
-        const previewCls = classnames(className, `${prefix}form-preview`);
-
-        const label = value ? value.format(format) : '';
-
-        if (typeof renderPreview === 'function') {
-            return (
-                <div {...others} className={previewCls}>
-                    {renderPreview(value, this.props)}
-                </div>
-            );
-        }
-
-        return (
-            <p {...others} className={previewCls}>
-                {label}
-            </p>
-        );
+      } else if (!resetTime) {
+        // 非第一选择日期，如果开启了 resetTime 属性，则记住之前选择的时间值
+        newValue = resetValueTime(value, prevValue);
+      }
     }
 
-    render() {
-        const {
-            prefix,
-            rtl,
-            locale,
-            label,
-            state,
-            defaultVisibleMonth,
-            onVisibleMonthChange,
-            showTime,
-            disabledDate,
-            footerRender,
-            placeholder,
-            size,
-            disabled,
-            hasClear,
-            popupTriggerType,
-            popupAlign,
-            popupContainer,
-            popupStyle,
-            popupClassName,
-            popupProps,
-            popupComponent,
-            popupContent,
-            followTrigger,
-            className,
-            inputProps,
-            dateCellRender,
-            monthCellRender,
-            yearCellRender,
-            dateInputAriaLabel,
-            timeInputAriaLabel,
-            isPreview,
-            disableChangeMode,
-            yearRange,
-            ...others
-        } = this.props;
+    this.handleChange(newValue, prevValue, { inputing: false });
 
-        const {
-            visible,
-            value,
-            dateInputStr,
-            timeInputStr,
-            panel,
-            inputing,
-        } = this.state;
+    if (!showTime) {
+      this.onVisibleChange(false, 'calendarSelect');
+    }
+  };
 
-        const datePickerCls = classnames(
-            {
-                [`${prefix}date-picker`]: true,
-            },
-            className
-        );
+  onSelectTimePanel = value => {
+    this.handleChange(value, this.state.value, { inputing: false });
+  };
 
-        const triggerInputCls = classnames({
-            [`${prefix}date-picker-input`]: true,
-            [`${prefix}error`]: false,
-        });
+  clearValue = () => {
+    this.setState({
+      dateInputStr: '',
+      timeInputStr: '',
+    });
 
-        const panelBodyClassName = classnames({
-            [`${prefix}date-picker-body`]: true,
-            [`${prefix}date-picker-body-show-time`]: showTime,
-        });
+    this.handleChange(null, this.state.value, { inputing: false });
+  };
 
-        const panelDateInputCls = classnames({
-            [`${prefix}date-picker-panel-input`]: true,
-            [`${prefix}focus`]: panel === PANEL.DATE,
-        });
+  onDateInputChange = (inputStr, e, eventType) => {
+    if (eventType === 'clear' || !inputStr) {
+      e.stopPropagation();
+      this.clearValue();
+    } else {
+      this.setState({
+        dateInputStr: inputStr,
+        inputing: 'date',
+      });
+    }
+  };
 
-        if (rtl) {
-            others.dir = 'rtl';
-        }
+  onTimeInputChange = inputStr => {
+    this.setState({
+      timeInputStr: inputStr,
+      inputing: 'time',
+    });
+  };
 
-        if (isPreview) {
-            return this.renderPreview(
-                obj.pickOthers(others, DatePicker.PropTypes)
-            );
-        }
+  onDateInputBlur = () => {
+    const { dateInputStr } = this.state;
+    if (dateInputStr) {
+      const { disabledDate } = this.props;
+      const parsed = moment(dateInputStr, this.format, true);
 
-        const sharedInputProps = {
-            ...inputProps,
-            size,
-            disabled,
-            onChange: this.onDateInputChange,
-            onBlur: this.onDateInputBlur,
-            onPressEnter: this.onDateInputBlur,
-            onKeyDown: this.onKeyDown,
-        };
+      this.setState({
+        dateInputStr: '',
+        inputing: false,
+      });
 
-        const dateInputValue =
+      if (parsed.isValid() && !disabledDate(parsed, 'date')) {
+        this.handleChange(parsed, this.state.value);
+      }
+    }
+  };
+
+  onTimeInputBlur = () => {
+    const { value, timeInputStr } = this.state;
+    if (timeInputStr) {
+      const parsed = moment(timeInputStr, this.timeFormat, true);
+
+      this.setState({
+        timeInputStr: '',
+        inputing: false,
+      });
+
+      if (parsed.isValid()) {
+        const hour = parsed.hour();
+        const minute = parsed.minute();
+        const second = parsed.second();
+        const newValue = value
+          .clone()
+          .hour(hour)
+          .minute(minute)
+          .second(second);
+
+        this.handleChange(newValue, this.state.value);
+      }
+    }
+  };
+
+  onKeyDown = e => {
+    const { format } = this.props;
+    const { dateInputStr, value } = this.state;
+    const dateStr = onDateKeydown(
+      e,
+      { format, dateInputStr, value },
+      'day',
+    );
+    if (!dateStr) return;
+    this.onDateInputChange(dateStr);
+  };
+
+  onTimeKeyDown = e => {
+    const { showTime } = this.props;
+    const { timeInputStr, value } = this.state;
+    const {
+      disabledMinutes,
+      disabledSeconds,
+      hourStep = 1,
+      minuteStep = 1,
+      secondStep = 1,
+    } = typeof showTime === 'object' ? showTime : {};
+    let unit = 'second';
+
+    if (disabledSeconds) {
+      unit = disabledMinutes ? 'hour' : 'minute';
+    }
+
+    const timeStr = onTimeKeydown(
+      e,
+      {
+        format: this.timeFormat,
+        timeInputStr,
+        value,
+        steps: {
+          hour: hourStep,
+          minute: minuteStep,
+          second: secondStep,
+        },
+      },
+      unit,
+    );
+
+    if (!timeStr) return;
+
+    this.onTimeInputChange(timeStr);
+  };
+
+  handleChange = (newValue, prevValue, others = {}) => {
+    if (!('value' in this.props)) {
+      this.setState({
+        value: newValue,
+        ...others,
+      });
+    } else {
+      this.setState({
+        ...others,
+      });
+    }
+
+    const newValueOf = newValue ? newValue.valueOf() : null;
+    const preValueOf = prevValue ? prevValue.valueOf() : null;
+
+    if (newValueOf !== preValueOf) {
+      this.onValueChange(newValue);
+    }
+  };
+
+  onFoucsDateInput = () => {
+    if (this.state.panel !== PANEL.DATE) {
+      this.setState({
+        panel: PANEL.DATE,
+      });
+    }
+  };
+
+  onFoucsTimeInput = () => {
+    if (this.state.panel !== PANEL.TIME) {
+      this.setState({
+        panel: PANEL.TIME,
+      });
+    }
+  };
+
+  onVisibleChange = (visible, type) => {
+    if (!('visible' in this.props)) {
+      this.setState({
+        visible,
+      });
+    }
+    this.props.onVisibleChange(visible, type);
+  };
+
+  changePanel = panel => {
+    this.setState({
+      panel,
+    });
+  };
+
+  onOk = () => {
+    this.onVisibleChange(false, 'okBtnClick');
+    this.onValueChange(this.state.value, 'onOk');
+  };
+
+  renderPreview(others) {
+    const { prefix, format, className, renderPreview } = this.props;
+    const { value } = this.state;
+    const previewCls = classnames(className, `${prefix}form-preview`);
+
+    const label = value ? value.format(format) : '';
+
+    if (typeof renderPreview === 'function') {
+      return (
+        <div {...others} className={previewCls}>
+          {renderPreview(value, this.props)}
+        </div>
+      );
+    }
+
+    return (
+      <p {...others} className={previewCls}>
+        {label}
+      </p>
+    );
+  }
+
+  render() {
+    const {
+      prefix,
+      rtl,
+      locale,
+      label,
+      state,
+      defaultVisibleMonth,
+      onVisibleMonthChange,
+      showTime,
+      disabledDate,
+      footerRender,
+      placeholder,
+      size,
+      disabled,
+      hasClear,
+      popupTriggerType,
+      popupAlign,
+      popupContainer,
+      popupStyle,
+      popupClassName,
+      popupProps,
+      popupComponent,
+      popupContent,
+      followTrigger,
+      className,
+      inputProps,
+      dateCellRender,
+      monthCellRender,
+      yearCellRender,
+      dateInputAriaLabel,
+      timeInputAriaLabel,
+      isPreview,
+      disableChangeMode,
+      yearRange,
+      ...others
+    } = this.props;
+
+    const {
+      visible,
+      value,
+      dateInputStr,
+      timeInputStr,
+      panel,
+      inputing,
+    } = this.state;
+
+    const datePickerCls = classnames(
+      {
+        [`${prefix}date-picker`]: true,
+      },
+      className,
+    );
+
+    const triggerInputCls = classnames({
+      [`${prefix}date-picker-input`]: true,
+      [`${prefix}error`]: false,
+    });
+
+    const panelBodyClassName = classnames({
+      [`${prefix}date-picker-body`]: true,
+      [`${prefix}date-picker-body-show-time`]: showTime,
+    });
+
+    const panelDateInputCls = classnames({
+      [`${prefix}date-picker-panel-input`]: true,
+      [`${prefix}focus`]: panel === PANEL.DATE,
+    });
+
+    if (rtl) {
+      others.dir = 'rtl';
+    }
+
+    if (isPreview) {
+      return this.renderPreview(
+        obj.pickOthers(others, DatePicker.PropTypes),
+      );
+    }
+
+    const sharedInputProps = {
+      ...inputProps,
+      size,
+      disabled,
+      onChange: this.onDateInputChange,
+      onBlur: this.onDateInputBlur,
+      onPressEnter: this.onDateInputBlur,
+      onKeyDown: this.onKeyDown,
+    };
+
+    const dateInputValue =
             inputing === 'date'
-                ? dateInputStr
-                : (value && value.format(this.format)) || '';
-        let triggerInputValue = dateInputValue;
+              ? dateInputStr
+              : (value && value.format(this.format)) || '';
+    let triggerInputValue = dateInputValue;
 
-        const dateInput = (
-            <Input
-                {...sharedInputProps}
-                aria-label={dateInputAriaLabel}
-                value={dateInputValue}
-                onFocus={this.onFoucsDateInput}
-                placeholder={this.format}
-                className={panelDateInputCls}
-            />
-        );
+    const dateInput = (
+      <Input
+        {...sharedInputProps}
+        aria-label={dateInputAriaLabel}
+        value={dateInputValue}
+        onFocus={this.onFoucsDateInput}
+        placeholder={this.format}
+        className={panelDateInputCls}
+      />
+    );
 
-        const datePanel = (
-            <Calendar
-                shape="panel"
-                value={value}
-                format={this.format}
-                dateCellRender={dateCellRender}
-                monthCellRender={monthCellRender}
-                yearCellRender={yearCellRender}
-                onSelect={this.onSelectCalendarPanel}
-                defaultVisibleMonth={defaultVisibleMonth}
-                onVisibleMonthChange={onVisibleMonthChange}
-                disabledDate={disabledDate}
-                disableChangeMode={disableChangeMode}
-                yearRange={yearRange}
-            />
-        );
+    const datePanel = (
+      <Calendar
+        shape="panel"
+        value={value}
+        format={this.format}
+        dateCellRender={dateCellRender}
+        monthCellRender={monthCellRender}
+        yearCellRender={yearCellRender}
+        onSelect={this.onSelectCalendarPanel}
+        defaultVisibleMonth={defaultVisibleMonth}
+        onVisibleMonthChange={onVisibleMonthChange}
+        disabledDate={disabledDate}
+        disableChangeMode={disableChangeMode}
+        yearRange={yearRange}
+      />
+    );
 
-        let panelFooter = footerRender();
+    let panelFooter = footerRender();
 
-        let timeInput = null;
-        let timePanel = null;
+    let timeInput = null;
+    let timePanel = null;
 
-        if (showTime) {
-            const timeInputValue =
+    if (showTime) {
+      const timeInputValue =
                 inputing === 'time'
-                    ? timeInputStr
-                    : (value && value.format(this.timeFormat)) || '';
-            triggerInputValue =
+                  ? timeInputStr
+                  : (value && value.format(this.timeFormat)) || '';
+      triggerInputValue =
                 (value && value.format(this.dateTimeFormat)) || '';
 
-            const timePanelProps = typeof showTime === 'object' ? showTime : {};
+      const timePanelProps = typeof showTime === 'object' ? showTime : {};
 
-            const showSecond = this.timeFormat.indexOf('s') > -1;
-            const showMinute = this.timeFormat.indexOf('m') > -1;
+      const showSecond = this.timeFormat.indexOf('s') > -1;
+      const showMinute = this.timeFormat.indexOf('m') > -1;
 
-            const panelTimeInputCls = classnames({
-                [`${prefix}date-picker-panel-input`]: true,
-                [`${prefix}focus`]: panel === PANEL.TIME,
-            });
+      const panelTimeInputCls = classnames({
+        [`${prefix}date-picker-panel-input`]: true,
+        [`${prefix}focus`]: panel === PANEL.TIME,
+      });
 
-            timeInput = (
-                <Input
-                    placeholder={this.timeFormat}
-                    value={timeInputValue}
-                    size={size}
-                    aria-label={timeInputAriaLabel}
-                    disabled={disabled || !value}
-                    onChange={this.onTimeInputChange}
-                    onFocus={this.onFoucsTimeInput}
-                    onBlur={this.onTimeInputBlur}
-                    onPressEnter={this.onTimeInputBlur}
-                    onKeyDown={this.onTimeKeyDown}
-                    className={panelTimeInputCls}
-                />
-            );
+      timeInput = (
+        <Input
+          placeholder={this.timeFormat}
+          value={timeInputValue}
+          size={size}
+          aria-label={timeInputAriaLabel}
+          disabled={disabled || !value}
+          onChange={this.onTimeInputChange}
+          onFocus={this.onFoucsTimeInput}
+          onBlur={this.onTimeInputBlur}
+          onPressEnter={this.onTimeInputBlur}
+          onKeyDown={this.onTimeKeyDown}
+          className={panelTimeInputCls}
+        />
+      );
 
-            timePanel = (
-                <TimePickerPanel
-                    {...timePanelProps}
-                    locale={locale}
-                    className={`${prefix}date-picker-panel-time`}
-                    showSecond={showSecond}
-                    showMinute={showMinute}
-                    disabled={disabled}
-                    prefix={prefix}
-                    value={value}
-                    onSelect={this.onSelectTimePanel}
-                />
-            );
+      timePanel = (
+        <TimePickerPanel
+          {...timePanelProps}
+          locale={locale}
+          className={`${prefix}date-picker-panel-time`}
+          showSecond={showSecond}
+          showMinute={showMinute}
+          disabled={disabled}
+          prefix={prefix}
+          value={value}
+          onSelect={this.onSelectTimePanel}
+        />
+      );
 
-            panelFooter = panelFooter || (
-                <PanelFooter
-                    prefix={prefix}
-                    locale={locale}
-                    value={value}
-                    panel={panel}
-                    onPanelChange={this.changePanel}
-                    onOk={this.onOk}
-                />
-            );
-        }
+      panelFooter = panelFooter || (
+      <PanelFooter
+        prefix={prefix}
+        locale={locale}
+        value={value}
+        panel={panel}
+        onPanelChange={this.changePanel}
+        onOk={this.onOk}
+      />
+      );
+    }
 
-        const panelBody = {
-            [PANEL.DATE]: datePanel,
-            [PANEL.TIME]: timePanel,
-        }[panel];
+    const panelBody = {
+      [PANEL.DATE]: datePanel,
+      [PANEL.TIME]: timePanel,
+    }[panel];
 
-        const allowClear = value && hasClear;
-        const trigger = (
-            <div className={`${prefix}date-picker-trigger`}>
-                <Input
-                    {...sharedInputProps}
-                    label={label}
-                    state={state}
-                    value={triggerInputValue}
-                    role="combobox"
-                    aria-expanded={visible}
-                    readOnly
-                    placeholder={
+    const allowClear = value && hasClear;
+    const trigger = (
+      <div className={`${prefix}date-picker-trigger`}>
+        <Input
+          {...sharedInputProps}
+          label={label}
+          state={state}
+          value={triggerInputValue}
+          role="combobox"
+          aria-expanded={visible}
+          readOnly
+          placeholder={
                         placeholder ||
                         (showTime
-                            ? locale.datetimePlaceholder
-                            : locale.placeholder)
+                          ? locale.datetimePlaceholder
+                          : locale.placeholder)
                     }
-                    hint="calendar"
-                    hasClear={allowClear}
-                    className={triggerInputCls}
-                />
-            </div>
-        );
-        const PopupComponent = popupComponent ? popupComponent : Popup;
+          hint="calendar"
+          hasClear={allowClear}
+          className={triggerInputCls}
+        />
+      </div>
+    );
+    const PopupComponent = popupComponent || Popup;
 
-        return (
+    return (
+      <div
+        {...obj.pickOthers(DatePicker.propTypes, others)}
+        className={datePickerCls}
+      >
+        <PopupComponent
+          autoFocus
+          align={popupAlign}
+          {...popupProps}
+          followTrigger={followTrigger}
+          disabled={disabled}
+          visible={visible}
+          onVisibleChange={this.onVisibleChange}
+          triggerType={popupTriggerType}
+          container={popupContainer}
+          style={popupStyle}
+          className={popupClassName}
+          trigger={trigger}
+        >
+          {popupContent || (
+          <div dir={others.dir} className={panelBodyClassName}>
             <div
-                {...obj.pickOthers(DatePicker.propTypes, others)}
-                className={datePickerCls}
+              className={`${prefix}date-picker-panel-header`}
             >
-                <PopupComponent
-                    autoFocus
-                    align={popupAlign}
-                    {...popupProps}
-                    followTrigger={followTrigger}
-                    disabled={disabled}
-                    visible={visible}
-                    onVisibleChange={this.onVisibleChange}
-                    triggerType={popupTriggerType}
-                    container={popupContainer}
-                    style={popupStyle}
-                    className={popupClassName}
-                    trigger={trigger}
-                >
-                    {popupContent ? (
-                        popupContent
-                    ) : (
-                        <div dir={others.dir} className={panelBodyClassName}>
-                            <div
-                                className={`${prefix}date-picker-panel-header`}
-                            >
-                                {dateInput}
-                                {timeInput}
-                            </div>
-                            {panelBody}
-                            {panelFooter}
-                        </div>
-                    )}
-                </PopupComponent>
+              {dateInput}
+              {timeInput}
             </div>
-        );
-    }
+            {panelBody}
+            {panelFooter}
+          </div>
+          )}
+        </PopupComponent>
+      </div>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/date-picker/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/date-picker/index.jsx
index 7040f4c72..d9ba7cf63 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/date-picker/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/date-picker/index.jsx
@@ -7,73 +7,73 @@ import WeekPicker from './week-picker';
 
 /* istanbul ignore next */
 const transform = (props, deprecated) => {
-    const { open, defaultOpen, onOpenChange, ...others } = props;
-    const newProps = others;
+  const { open, defaultOpen, onOpenChange, ...others } = props;
+  const newProps = others;
 
-    delete newProps.formater;
+  delete newProps.formater;
 
-    if ('open' in props) {
-        deprecated('open', 'visible', 'DatePicker');
+  if ('open' in props) {
+    deprecated('open', 'visible', 'DatePicker');
 
-        newProps.visible = open;
+    newProps.visible = open;
 
-        if ('visible' in props) {
-            newProps.visible = props.visible;
-        }
+    if ('visible' in props) {
+      newProps.visible = props.visible;
     }
+  }
 
-    if ('defaultOpen' in props) {
-        deprecated('defaultOpen', 'defaultVisible', 'DatePicker');
+  if ('defaultOpen' in props) {
+    deprecated('defaultOpen', 'defaultVisible', 'DatePicker');
 
-        newProps.defaultVisible = defaultOpen;
+    newProps.defaultVisible = defaultOpen;
 
-        if ('defaultVisible' in props) {
-            newProps.defaultVisible = props.defaultVisible;
-        }
+    if ('defaultVisible' in props) {
+      newProps.defaultVisible = props.defaultVisible;
     }
+  }
 
-    if ('onOpenChange' in props && typeof onOpenChange === 'function') {
-        deprecated('onOpenChange', 'onVisibleChange', 'DatePicker');
+  if ('onOpenChange' in props && typeof onOpenChange === 'function') {
+    deprecated('onOpenChange', 'onVisibleChange', 'DatePicker');
 
-        newProps.onVisibleChange = onOpenChange;
+    newProps.onVisibleChange = onOpenChange;
 
-        if ('onVisibleChange' in props) {
-            newProps.onVisibleChange = props.onVisibleChange;
-        }
+    if ('onVisibleChange' in props) {
+      newProps.onVisibleChange = props.onVisibleChange;
     }
+  }
 
-    if ('formater' in props) {
-        deprecated('formater', 'format showTime.format', 'DatePicker');
-    }
+  if ('formater' in props) {
+    deprecated('formater', 'format showTime.format', 'DatePicker');
+  }
 
-    if ('format' in props && typeof props.format !== 'string') {
-        deprecated('format', 'format: PropTypes.string,', 'DatePicker');
-    }
+  if ('format' in props && typeof props.format !== 'string') {
+    deprecated('format', 'format: PropTypes.string,', 'DatePicker');
+  }
 
-    if ('ranges' in props) {
-        deprecated('ranges', 'footerRender: PropTypes.func', 'RangePicker');
-    }
+  if ('ranges' in props) {
+    deprecated('ranges', 'footerRender: PropTypes.func', 'RangePicker');
+  }
 
-    return newProps;
+  return newProps;
 };
 
 DatePicker.RangePicker = ConfigProvider.config(RangePicker, {
-    componentName: 'DatePicker',
-    transform,
+  componentName: 'DatePicker',
+  transform,
 });
 DatePicker.MonthPicker = ConfigProvider.config(MonthPicker, {
-    componentName: 'DatePicker',
-    transform,
+  componentName: 'DatePicker',
+  transform,
 });
 DatePicker.YearPicker = ConfigProvider.config(YearPicker, {
-    componentName: 'DatePicker',
-    transform,
+  componentName: 'DatePicker',
+  transform,
 });
 
 DatePicker.WeekPicker = ConfigProvider.config(WeekPicker, {
-    componentName: 'DatePicker',
+  componentName: 'DatePicker',
 });
 
 export default ConfigProvider.config(DatePicker, {
-    transform,
+  transform,
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/date-picker/module/panel-footer.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/date-picker/module/panel-footer.jsx
index a88ace0a9..67844b860 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/date-picker/module/panel-footer.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/date-picker/module/panel-footer.jsx
@@ -5,86 +5,86 @@ import { func } from '../../util';
 import { PANEL } from '../util';
 
 class PanelFooter extends React.PureComponent {
-    static defaultProps = {
-        // onPanelChange: func.noop,
-        onOk: func.noop,
+  static defaultProps = {
+    // onPanelChange: func.noop,
+    onOk: func.noop,
+  };
+
+  changePanel = () => {
+    const targetPanel = {
+      [PANEL.DATE]: PANEL.TIME,
+      [PANEL.TIME]: PANEL.DATE,
+    }[this.props.panel];
+    this.props.onPanelChange(targetPanel);
+  };
+
+  createRanges = ranges => {
+    if (!ranges || ranges.length === 0) return null;
+    const { onOk, prefix } = this.props;
+
+    return (
+      <div className={`${prefix}date-picker-panel-tools`}>
+        {ranges.map(({ label, value = [], onChange }) => {
+          const handleClick = () => {
+            onChange(value.map(v => moment(v)));
+            onOk();
+          };
+          return (
+            <Button
+              key={label}
+              text
+              size="small"
+              type="primary"
+              onClick={handleClick}
+            >
+              {label}
+            </Button>
+          );
+        })}
+      </div>
+    );
+  };
+
+  render() {
+    const {
+      prefix,
+      locale,
+      panel,
+      value,
+      ranges, // 兼容0.x range 属性
+      disabledOk,
+      onPanelChange,
+      onOk,
+    } = this.props;
+    const panelBtnLabel = {
+      [PANEL.DATE]: locale.selectTime,
+      [PANEL.TIME]: locale.selectDate,
+    }[panel];
+
+    const sharedBtnProps = {
+      size: 'small',
+      type: 'primary',
+      disabled: !value,
     };
 
-    changePanel = () => {
-        const targetPanel = {
-            [PANEL.DATE]: PANEL.TIME,
-            [PANEL.TIME]: PANEL.DATE,
-        }[this.props.panel];
-        this.props.onPanelChange(targetPanel);
-    };
-
-    createRanges = ranges => {
-        if (!ranges || ranges.length === 0) return null;
-        const { onOk, prefix } = this.props;
-
-        return (
-            <div className={`${prefix}date-picker-panel-tools`}>
-                {ranges.map(({ label, value = [], onChange }) => {
-                    const handleClick = () => {
-                        onChange(value.map(v => moment(v)));
-                        onOk();
-                    };
-                    return (
-                        <Button
-                            key={label}
-                            text
-                            size="small"
-                            type="primary"
-                            onClick={handleClick}
-                        >
-                            {label}
-                        </Button>
-                    );
-                })}
-            </div>
-        );
-    };
-
-    render() {
-        const {
-            prefix,
-            locale,
-            panel,
-            value,
-            ranges, // 兼容0.x range 属性
-            disabledOk,
-            onPanelChange,
-            onOk,
-        } = this.props;
-        const panelBtnLabel = {
-            [PANEL.DATE]: locale.selectTime,
-            [PANEL.TIME]: locale.selectDate,
-        }[panel];
-
-        const sharedBtnProps = {
-            size: 'small',
-            type: 'primary',
-            disabled: !value,
-        };
-
-        return (
-            <div className={`${prefix}date-picker-panel-footer`}>
-                {this.createRanges(ranges)}
-                {onPanelChange ? (
-                    <Button {...sharedBtnProps} text onClick={this.changePanel}>
-                        {panelBtnLabel}
-                    </Button>
-                ) : null}
-                <Button
-                    {...sharedBtnProps}
-                    disabled={disabledOk || !value}
-                    onClick={onOk}
-                >
-                    {locale.ok}
-                </Button>
-            </div>
-        );
-    }
+    return (
+      <div className={`${prefix}date-picker-panel-footer`}>
+        {this.createRanges(ranges)}
+        {onPanelChange ? (
+          <Button {...sharedBtnProps} text onClick={this.changePanel}>
+            {panelBtnLabel}
+          </Button>
+        ) : null}
+        <Button
+          {...sharedBtnProps}
+          disabled={disabledOk || !value}
+          onClick={onOk}
+        >
+          {locale.ok}
+        </Button>
+      </div>
+    );
+  }
 }
 
 export default PanelFooter;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/date-picker/month-picker.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/date-picker/month-picker.jsx
index 14c237977..cf52cf22e 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/date-picker/month-picker.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/date-picker/month-picker.jsx
@@ -16,490 +16,488 @@ const { Popup } = Overlay;
  * DatePicker.MonthPicker
  */
 class MonthPicker extends Component {
-    static propTypes = {
-        ...ConfigProvider.propTypes,
-        prefix: PropTypes.string,
-        rtl: PropTypes.bool,
-        /**
+  static propTypes = {
+    ...ConfigProvider.propTypes,
+    prefix: PropTypes.string,
+    rtl: PropTypes.bool,
+    /**
          * 输入框内置标签
          */
-        label: PropTypes.node,
-        /**
+    label: PropTypes.node,
+    /**
          * 输入框状态
          */
-        state: PropTypes.oneOf(['success', 'loading', 'error']),
-        /**
+    state: PropTypes.oneOf(['success', 'loading', 'error']),
+    /**
          * 输入提示
          */
-        placeholder: PropTypes.string,
-        /**
+    placeholder: PropTypes.string,
+    /**
          * 默认展现的年
          * @return {MomentObject} 返回包含指定年份的 moment 对象实例
          */
-        defaultVisibleYear: PropTypes.func,
-        /**
+    defaultVisibleYear: PropTypes.func,
+    /**
          * 日期值（受控）moment 对象
          */
-        value: checkDateValue,
-        /**
+    value: checkDateValue,
+    /**
          * 初始日期值，moment 对象
          */
-        defaultValue: checkDateValue,
-        /**
+    defaultValue: checkDateValue,
+    /**
          * 日期值的格式（用于限定用户输入和展示）
          */
-        format: PropTypes.string,
-        /**
+    format: PropTypes.string,
+    /**
          * 禁用日期函数
          * @param {MomentObject} 日期值
          * @param {String} view 当前视图类型，year: 年， month: 月, date: 日
          * @return {Boolean} 是否禁用
          */
-        disabledDate: PropTypes.func,
-        /**
+    disabledDate: PropTypes.func,
+    /**
          * 自定义面板页脚
          * @return {Node} 自定义的面板页脚组件
          */
-        footerRender: PropTypes.func,
-        /**
+    footerRender: PropTypes.func,
+    /**
          * 日期值改变时的回调
          * @param {MomentObject|String} value 日期值
          */
-        onChange: PropTypes.func,
-        /**
+    onChange: PropTypes.func,
+    /**
          * 输入框尺寸
          */
-        size: PropTypes.oneOf(['small', 'medium', 'large']),
-        /**
+    size: PropTypes.oneOf(['small', 'medium', 'large']),
+    /**
          * 是否禁用
          */
-        disabled: PropTypes.bool,
-        /**
+    disabled: PropTypes.bool,
+    /**
          * 是否显示清空按钮
          */
-        hasClear: PropTypes.bool,
-        /**
+    hasClear: PropTypes.bool,
+    /**
          * 弹层显示状态
          */
-        visible: PropTypes.bool,
-        /**
+    visible: PropTypes.bool,
+    /**
          * 弹层默认是否显示
          */
-        defaultVisible: PropTypes.bool,
-        /**
+    defaultVisible: PropTypes.bool,
+    /**
          * 弹层展示状态变化时的回调
          * @param {Boolean} visible 弹层是否显示
          * @param {String} type 触发弹层显示和隐藏的来源 calendarSelect 表示由日期表盘的选择触发； fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发
          */
-        onVisibleChange: PropTypes.func,
-        /**
+    onVisibleChange: PropTypes.func,
+    /**
          * 弹层触发方式
          */
-        popupTriggerType: PropTypes.oneOf(['click', 'hover']),
-        /**
+    popupTriggerType: PropTypes.oneOf(['click', 'hover']),
+    /**
          * 弹层对齐方式, 具体含义见 OverLay文档
          */
-        popupAlign: PropTypes.string,
-        /**
+    popupAlign: PropTypes.string,
+    /**
          * 弹层容器
          * @param {Element} target 目标元素
          * @return {Element} 弹层的容器元素
          */
-        popupContainer: PropTypes.any,
-        /**
+    popupContainer: PropTypes.any,
+    /**
          * 弹层自定义样式
          */
-        popupStyle: PropTypes.object,
-        /**
+    popupStyle: PropTypes.object,
+    /**
          * 弹层自定义样式类
          */
-        popupClassName: PropTypes.string,
-        /**
+    popupClassName: PropTypes.string,
+    /**
          * 弹层其他属性
          */
-        popupProps: PropTypes.object,
-        /**
+    popupProps: PropTypes.object,
+    /**
          * 是否跟随滚动
          */
-        followTrigger: PropTypes.bool,
-        /**
+    followTrigger: PropTypes.bool,
+    /**
          * 输入框其他属性
          */
-        inputProps: PropTypes.object,
-        /**
+    inputProps: PropTypes.object,
+    /**
          * 自定义月份渲染函数
          * @param {Object} calendarDate 对应 Calendar 返回的自定义日期对象
          * @returns {ReactNode}
          */
-        monthCellRender: PropTypes.func,
-        yearCellRender: PropTypes.func, // 兼容 0.x yearCellRender
-        /**
+    monthCellRender: PropTypes.func,
+    yearCellRender: PropTypes.func, // 兼容 0.x yearCellRender
+    /**
          * 日期输入框的 aria-label 属性
          */
-        dateInputAriaLabel: PropTypes.string,
-        /**
+    dateInputAriaLabel: PropTypes.string,
+    /**
          * 是否为预览态
          */
-        isPreview: PropTypes.bool,
-        /**
+    isPreview: PropTypes.bool,
+    /**
          * 预览态模式下渲染的内容
          * @param {MomentObject} value 月份
          */
-        renderPreview: PropTypes.func,
-        locale: PropTypes.object,
-        className: PropTypes.string,
-        name: PropTypes.string,
-        popupComponent: PropTypes.elementType,
-        popupContent: PropTypes.node,
-    };
+    renderPreview: PropTypes.func,
+    locale: PropTypes.object,
+    className: PropTypes.string,
+    name: PropTypes.string,
+    popupComponent: PropTypes.elementType,
+    popupContent: PropTypes.node,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        rtl: false,
-        format: 'YYYY-MM',
-        size: 'medium',
-        disabledDate: () => false,
-        footerRender: () => null,
-        hasClear: true,
-        popupTriggerType: 'click',
-        popupAlign: 'tl tl',
-        locale: nextLocale.DatePicker,
-        onChange: func.noop,
-        onVisibleChange: func.noop,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    rtl: false,
+    format: 'YYYY-MM',
+    size: 'medium',
+    disabledDate: () => false,
+    footerRender: () => null,
+    hasClear: true,
+    popupTriggerType: 'click',
+    popupAlign: 'tl tl',
+    locale: nextLocale.DatePicker,
+    onChange: func.noop,
+    onVisibleChange: func.noop,
+  };
 
-    constructor(props, context) {
-        super(props, context);
+  constructor(props, context) {
+    super(props, context);
 
-        const value = formatDateValue(
-            props.value || props.defaultValue,
-            props.format
-        );
+    const value = formatDateValue(
+      props.value || props.defaultValue,
+      props.format,
+    );
 
-        this.inputAsString =
+    this.inputAsString =
             typeof (props.value || props.defaultValue) === 'string'; // 判断用户输入是否是字符串
-        this.state = {
-            value,
-            dateInputStr: '',
-            inputing: false,
-            visible: props.visible || props.defaultVisible,
-        };
+    this.state = {
+      value,
+      dateInputStr: '',
+      inputing: false,
+      visible: props.visible || props.defaultVisible,
+    };
+  }
+
+  componentWillReceiveProps(nextProps) {
+    if ('value' in nextProps) {
+      const value = formatDateValue(
+        nextProps.value,
+        nextProps.format || this.props.format,
+      );
+      this.setState({
+        value,
+      });
+      this.inputAsString = typeof nextProps.value === 'string';
     }
 
-    componentWillReceiveProps(nextProps) {
-        if ('value' in nextProps) {
-            const value = formatDateValue(
-                nextProps.value,
-                nextProps.format || this.props.format
-            );
-            this.setState({
-                value,
-            });
-            this.inputAsString = typeof nextProps.value === 'string';
-        }
-
-        if ('visible' in nextProps) {
-            this.setState({
-                visible: nextProps.visible,
-            });
-        }
+    if ('visible' in nextProps) {
+      this.setState({
+        visible: nextProps.visible,
+      });
     }
+  }
 
-    onValueChange = newValue => {
-        const ret =
+  onValueChange = newValue => {
+    const ret =
             this.inputAsString && newValue
-                ? newValue.format(this.props.format)
-                : newValue;
-        this.props.onChange(ret);
-    };
+              ? newValue.format(this.props.format)
+              : newValue;
+    this.props.onChange(ret);
+  };
 
-    onSelectCalendarPanel = value => {
-        // const { format } = this.props;
-        const prevSelectedMonth = this.state.value;
-        const selectedMonth = value
-            .clone()
-            .date(1)
-            .hour(0)
-            .minute(0)
-            .second(0);
+  onSelectCalendarPanel = value => {
+    // const { format } = this.props;
+    const prevSelectedMonth = this.state.value;
+    const selectedMonth = value
+      .clone()
+      .date(1)
+      .hour(0)
+      .minute(0)
+      .second(0);
 
-        this.handleChange(
-            selectedMonth,
-            prevSelectedMonth,
-            { inputing: false },
-            () => {
-                this.onVisibleChange(false, 'calendarSelect');
-            }
-        );
-    };
+    this.handleChange(
+      selectedMonth,
+      prevSelectedMonth,
+      { inputing: false },
+      () => {
+        this.onVisibleChange(false, 'calendarSelect');
+      },
+    );
+  };
 
-    clearValue = () => {
-        this.setState({
-            dateInputStr: '',
-        });
+  clearValue = () => {
+    this.setState({
+      dateInputStr: '',
+    });
 
-        this.handleChange(null, this.state.value);
-    };
+    this.handleChange(null, this.state.value);
+  };
 
-    onDateInputChange = (inputStr, e, eventType) => {
-        if (eventType === 'clear' || !inputStr) {
-            e.stopPropagation();
-            this.clearValue();
-        } else {
-            this.setState({
-                dateInputStr: inputStr,
-                inputing: true,
-            });
-        }
-    };
+  onDateInputChange = (inputStr, e, eventType) => {
+    if (eventType === 'clear' || !inputStr) {
+      e.stopPropagation();
+      this.clearValue();
+    } else {
+      this.setState({
+        dateInputStr: inputStr,
+        inputing: true,
+      });
+    }
+  };
 
-    onDateInputBlur = () => {
-        const { dateInputStr } = this.state;
-        if (dateInputStr) {
-            const { disabledDate, format } = this.props;
-            const parsed = moment(dateInputStr, format, true);
+  onDateInputBlur = () => {
+    const { dateInputStr } = this.state;
+    if (dateInputStr) {
+      const { disabledDate, format } = this.props;
+      const parsed = moment(dateInputStr, format, true);
 
-            this.setState({
-                dateInputStr: '',
-                inputing: false,
-            });
+      this.setState({
+        dateInputStr: '',
+        inputing: false,
+      });
 
-            if (parsed.isValid() && !disabledDate(parsed, 'month')) {
-                this.handleChange(parsed, this.state.value);
-            }
-        }
-    };
+      if (parsed.isValid() && !disabledDate(parsed, 'month')) {
+        this.handleChange(parsed, this.state.value);
+      }
+    }
+  };
 
-    onKeyDown = e => {
-        const { format } = this.props;
-        const { dateInputStr, value } = this.state;
-        const dateStr = onDateKeydown(
-            e,
-            { format, dateInputStr, value },
-            'month'
-        );
-        if (!dateStr) return;
-        this.onDateInputChange(dateStr);
-    };
+  onKeyDown = e => {
+    const { format } = this.props;
+    const { dateInputStr, value } = this.state;
+    const dateStr = onDateKeydown(
+      e,
+      { format, dateInputStr, value },
+      'month',
+    );
+    if (!dateStr) return;
+    this.onDateInputChange(dateStr);
+  };
 
-    handleChange = (newValue, prevValue, others = {}, callback) => {
-        if (!('value' in this.props)) {
-            this.setState({
-                value: newValue,
-                ...others,
-            });
-        } else {
-            this.setState({
-                ...others,
-            });
-        }
-
-        const { format } = this.props;
-
-        const newValueOf = newValue ? newValue.format(format) : null;
-        const preValueOf = prevValue ? prevValue.format(format) : null;
-
-        if (newValueOf !== preValueOf) {
-            this.onValueChange(newValue);
-            if (typeof callback === 'function') {
-                return callback();
-            }
-        }
-    };
-
-    onVisibleChange = (visible, type) => {
-        if (!('visible' in this.props)) {
-            this.setState({
-                visible,
-            });
-        }
-        this.props.onVisibleChange(visible, type);
-    };
-
-    renderPreview(others) {
-        const { prefix, format, className, renderPreview } = this.props;
-        const { value } = this.state;
-        const previewCls = classnames(className, `${prefix}form-preview`);
-
-        const label = value ? value.format(format) : '';
-
-        if (typeof renderPreview === 'function') {
-            return (
-                <div {...others} className={previewCls}>
-                    {renderPreview(value, this.props)}
-                </div>
-            );
-        }
-
-        return (
-            <p {...others} className={previewCls}>
-                {label}
-            </p>
-        );
+  handleChange = (newValue, prevValue, others = {}, callback) => {
+    if (!('value' in this.props)) {
+      this.setState({
+        value: newValue,
+        ...others,
+      });
+    } else {
+      this.setState({
+        ...others,
+      });
     }
 
-    render() {
-        const {
-            prefix,
-            rtl,
-            locale,
-            label,
-            state,
-            format,
-            defaultVisibleYear,
-            disabledDate,
-            footerRender,
-            placeholder,
-            size,
-            disabled,
-            hasClear,
-            popupTriggerType,
-            popupAlign,
-            popupContainer,
-            popupStyle,
-            popupClassName,
-            popupProps,
-            popupComponent,
-            popupContent,
-            followTrigger,
-            className,
-            inputProps,
-            monthCellRender,
-            yearCellRender,
-            dateInputAriaLabel,
-            isPreview,
-            ...others
-        } = this.props;
+    const { format } = this.props;
 
-        const { visible, value, dateInputStr, inputing } = this.state;
+    const newValueOf = newValue ? newValue.format(format) : null;
+    const preValueOf = prevValue ? prevValue.format(format) : null;
 
-        const monthPickerCls = classnames(
-            {
-                [`${prefix}month-picker`]: true,
-            },
-            className
-        );
+    if (newValueOf !== preValueOf) {
+      this.onValueChange(newValue);
+      if (typeof callback === 'function') {
+        return callback();
+      }
+    }
+  };
 
-        const triggerInputCls = classnames({
-            [`${prefix}month-picker-input`]: true,
-            [`${prefix}error`]: false,
-        });
+  onVisibleChange = (visible, type) => {
+    if (!('visible' in this.props)) {
+      this.setState({
+        visible,
+      });
+    }
+    this.props.onVisibleChange(visible, type);
+  };
 
-        const panelBodyClassName = classnames({
-            [`${prefix}month-picker-body`]: true,
-        });
+  renderPreview(others) {
+    const { prefix, format, className, renderPreview } = this.props;
+    const { value } = this.state;
+    const previewCls = classnames(className, `${prefix}form-preview`);
 
-        if (rtl) {
-            others.dir = 'rtl';
-        }
+    const label = value ? value.format(format) : '';
 
-        if (isPreview) {
-            return this.renderPreview(
-                obj.pickOthers(others, MonthPicker.PropTypes)
-            );
-        }
+    if (typeof renderPreview === 'function') {
+      return (
+        <div {...others} className={previewCls}>
+          {renderPreview(value, this.props)}
+        </div>
+      );
+    }
 
-        const panelInputCls = `${prefix}month-picker-panel-input`;
+    return (
+      <p {...others} className={previewCls}>
+        {label}
+      </p>
+    );
+  }
 
-        const sharedInputProps = {
-            ...inputProps,
-            size,
-            disabled,
-            onChange: this.onDateInputChange,
-            onBlur: this.onDateInputBlur,
-            onPressEnter: this.onDateInputBlur,
-            onKeyDown: this.onKeyDown,
-        };
+  render() {
+    const {
+      prefix,
+      rtl,
+      locale,
+      label,
+      state,
+      format,
+      defaultVisibleYear,
+      disabledDate,
+      footerRender,
+      placeholder,
+      size,
+      disabled,
+      hasClear,
+      popupTriggerType,
+      popupAlign,
+      popupContainer,
+      popupStyle,
+      popupClassName,
+      popupProps,
+      popupComponent,
+      popupContent,
+      followTrigger,
+      className,
+      inputProps,
+      monthCellRender,
+      yearCellRender,
+      dateInputAriaLabel,
+      isPreview,
+      ...others
+    } = this.props;
 
-        const dateInputValue = inputing
-            ? dateInputStr
-            : (value && value.format(format)) || '';
-        const triggerInputValue = dateInputValue;
+    const { visible, value, dateInputStr, inputing } = this.state;
 
-        const dateInput = (
-            <Input
-                {...sharedInputProps}
-                value={dateInputValue}
-                aria-label={dateInputAriaLabel}
-                onFocus={this.onFoucsDateInput}
-                placeholder={format}
-                className={panelInputCls}
-            />
-        );
+    const monthPickerCls = classnames(
+      {
+        [`${prefix}month-picker`]: true,
+      },
+      className,
+    );
 
-        const datePanel = (
-            <Calendar
-                shape="panel"
-                modes={['month', 'year']}
-                monthCellRender={monthCellRender}
-                yearCellRender={yearCellRender}
-                value={value}
-                onSelect={this.onSelectCalendarPanel}
-                defaultVisibleMonth={defaultVisibleYear}
-                disabledDate={disabledDate}
-            />
-        );
+    const triggerInputCls = classnames({
+      [`${prefix}month-picker-input`]: true,
+      [`${prefix}error`]: false,
+    });
 
-        const panelBody = datePanel;
-        const panelFooter = footerRender();
+    const panelBodyClassName = classnames({
+      [`${prefix}month-picker-body`]: true,
+    });
 
-        const allowClear = value && hasClear;
-        const trigger = (
-            <div className={`${prefix}month-picker-trigger`}>
-                <Input
-                    {...sharedInputProps}
-                    label={label}
-                    state={state}
-                    readOnly
-                    value={triggerInputValue}
-                    placeholder={placeholder || locale.monthPlaceholder}
-                    hint="calendar"
-                    hasClear={allowClear}
-                    className={triggerInputCls}
-                />
-            </div>
-        );
+    if (rtl) {
+      others.dir = 'rtl';
+    }
 
-        const PopupComponent = popupComponent ? popupComponent : Popup;
+    if (isPreview) {
+      return this.renderPreview(
+        obj.pickOthers(others, MonthPicker.PropTypes),
+      );
+    }
 
-        return (
+    const panelInputCls = `${prefix}month-picker-panel-input`;
+
+    const sharedInputProps = {
+      ...inputProps,
+      size,
+      disabled,
+      onChange: this.onDateInputChange,
+      onBlur: this.onDateInputBlur,
+      onPressEnter: this.onDateInputBlur,
+      onKeyDown: this.onKeyDown,
+    };
+
+    const dateInputValue = inputing
+      ? dateInputStr
+      : (value && value.format(format)) || '';
+    const triggerInputValue = dateInputValue;
+
+    const dateInput = (
+      <Input
+        {...sharedInputProps}
+        value={dateInputValue}
+        aria-label={dateInputAriaLabel}
+        onFocus={this.onFoucsDateInput}
+        placeholder={format}
+        className={panelInputCls}
+      />
+    );
+
+    const datePanel = (
+      <Calendar
+        shape="panel"
+        modes={['month', 'year']}
+        monthCellRender={monthCellRender}
+        yearCellRender={yearCellRender}
+        value={value}
+        onSelect={this.onSelectCalendarPanel}
+        defaultVisibleMonth={defaultVisibleYear}
+        disabledDate={disabledDate}
+      />
+    );
+
+    const panelBody = datePanel;
+    const panelFooter = footerRender();
+
+    const allowClear = value && hasClear;
+    const trigger = (
+      <div className={`${prefix}month-picker-trigger`}>
+        <Input
+          {...sharedInputProps}
+          label={label}
+          state={state}
+          readOnly
+          value={triggerInputValue}
+          placeholder={placeholder || locale.monthPlaceholder}
+          hint="calendar"
+          hasClear={allowClear}
+          className={triggerInputCls}
+        />
+      </div>
+    );
+
+    const PopupComponent = popupComponent || Popup;
+
+    return (
+      <div
+        {...obj.pickOthers(MonthPicker.propTypes, others)}
+        className={monthPickerCls}
+      >
+        <PopupComponent
+          autoFocus
+          align={popupAlign}
+          {...popupProps}
+          followTrigger={followTrigger}
+          role="combobox"
+          aria-expanded={visible}
+          disabled={disabled}
+          visible={visible}
+          onVisibleChange={this.onVisibleChange}
+          triggerType={popupTriggerType}
+          container={popupContainer}
+          style={popupStyle}
+          className={popupClassName}
+          trigger={trigger}
+        >
+          {popupContent || (
+          <div className={panelBodyClassName} dir={others.dir}>
             <div
-                {...obj.pickOthers(MonthPicker.propTypes, others)}
-                className={monthPickerCls}
+              className={`${prefix}month-picker-panel-header`}
             >
-                <PopupComponent
-                    autoFocus
-                    align={popupAlign}
-                    {...popupProps}
-                    followTrigger={followTrigger}
-                    role="combobox"
-                    aria-expanded={visible}
-                    disabled={disabled}
-                    visible={visible}
-                    onVisibleChange={this.onVisibleChange}
-                    triggerType={popupTriggerType}
-                    container={popupContainer}
-                    style={popupStyle}
-                    className={popupClassName}
-                    trigger={trigger}
-                >
-                    {popupContent ? (
-                        popupContent
-                    ) : (
-                        <div className={panelBodyClassName} dir={others.dir}>
-                            <div
-                                className={`${prefix}month-picker-panel-header`}
-                            >
-                                {dateInput}
-                            </div>
-                            {panelBody}
-                            {panelFooter}
-                        </div>
-                    )}
-                </PopupComponent>
+              {dateInput}
             </div>
-        );
-    }
+            {panelBody}
+            {panelFooter}
+          </div>
+          )}
+        </PopupComponent>
+      </div>
+    );
+  }
 }
 
 export default MonthPicker;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/date-picker/range-picker.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/date-picker/range-picker.jsx
index 169d9c007..d9bf3740b 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/date-picker/range-picker.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/date-picker/range-picker.jsx
@@ -11,1172 +11,1170 @@ import TimePickerPanel from '../time-picker/panel';
 import nextLocale from '../locale/zh-cn';
 import { func, obj } from '../util';
 import {
-    PANEL,
-    resetValueTime,
-    formatDateValue,
-    extend,
-    getDateTimeFormat,
-    isFunction,
-    onDateKeydown,
-    onTimeKeydown,
+  PANEL,
+  resetValueTime,
+  formatDateValue,
+  extend,
+  getDateTimeFormat,
+  isFunction,
+  onDateKeydown,
+  onTimeKeydown,
 } from './util';
 import PanelFooter from './module/panel-footer';
 
 const { Popup } = Overlay;
 
 function mapInputStateName(name) {
-    return {
-        startValue: 'startDateInputStr',
-        endValue: 'endDateInputStr',
-        startTime: 'startTimeInputStr',
-        endTime: 'endTimeInputStr',
-    }[name];
+  return {
+    startValue: 'startDateInputStr',
+    endValue: 'endDateInputStr',
+    startTime: 'startTimeInputStr',
+    endTime: 'endTimeInputStr',
+  }[name];
 }
 
 function mapTimeToValue(name) {
-    return {
-        startTime: 'startValue',
-        endTime: 'endValue',
-    }[name];
+  return {
+    startTime: 'startValue',
+    endTime: 'endValue',
+  }[name];
 }
 
 function getFormatValues(values, format) {
-    if (!Array.isArray(values)) {
-        return [null, null];
-    }
-    return [
-        formatDateValue(values[0], format),
-        formatDateValue(values[1], format),
-    ];
+  if (!Array.isArray(values)) {
+    return [null, null];
+  }
+  return [
+    formatDateValue(values[0], format),
+    formatDateValue(values[1], format),
+  ];
 }
 
 /**
  * DatePicker.RangePicker
  */
 export default class RangePicker extends Component {
-    static propTypes = {
-        ...ConfigProvider.propTypes,
-        prefix: PropTypes.string,
-        rtl: PropTypes.bool,
-        /**
+  static propTypes = {
+    ...ConfigProvider.propTypes,
+    prefix: PropTypes.string,
+    rtl: PropTypes.bool,
+    /**
          * 日期范围类型
          */
-        type: PropTypes.oneOf(['date', 'month', 'year']),
-        /**
+    type: PropTypes.oneOf(['date', 'month', 'year']),
+    /**
          * 默认展示的起始月份
          * @return {MomentObject} 返回包含指定月份的 moment 对象实例
          */
-        defaultVisibleMonth: PropTypes.func,
-        onVisibleMonthChange: PropTypes.func,
-        /**
+    defaultVisibleMonth: PropTypes.func,
+    onVisibleMonthChange: PropTypes.func,
+    /**
          * 日期范围值数组 [moment, moment]
          */
-        value: PropTypes.array,
-        /**
+    value: PropTypes.array,
+    /**
          * 初始的日期范围值数组 [moment, moment]
          */
-        defaultValue: PropTypes.array,
-        /**
+    defaultValue: PropTypes.array,
+    /**
          * 日期格式
          */
-        format: PropTypes.string,
-        /**
+    format: PropTypes.string,
+    /**
          * 是否使用时间控件，支持传入 TimePicker 的属性
          */
-        showTime: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
-        /**
+    showTime: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
+    /**
          * 每次选择是否重置时间（仅在 showTime 开启时有效）
          */
-        resetTime: PropTypes.bool,
-        /**
+    resetTime: PropTypes.bool,
+    /**
          * 禁用日期函数
          * @param {MomentObject} 日期值
          * @param {String} view 当前视图类型，year: 年， month: 月, date: 日
          * @return {Boolean} 是否禁用
          */
-        disabledDate: PropTypes.func,
-        /**
+    disabledDate: PropTypes.func,
+    /**
          * 自定义面板页脚
          * @return {Node} 自定义的面板页脚组件
          */
-        footerRender: PropTypes.func,
-        /**
+    footerRender: PropTypes.func,
+    /**
          * 日期范围值改变时的回调 [ MomentObject|String, MomentObject|String ]
          * @param {Array<MomentObject|String>} value 日期值
          */
-        onChange: PropTypes.func,
-        /**
+    onChange: PropTypes.func,
+    /**
          * 点击确认按钮时的回调 返回开始时间和结束时间`[ MomentObject|String, MomentObject|String ]`
          * @return {Array} 日期范围
          */
-        onOk: PropTypes.func,
-        /**
+    onOk: PropTypes.func,
+    /**
          * 输入框内置标签
          */
-        label: PropTypes.node,
-        /**
+    label: PropTypes.node,
+    /**
          * 输入框状态
          */
-        state: PropTypes.oneOf(['error', 'loading', 'success']),
-        /**
+    state: PropTypes.oneOf(['error', 'loading', 'success']),
+    /**
          * 输入框尺寸
          */
-        size: PropTypes.oneOf(['small', 'medium', 'large']),
-        /**
+    size: PropTypes.oneOf(['small', 'medium', 'large']),
+    /**
          * 是否禁用
          */
-        disabled: PropTypes.bool,
-        /**
+    disabled: PropTypes.bool,
+    /**
          * 是否显示清空按钮
          */
-        hasClear: PropTypes.bool,
-        /**
+    hasClear: PropTypes.bool,
+    /**
          * 弹层显示状态
          */
-        visible: PropTypes.bool,
-        /**
+    visible: PropTypes.bool,
+    /**
          * 弹层默认是否显示
          */
-        defaultVisible: PropTypes.bool,
-        /**
+    defaultVisible: PropTypes.bool,
+    /**
          * 弹层展示状态变化时的回调
          * @param {Boolean} visible 弹层是否显示
          * @param {String} type 触发弹层显示和隐藏的来源 okBtnClick 表示由确认按钮触发； fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发
          */
-        onVisibleChange: PropTypes.func,
-        /**
+    onVisibleChange: PropTypes.func,
+    /**
          * 弹层触发方式
          */
-        popupTriggerType: PropTypes.oneOf(['click', 'hover']),
-        /**
+    popupTriggerType: PropTypes.oneOf(['click', 'hover']),
+    /**
          * 弹层对齐方式, 具体含义见 OverLay文档
          */
-        popupAlign: PropTypes.string,
-        /**
+    popupAlign: PropTypes.string,
+    /**
          * 弹层容器
          * @param {Element} target 目标元素
          * @return {Element} 弹层的容器元素
          */
-        popupContainer: PropTypes.any,
-        /**
+    popupContainer: PropTypes.any,
+    /**
          * 弹层自定义样式
          */
-        popupStyle: PropTypes.object,
-        /**
+    popupStyle: PropTypes.object,
+    /**
          * 弹层自定义样式类
          */
-        popupClassName: PropTypes.string,
-        /**
+    popupClassName: PropTypes.string,
+    /**
          * 弹层其他属性
          */
-        popupProps: PropTypes.object,
-        /**
+    popupProps: PropTypes.object,
+    /**
          * 是否跟随滚动
          */
-        followTrigger: PropTypes.bool,
-        /**
+    followTrigger: PropTypes.bool,
+    /**
          * 输入框其他属性
          */
-        inputProps: PropTypes.object,
-        /**
+    inputProps: PropTypes.object,
+    /**
          * 自定义日期单元格渲染
          */
-        dateCellRender: PropTypes.func,
-        /**
+    dateCellRender: PropTypes.func,
+    /**
          * 自定义月份渲染函数
          * @param {Object} calendarDate 对应 Calendar 返回的自定义日期对象
          * @returns {ReactNode}
          */
-        monthCellRender: PropTypes.func,
-        yearCellRender: PropTypes.func, // 兼容 0.x yearCellRender
-        /**
+    monthCellRender: PropTypes.func,
+    yearCellRender: PropTypes.func, // 兼容 0.x yearCellRender
+    /**
          * 开始日期输入框的 aria-label 属性
          */
-        startDateInputAriaLabel: PropTypes.string,
-        /**
+    startDateInputAriaLabel: PropTypes.string,
+    /**
          * 开始时间输入框的 aria-label 属性
          */
-        startTimeInputAriaLabel: PropTypes.string,
-        /**
+    startTimeInputAriaLabel: PropTypes.string,
+    /**
          * 结束日期输入框的 aria-label 属性
          */
-        endDateInputAriaLabel: PropTypes.string,
-        /**
+    endDateInputAriaLabel: PropTypes.string,
+    /**
          * 结束时间输入框的 aria-label 属性
          */
-        endTimeInputAriaLabel: PropTypes.string,
-        /**
+    endTimeInputAriaLabel: PropTypes.string,
+    /**
          * 是否为预览态
          */
-        isPreview: PropTypes.bool,
-        /**
+    isPreview: PropTypes.bool,
+    /**
          * 预览态模式下渲染的内容
          * @param {Array<MomentObject, MomentObject>} value 日期区间
          */
-        renderPreview: PropTypes.func,
-        disableChangeMode: PropTypes.bool,
-        yearRange: PropTypes.arrayOf(PropTypes.number),
-        ranges: PropTypes.object, // 兼容0.x版本
-        locale: PropTypes.object,
-        className: PropTypes.string,
-        name: PropTypes.string,
-        popupComponent: PropTypes.elementType,
-        popupContent: PropTypes.node,
-        placeholder: PropTypes.oneOfType([
-            PropTypes.arrayOf(PropTypes.string),
-            PropTypes.string,
-        ]),
-    };
+    renderPreview: PropTypes.func,
+    disableChangeMode: PropTypes.bool,
+    yearRange: PropTypes.arrayOf(PropTypes.number),
+    ranges: PropTypes.object, // 兼容0.x版本
+    locale: PropTypes.object,
+    className: PropTypes.string,
+    name: PropTypes.string,
+    popupComponent: PropTypes.elementType,
+    popupContent: PropTypes.node,
+    placeholder: PropTypes.oneOfType([
+      PropTypes.arrayOf(PropTypes.string),
+      PropTypes.string,
+    ]),
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        rtl: false,
-        type: 'date',
-        size: 'medium',
-        showTime: false,
-        resetTime: false,
-        format: 'YYYY-MM-DD',
-        disabledDate: () => false,
-        footerRender: () => null,
-        hasClear: true,
-        defaultVisible: false,
-        popupTriggerType: 'click',
-        popupAlign: 'tl tl',
-        locale: nextLocale.DatePicker,
-        disableChangeMode: false,
-        onChange: func.noop,
-        onOk: func.noop,
-        onVisibleChange: func.noop,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    rtl: false,
+    type: 'date',
+    size: 'medium',
+    showTime: false,
+    resetTime: false,
+    format: 'YYYY-MM-DD',
+    disabledDate: () => false,
+    footerRender: () => null,
+    hasClear: true,
+    defaultVisible: false,
+    popupTriggerType: 'click',
+    popupAlign: 'tl tl',
+    locale: nextLocale.DatePicker,
+    disableChangeMode: false,
+    onChange: func.noop,
+    onOk: func.noop,
+    onVisibleChange: func.noop,
+  };
 
-    constructor(props, context) {
-        super(props, context);
-        const dateTimeFormat = getDateTimeFormat(
-            props.format,
-            props.showTime,
-            props.type
-        );
-        extend(dateTimeFormat, this);
+  constructor(props, context) {
+    super(props, context);
+    const dateTimeFormat = getDateTimeFormat(
+      props.format,
+      props.showTime,
+      props.type,
+    );
+    extend(dateTimeFormat, this);
 
-        const val = props.value || props.defaultValue;
-        const values = getFormatValues(val, this.dateTimeFormat);
-        this.inputAsString =
+    const val = props.value || props.defaultValue;
+    const values = getFormatValues(val, this.dateTimeFormat);
+    this.inputAsString =
             val && (typeof val[0] === 'string' || typeof val[1] === 'string');
-        this.state = {
-            visible: props.visible || props.defaultVisible,
-            startValue: values[0],
-            endValue: values[1],
-            startDateInputStr: '',
-            endDateInputStr: '',
-            activeDateInput: 'startValue',
-            startTimeInputStr: '',
-            endTimeInputStr: '',
-            inputing: false, // 当前是否处于输入状态
-            panel: PANEL.DATE,
-        };
+    this.state = {
+      visible: props.visible || props.defaultVisible,
+      startValue: values[0],
+      endValue: values[1],
+      startDateInputStr: '',
+      endDateInputStr: '',
+      activeDateInput: 'startValue',
+      startTimeInputStr: '',
+      endTimeInputStr: '',
+      inputing: false, // 当前是否处于输入状态
+      panel: PANEL.DATE,
+    };
+  }
+
+  componentWillReceiveProps(nextProps) {
+    if ('showTime' in nextProps) {
+      const dateTimeFormat = getDateTimeFormat(
+        nextProps.format || this.props.format,
+        nextProps.showTime,
+        nextProps.type,
+      );
+      extend(dateTimeFormat, this);
     }
 
-    componentWillReceiveProps(nextProps) {
-        if ('showTime' in nextProps) {
-            const dateTimeFormat = getDateTimeFormat(
-                nextProps.format || this.props.format,
-                nextProps.showTime,
-                nextProps.type
-            );
-            extend(dateTimeFormat, this);
-        }
-
-        if ('value' in nextProps) {
-            const values = getFormatValues(
-                nextProps.value,
-                this.dateTimeFormat
-            );
-            this.setState({
-                startValue: values[0],
-                endValue: values[1],
-            });
-            this.inputAsString =
+    if ('value' in nextProps) {
+      const values = getFormatValues(
+        nextProps.value,
+        this.dateTimeFormat,
+      );
+      this.setState({
+        startValue: values[0],
+        endValue: values[1],
+      });
+      this.inputAsString =
                 nextProps.value &&
                 (typeof nextProps.value[0] === 'string' ||
                     typeof nextProps.value[1] === 'string');
-        }
-
-        if ('visible' in nextProps) {
-            this.setState({
-                visible: nextProps.visible,
-            });
-        }
     }
 
-    onValueChange = (values, handler = 'onChange') => {
-        let ret;
-        if (!values.length || !this.inputAsString) {
-            ret = values;
-        } else {
-            ret = [
-                values[0] ? values[0].format(this.dateTimeFormat) : null,
-                values[1] ? values[1].format(this.dateTimeFormat) : null,
-            ];
-        }
-        this.props[handler](ret);
+    if ('visible' in nextProps) {
+      this.setState({
+        visible: nextProps.visible,
+      });
+    }
+  }
+
+  onValueChange = (values, handler = 'onChange') => {
+    let ret;
+    if (!values.length || !this.inputAsString) {
+      ret = values;
+    } else {
+      ret = [
+        values[0] ? values[0].format(this.dateTimeFormat) : null,
+        values[1] ? values[1].format(this.dateTimeFormat) : null,
+      ];
+    }
+    this.props[handler](ret);
+  };
+
+  onSelectCalendarPanel = (value, active) => {
+    const { showTime, resetTime } = this.props;
+    const {
+      activeDateInput: prevActiveDateInput,
+      startValue: prevStartValue,
+      endValue: prevEndValue,
+    } = this.state;
+
+    const newState = {
+      activeDateInput: active || prevActiveDateInput,
+      inputing: false,
     };
 
-    onSelectCalendarPanel = (value, active) => {
-        const { showTime, resetTime } = this.props;
-        const {
-            activeDateInput: prevActiveDateInput,
-            startValue: prevStartValue,
-            endValue: prevEndValue,
-        } = this.state;
-
-        const newState = {
-            activeDateInput: active || prevActiveDateInput,
-            inputing: false,
-        };
-
-        let newValue = value;
-        switch (active || prevActiveDateInput) {
-            case 'startValue': {
-                if (
-                    !prevEndValue ||
+    let newValue = value;
+    switch (active || prevActiveDateInput) {
+      case 'startValue': {
+        if (
+          !prevEndValue ||
                     value.valueOf() <= prevEndValue.valueOf()
-                ) {
-                    newState.activeDateInput = 'endValue';
-                }
-
-                if (showTime) {
-                    if (!prevStartValue) {
-                        // 第一次选择，如果设置了时间默认值，则使用该默认时间
-                        if (showTime.defaultValue) {
-                            const defaultTimeValue = formatDateValue(
-                                Array.isArray(showTime.defaultValue)
-                                    ? showTime.defaultValue[0]
-                                    : showTime.defaultValue,
-                                this.timeFormat
-                            );
-                            newValue = resetValueTime(value, defaultTimeValue);
-                        }
-                    } else if (!resetTime) {
-                        // 非第一次选择，如果开启了 resetTime ，则记住之前选择的时间值
-                        newValue = resetValueTime(value, prevStartValue);
-                    }
-                }
-
-                newState.startValue = newValue;
-
-                if (prevEndValue && value.valueOf() > prevEndValue.valueOf()) {
-                    newState.endValue = null;
-                    newState.activeDateInput = 'endValue';
-                }
-                break;
-            }
-
-            case 'endValue':
-                if (!prevStartValue) {
-                    newState.activeDateInput = 'startValue';
-                }
-
-                if (showTime) {
-                    if (!prevEndValue) {
-                        // 第一次选择，如果设置了时间默认值，则使用该默认时间
-                        if (showTime.defaultValue) {
-                            const defaultTimeValue = formatDateValue(
-                                Array.isArray(showTime.defaultValue)
-                                    ? showTime.defaultValue[1] ||
-                                          showTime.defaultValue[0]
-                                    : showTime.defaultValue,
-                                this.timeFormat
-                            );
-                            newValue = resetValueTime(value, defaultTimeValue);
-                        }
-                    } else if (!resetTime) {
-                        // 非第一次选择，如果开启了 resetTime ，则记住之前选择的时间值
-                        newValue = resetValueTime(value, prevEndValue);
-                    }
-                }
-
-                newState.endValue = newValue;
-
-                // 选择了一个比开始日期更小的结束日期，此时表示用户重新选择了
-                if (
-                    prevStartValue &&
-                    value.valueOf() < prevStartValue.valueOf()
-                ) {
-                    newState.startValue = value;
-                    newState.endValue = null;
-                }
-                break;
+        ) {
+          newState.activeDateInput = 'endValue';
         }
 
-        const newStartValue =
+        if (showTime) {
+          if (!prevStartValue) {
+            // 第一次选择，如果设置了时间默认值，则使用该默认时间
+            if (showTime.defaultValue) {
+              const defaultTimeValue = formatDateValue(
+                Array.isArray(showTime.defaultValue)
+                  ? showTime.defaultValue[0]
+                  : showTime.defaultValue,
+                this.timeFormat,
+              );
+              newValue = resetValueTime(value, defaultTimeValue);
+            }
+          } else if (!resetTime) {
+            // 非第一次选择，如果开启了 resetTime ，则记住之前选择的时间值
+            newValue = resetValueTime(value, prevStartValue);
+          }
+        }
+
+        newState.startValue = newValue;
+
+        if (prevEndValue && value.valueOf() > prevEndValue.valueOf()) {
+          newState.endValue = null;
+          newState.activeDateInput = 'endValue';
+        }
+        break;
+      }
+
+      case 'endValue':
+        if (!prevStartValue) {
+          newState.activeDateInput = 'startValue';
+        }
+
+        if (showTime) {
+          if (!prevEndValue) {
+            // 第一次选择，如果设置了时间默认值，则使用该默认时间
+            if (showTime.defaultValue) {
+              const defaultTimeValue = formatDateValue(
+                Array.isArray(showTime.defaultValue)
+                  ? showTime.defaultValue[1] ||
+                                          showTime.defaultValue[0]
+                  : showTime.defaultValue,
+                this.timeFormat,
+              );
+              newValue = resetValueTime(value, defaultTimeValue);
+            }
+          } else if (!resetTime) {
+            // 非第一次选择，如果开启了 resetTime ，则记住之前选择的时间值
+            newValue = resetValueTime(value, prevEndValue);
+          }
+        }
+
+        newState.endValue = newValue;
+
+        // 选择了一个比开始日期更小的结束日期，此时表示用户重新选择了
+        if (
+          prevStartValue &&
+                    value.valueOf() < prevStartValue.valueOf()
+        ) {
+          newState.startValue = value;
+          newState.endValue = null;
+        }
+        break;
+    }
+
+    const newStartValue =
             'startValue' in newState ? newState.startValue : prevStartValue;
-        const newEndValue =
+    const newEndValue =
             'endValue' in newState ? newState.endValue : prevEndValue;
 
-        // 受控状态选择不更新值
-        if ('value' in this.props) {
-            delete newState.startValue;
-            delete newState.endValue;
-        }
+    // 受控状态选择不更新值
+    if ('value' in this.props) {
+      delete newState.startValue;
+      delete newState.endValue;
+    }
 
-        this.setState(newState);
+    this.setState(newState);
 
-        this.onValueChange([newStartValue, newEndValue]);
-    };
+    this.onValueChange([newStartValue, newEndValue]);
+  };
 
-    clearRange = () => {
-        this.setState({
-            startDateInputStr: '',
-            endDateInputStr: '',
-            startTimeInputStr: '',
-            endTimeInputStr: '',
-        });
+  clearRange = () => {
+    this.setState({
+      startDateInputStr: '',
+      endDateInputStr: '',
+      startTimeInputStr: '',
+      endTimeInputStr: '',
+    });
 
-        if (!('value' in this.props)) {
-            this.setState({
-                startValue: null,
-                endValue: null,
-            });
-        }
+    if (!('value' in this.props)) {
+      this.setState({
+        startValue: null,
+        endValue: null,
+      });
+    }
 
-        this.onValueChange([]);
-    };
+    this.onValueChange([]);
+  };
 
-    onDateInputChange = (inputStr, e, eventType) => {
-        if (eventType === 'clear' || !inputStr) {
-            e.stopPropagation();
-            this.clearRange();
-        } else {
-            const stateName = mapInputStateName(this.state.activeDateInput);
-            this.setState({
-                [stateName]: inputStr,
-                inputing: this.state.activeDateInput,
-            });
-        }
-    };
+  onDateInputChange = (inputStr, e, eventType) => {
+    if (eventType === 'clear' || !inputStr) {
+      e.stopPropagation();
+      this.clearRange();
+    } else {
+      const stateName = mapInputStateName(this.state.activeDateInput);
+      this.setState({
+        [stateName]: inputStr,
+        inputing: this.state.activeDateInput,
+      });
+    }
+  };
 
-    onDateInputBlur = () => {
-        const stateName = mapInputStateName(this.state.activeDateInput);
-        const dateInputStr = this.state[stateName];
-        if (dateInputStr) {
-            const { format, disabledDate } = this.props;
-            const parsed = moment(dateInputStr, format, true);
+  onDateInputBlur = () => {
+    const stateName = mapInputStateName(this.state.activeDateInput);
+    const dateInputStr = this.state[stateName];
+    if (dateInputStr) {
+      const { format, disabledDate } = this.props;
+      const parsed = moment(dateInputStr, format, true);
 
-            this.setState({
-                [stateName]: '',
-                inputing: false,
-            });
+      this.setState({
+        [stateName]: '',
+        inputing: false,
+      });
 
-            if (parsed.isValid() && !disabledDate(parsed, 'date')) {
-                const valueName = this.state.activeDateInput;
-                const newValue = parsed;
+      if (parsed.isValid() && !disabledDate(parsed, 'date')) {
+        const valueName = this.state.activeDateInput;
+        const newValue = parsed;
 
-                this.handleChange(valueName, newValue);
-            }
-        }
-    };
+        this.handleChange(valueName, newValue);
+      }
+    }
+  };
 
-    onDateInputKeyDown = e => {
-        const { type } = this.props;
-        const { activeDateInput } = this.state;
-        const stateName = mapInputStateName(activeDateInput);
-        const dateInputStr = this.state[stateName];
-        const dateStr = onDateKeydown(
-            e,
-            {
-                format: this.format,
-                value: this.state[activeDateInput],
-                dateInputStr,
-            },
-            type === 'date' ? 'day' : type
-        );
-        if (!dateStr) return;
+  onDateInputKeyDown = e => {
+    const { type } = this.props;
+    const { activeDateInput } = this.state;
+    const stateName = mapInputStateName(activeDateInput);
+    const dateInputStr = this.state[stateName];
+    const dateStr = onDateKeydown(
+      e,
+      {
+        format: this.format,
+        value: this.state[activeDateInput],
+        dateInputStr,
+      },
+      type === 'date' ? 'day' : type,
+    );
+    if (!dateStr) return;
 
-        return this.onDateInputChange(dateStr);
-    };
+    return this.onDateInputChange(dateStr);
+  };
 
-    onFocusDateInput = type => {
-        if (type !== this.state.activeDateInput) {
-            this.setState({
-                activeDateInput: type,
-            });
-        }
-        if (this.state.panel !== PANEL.DATE) {
-            this.setState({
-                panel: PANEL.DATE,
-            });
-        }
-    };
+  onFocusDateInput = type => {
+    if (type !== this.state.activeDateInput) {
+      this.setState({
+        activeDateInput: type,
+      });
+    }
+    if (this.state.panel !== PANEL.DATE) {
+      this.setState({
+        panel: PANEL.DATE,
+      });
+    }
+  };
 
-    onFocusTimeInput = type => {
-        if (type !== this.state.activeDateInput) {
-            this.setState({
-                activeDateInput: type,
-            });
-        }
+  onFocusTimeInput = type => {
+    if (type !== this.state.activeDateInput) {
+      this.setState({
+        activeDateInput: type,
+      });
+    }
 
-        if (this.state.panel !== PANEL.TIME) {
-            this.setState({
-                panel: PANEL.TIME,
-            });
-        }
-    };
+    if (this.state.panel !== PANEL.TIME) {
+      this.setState({
+        panel: PANEL.TIME,
+      });
+    }
+  };
 
-    onSelectStartTime = value => {
-        if (!('value' in this.props)) {
-            this.setState({
-                startValue: value,
-                inputing: false,
-                activeDateInput: 'startTime',
-            });
-        }
-        if (value.valueOf() !== this.state.startValue.valueOf()) {
-            this.onValueChange([value, this.state.endValue]);
-        }
-    };
+  onSelectStartTime = value => {
+    if (!('value' in this.props)) {
+      this.setState({
+        startValue: value,
+        inputing: false,
+        activeDateInput: 'startTime',
+      });
+    }
+    if (value.valueOf() !== this.state.startValue.valueOf()) {
+      this.onValueChange([value, this.state.endValue]);
+    }
+  };
 
-    onSelectEndTime = value => {
-        if (!('value' in this.props)) {
-            this.setState({
-                endValue: value,
-                inputing: false,
-                activeDateInput: 'endTime',
-            });
-        }
-        if (value.valueOf() !== this.state.endValue.valueOf()) {
-            this.onValueChange([this.state.startValue, value]);
-        }
-    };
+  onSelectEndTime = value => {
+    if (!('value' in this.props)) {
+      this.setState({
+        endValue: value,
+        inputing: false,
+        activeDateInput: 'endTime',
+      });
+    }
+    if (value.valueOf() !== this.state.endValue.valueOf()) {
+      this.onValueChange([this.state.startValue, value]);
+    }
+  };
 
-    onTimeInputChange = inputStr => {
-        const stateName = mapInputStateName(this.state.activeDateInput);
-        this.setState({
-            [stateName]: inputStr,
-            inputing: this.state.activeDateInput,
-        });
-    };
+  onTimeInputChange = inputStr => {
+    const stateName = mapInputStateName(this.state.activeDateInput);
+    this.setState({
+      [stateName]: inputStr,
+      inputing: this.state.activeDateInput,
+    });
+  };
 
-    onTimeInputBlur = () => {
-        const stateName = mapInputStateName(this.state.activeDateInput);
-        const timeInputStr = this.state[stateName];
-        if (timeInputStr) {
-            const parsed = moment(timeInputStr, this.timeFormat, true);
+  onTimeInputBlur = () => {
+    const stateName = mapInputStateName(this.state.activeDateInput);
+    const timeInputStr = this.state[stateName];
+    if (timeInputStr) {
+      const parsed = moment(timeInputStr, this.timeFormat, true);
 
-            this.setState({
-                [stateName]: '',
-                inputing: false,
-            });
+      this.setState({
+        [stateName]: '',
+        inputing: false,
+      });
 
-            if (parsed.isValid()) {
-                const hour = parsed.hour();
-                const minute = parsed.minute();
-                const second = parsed.second();
-                const valueName = mapTimeToValue(this.state.activeDateInput);
-                const newValue = this.state[valueName]
-                    .clone()
-                    .hour(hour)
-                    .minute(minute)
-                    .second(second);
+      if (parsed.isValid()) {
+        const hour = parsed.hour();
+        const minute = parsed.minute();
+        const second = parsed.second();
+        const valueName = mapTimeToValue(this.state.activeDateInput);
+        const newValue = this.state[valueName]
+          .clone()
+          .hour(hour)
+          .minute(minute)
+          .second(second);
 
-                this.handleChange(valueName, newValue);
-            }
-        }
-    };
+        this.handleChange(valueName, newValue);
+      }
+    }
+  };
 
-    onTimeInputKeyDown = e => {
-        const { showTime } = this.props;
-        const { activeDateInput } = this.state;
-        const stateName = mapInputStateName(activeDateInput);
-        const timeInputStr = this.state[stateName];
-        const {
-            disabledMinutes,
-            disabledSeconds,
-            hourStep = 1,
-            minuteStep = 1,
-            secondStep = 1,
-        } = typeof showTime === 'object' ? showTime : {};
-        let unit = 'second';
+  onTimeInputKeyDown = e => {
+    const { showTime } = this.props;
+    const { activeDateInput } = this.state;
+    const stateName = mapInputStateName(activeDateInput);
+    const timeInputStr = this.state[stateName];
+    const {
+      disabledMinutes,
+      disabledSeconds,
+      hourStep = 1,
+      minuteStep = 1,
+      secondStep = 1,
+    } = typeof showTime === 'object' ? showTime : {};
+    let unit = 'second';
 
-        if (disabledSeconds) {
-            unit = disabledMinutes ? 'hour' : 'minute';
-        }
+    if (disabledSeconds) {
+      unit = disabledMinutes ? 'hour' : 'minute';
+    }
 
-        const timeStr = onTimeKeydown(
-            e,
-            {
-                format: this.timeFormat,
-                timeInputStr,
-                value: this.state[
-                    activeDateInput.indexOf('start') ? 'startValue' : 'endValue'
-                ],
-                steps: {
-                    hour: hourStep,
-                    minute: minuteStep,
-                    second: secondStep,
-                },
-            },
-            unit
-        );
+    const timeStr = onTimeKeydown(
+      e,
+      {
+        format: this.timeFormat,
+        timeInputStr,
+        value: this.state[
+          activeDateInput.indexOf('start') ? 'startValue' : 'endValue'
+        ],
+        steps: {
+          hour: hourStep,
+          minute: minuteStep,
+          second: secondStep,
+        },
+      },
+      unit,
+    );
 
-        if (!timeStr) return;
+    if (!timeStr) return;
 
-        this.onTimeInputChange(timeStr);
-    };
+    this.onTimeInputChange(timeStr);
+  };
 
-    handleChange = (valueName, newValue) => {
-        if (!('value' in this.props)) {
-            this.setState({
-                [valueName]: newValue,
-            });
-        }
+  handleChange = (valueName, newValue) => {
+    if (!('value' in this.props)) {
+      this.setState({
+        [valueName]: newValue,
+      });
+    }
 
-        const startValue =
+    const startValue =
             valueName === 'startValue' ? newValue : this.state.startValue;
-        const endValue =
+    const endValue =
             valueName === 'endValue' ? newValue : this.state.endValue;
 
-        this.onValueChange([startValue, endValue]);
-    };
+    this.onValueChange([startValue, endValue]);
+  };
 
-    onVisibleChange = (visible, type) => {
-        if (!('visible' in this.props)) {
-            this.setState({
-                visible,
-            });
-        }
-        this.props.onVisibleChange(visible, type);
-    };
+  onVisibleChange = (visible, type) => {
+    if (!('visible' in this.props)) {
+      this.setState({
+        visible,
+      });
+    }
+    this.props.onVisibleChange(visible, type);
+  };
 
-    changePanel = panel => {
-        const { startValue, endValue } = this.state;
-        this.setState({
-            panel,
-            activeDateInput:
+  changePanel = panel => {
+    const { startValue, endValue } = this.state;
+    this.setState({
+      panel,
+      activeDateInput:
                 panel === PANEL.DATE
-                    ? !!startValue && !endValue
-                        ? 'endValue'
-                        : 'startValue'
-                    : 'startTime',
-        });
-    };
+                  ? !!startValue && !endValue
+                    ? 'endValue'
+                    : 'startValue'
+                  : 'startTime',
+    });
+  };
 
-    onOk = () => {
-        this.onVisibleChange(false, 'okBtnClick');
-        this.onValueChange(
-            [this.state.startValue, this.state.endValue],
-            'onOk'
-        );
-    };
+  onOk = () => {
+    this.onVisibleChange(false, 'okBtnClick');
+    this.onValueChange(
+      [this.state.startValue, this.state.endValue],
+      'onOk',
+    );
+  };
 
-    // 如果用户没有给定时间禁用逻辑，则给默认到禁用逻辑，即如果是同一天，则时间不能是同样的
-    getDisabledTime = ({ startValue, endValue }) => {
-        const { disabledHours, disabledMinutes, disabledSeconds } =
+  // 如果用户没有给定时间禁用逻辑，则给默认到禁用逻辑，即如果是同一天，则时间不能是同样的
+  getDisabledTime = ({ startValue, endValue }) => {
+    const { disabledHours, disabledMinutes, disabledSeconds } =
             this.props.showTime || {};
 
-        let disabledTime = {};
+    let disabledTime = {};
 
-        if (startValue && endValue) {
-            const isSameDay = startValue.format('L') === endValue.format('L');
-            const newDisabledHours = isFunction(disabledHours)
-                ? disabledHours
-                : index => {
-                      if (isSameDay && index < startValue.hour()) {
-                          return true;
-                      }
-                  };
+    if (startValue && endValue) {
+      const isSameDay = startValue.format('L') === endValue.format('L');
+      const newDisabledHours = isFunction(disabledHours)
+        ? disabledHours
+        : index => {
+          if (isSameDay && index < startValue.hour()) {
+            return true;
+          }
+        };
 
-            const newDisabledMinutes = isFunction(disabledMinutes)
-                ? disabledMinutes
-                : index => {
-                      if (
-                          isSameDay &&
+      const newDisabledMinutes = isFunction(disabledMinutes)
+        ? disabledMinutes
+        : index => {
+          if (
+            isSameDay &&
                           startValue.hour() === endValue.hour() &&
                           index < startValue.minute()
-                      ) {
-                          return true;
-                      }
-                  };
+          ) {
+            return true;
+          }
+        };
 
-            const newDisabledSeconds = isFunction(disabledSeconds)
-                ? disabledSeconds
-                : index => {
-                      if (
-                          isSameDay &&
+      const newDisabledSeconds = isFunction(disabledSeconds)
+        ? disabledSeconds
+        : index => {
+          if (
+            isSameDay &&
                           startValue.hour() === endValue.hour() &&
                           startValue.minute() === endValue.minute() &&
                           index <= startValue.second()
-                      ) {
-                          return true;
-                      }
-                  };
-            disabledTime = {
-                disabledHours: newDisabledHours,
-                disabledMinutes: newDisabledMinutes,
-                disabledSeconds: newDisabledSeconds,
-            };
-        }
-
-        return disabledTime;
-    };
-
-    renderPreview([startValue, endValue], others) {
-        const { prefix, format, className, renderPreview } = this.props;
-
-        const previewCls = classnames(className, `${prefix}form-preview`);
-        const startLabel = startValue ? startValue.format(format) : '';
-        const endLabel = endValue ? endValue.format(format) : '';
-
-        if (typeof renderPreview === 'function') {
-            return (
-                <div {...others} className={previewCls}>
-                    {renderPreview([startValue, endValue], this.props)}
-                </div>
-            );
-        }
-
-        return (
-            <p {...others} className={previewCls}>
-                {startLabel} - {endLabel}
-            </p>
-        );
+          ) {
+            return true;
+          }
+        };
+      disabledTime = {
+        disabledHours: newDisabledHours,
+        disabledMinutes: newDisabledMinutes,
+        disabledSeconds: newDisabledSeconds,
+      };
     }
 
-    render() {
-        const {
-            prefix,
-            rtl,
-            type,
-            defaultVisibleMonth,
-            onVisibleMonthChange,
-            showTime,
-            disabledDate,
-            footerRender,
-            label,
-            ranges = {}, // 兼容0.x ranges 属性
-            state: inputState,
-            size,
-            disabled,
-            hasClear,
-            popupTriggerType,
-            popupAlign,
-            popupContainer,
-            popupStyle,
-            popupClassName,
-            popupProps,
-            popupComponent,
-            popupContent,
-            followTrigger,
-            className,
-            locale,
-            inputProps,
-            dateCellRender,
-            monthCellRender,
-            yearCellRender,
-            startDateInputAriaLabel,
-            startTimeInputAriaLabel,
-            endDateInputAriaLabel,
-            endTimeInputAriaLabel,
-            isPreview,
-            disableChangeMode,
-            yearRange,
-            placeholder,
-            ...others
-        } = this.props;
+    return disabledTime;
+  };
 
-        const state = this.state;
+  renderPreview([startValue, endValue], others) {
+    const { prefix, format, className, renderPreview } = this.props;
 
-        const classNames = classnames(
-            {
-                [`${prefix}range-picker`]: true,
-                [`${prefix}${size}`]: size,
-                [`${prefix}disabled`]: disabled,
-            },
-            className
-        );
+    const previewCls = classnames(className, `${prefix}form-preview`);
+    const startLabel = startValue ? startValue.format(format) : '';
+    const endLabel = endValue ? endValue.format(format) : '';
 
-        const panelBodyClassName = classnames({
-            [`${prefix}range-picker-body`]: true,
-            [`${prefix}range-picker-body-show-time`]: showTime,
-        });
+    if (typeof renderPreview === 'function') {
+      return (
+        <div {...others} className={previewCls}>
+          {renderPreview([startValue, endValue], this.props)}
+        </div>
+      );
+    }
 
-        const triggerCls = classnames({
-            [`${prefix}range-picker-trigger`]: true,
-            [`${prefix}error`]: inputState === 'error',
-        });
+    return (
+      <p {...others} className={previewCls}>
+        {startLabel} - {endLabel}
+      </p>
+    );
+  }
 
-        const startDateInputCls = classnames({
-            [`${prefix}range-picker-panel-input-start-date`]: true,
-            [`${prefix}focus`]: state.activeDateInput === 'startValue',
-        });
+  render() {
+    const {
+      prefix,
+      rtl,
+      type,
+      defaultVisibleMonth,
+      onVisibleMonthChange,
+      showTime,
+      disabledDate,
+      footerRender,
+      label,
+      ranges = {}, // 兼容0.x ranges 属性
+      state: inputState,
+      size,
+      disabled,
+      hasClear,
+      popupTriggerType,
+      popupAlign,
+      popupContainer,
+      popupStyle,
+      popupClassName,
+      popupProps,
+      popupComponent,
+      popupContent,
+      followTrigger,
+      className,
+      locale,
+      inputProps,
+      dateCellRender,
+      monthCellRender,
+      yearCellRender,
+      startDateInputAriaLabel,
+      startTimeInputAriaLabel,
+      endDateInputAriaLabel,
+      endTimeInputAriaLabel,
+      isPreview,
+      disableChangeMode,
+      yearRange,
+      placeholder,
+      ...others
+    } = this.props;
 
-        const endDateInputCls = classnames({
-            [`${prefix}range-picker-panel-input-end-date`]: true,
-            [`${prefix}focus`]: state.activeDateInput === 'endValue',
-        });
+    const { state } = this;
 
-        if (rtl) {
-            others.dir = 'rtl';
-        }
+    const classNames = classnames(
+      {
+        [`${prefix}range-picker`]: true,
+        [`${prefix}${size}`]: size,
+        [`${prefix}disabled`]: disabled,
+      },
+      className,
+    );
 
-        if (isPreview) {
-            return this.renderPreview(
-                [state.startValue, state.endValue],
-                obj.pickOthers(others, RangePicker.PropTypes)
-            );
-        }
+    const panelBodyClassName = classnames({
+      [`${prefix}range-picker-body`]: true,
+      [`${prefix}range-picker-body-show-time`]: showTime,
+    });
 
-        const startDateInputValue =
+    const triggerCls = classnames({
+      [`${prefix}range-picker-trigger`]: true,
+      [`${prefix}error`]: inputState === 'error',
+    });
+
+    const startDateInputCls = classnames({
+      [`${prefix}range-picker-panel-input-start-date`]: true,
+      [`${prefix}focus`]: state.activeDateInput === 'startValue',
+    });
+
+    const endDateInputCls = classnames({
+      [`${prefix}range-picker-panel-input-end-date`]: true,
+      [`${prefix}focus`]: state.activeDateInput === 'endValue',
+    });
+
+    if (rtl) {
+      others.dir = 'rtl';
+    }
+
+    if (isPreview) {
+      return this.renderPreview(
+        [state.startValue, state.endValue],
+        obj.pickOthers(others, RangePicker.PropTypes),
+      );
+    }
+
+    const startDateInputValue =
             state.inputing === 'startValue'
-                ? state.startDateInputStr
-                : (state.startValue && state.startValue.format(this.format)) ||
+              ? state.startDateInputStr
+              : (state.startValue && state.startValue.format(this.format)) ||
                   '';
-        const endDateInputValue =
+    const endDateInputValue =
             state.inputing === 'endValue'
-                ? state.endDateInputStr
-                : (state.endValue && state.endValue.format(this.format)) || '';
+              ? state.endDateInputStr
+              : (state.endValue && state.endValue.format(this.format)) || '';
 
-        let startTriggerValue = startDateInputValue;
-        let endTriggerValue = endDateInputValue;
+    let startTriggerValue = startDateInputValue;
+    let endTriggerValue = endDateInputValue;
 
-        const sharedInputProps = {
-            ...inputProps,
-            size,
-            disabled,
-            onChange: this.onDateInputChange,
-            onBlur: this.onDateInputBlur,
-            onPressEnter: this.onDateInputBlur,
-            onKeyDown: this.onDateInputKeyDown,
-        };
+    const sharedInputProps = {
+      ...inputProps,
+      size,
+      disabled,
+      onChange: this.onDateInputChange,
+      onBlur: this.onDateInputBlur,
+      onPressEnter: this.onDateInputBlur,
+      onKeyDown: this.onDateInputKeyDown,
+    };
 
-        const startDateInput = (
-            <Input
-                {...sharedInputProps}
-                aria-label={startDateInputAriaLabel}
-                placeholder={this.format}
-                value={startDateInputValue}
-                onFocus={() => this.onFocusDateInput('startValue')}
-                className={startDateInputCls}
-            />
-        );
+    const startDateInput = (
+      <Input
+        {...sharedInputProps}
+        aria-label={startDateInputAriaLabel}
+        placeholder={this.format}
+        value={startDateInputValue}
+        onFocus={() => this.onFocusDateInput('startValue')}
+        className={startDateInputCls}
+      />
+    );
 
-        const endDateInput = (
-            <Input
-                {...sharedInputProps}
-                aria-label={endDateInputAriaLabel}
-                placeholder={this.format}
-                value={endDateInputValue}
-                onFocus={() => this.onFocusDateInput('endValue')}
-                className={endDateInputCls}
-            />
-        );
+    const endDateInput = (
+      <Input
+        {...sharedInputProps}
+        aria-label={endDateInputAriaLabel}
+        placeholder={this.format}
+        value={endDateInputValue}
+        onFocus={() => this.onFocusDateInput('endValue')}
+        className={endDateInputCls}
+      />
+    );
 
-        const shareCalendarProps = {
-            showOtherMonth: true,
-            dateCellRender: dateCellRender,
-            monthCellRender: monthCellRender,
-            yearCellRender: yearCellRender,
-            format: this.format,
-            defaultVisibleMonth: defaultVisibleMonth,
-            onVisibleMonthChange: onVisibleMonthChange,
-        };
+    const shareCalendarProps = {
+      showOtherMonth: true,
+      dateCellRender,
+      monthCellRender,
+      yearCellRender,
+      format: this.format,
+      defaultVisibleMonth,
+      onVisibleMonthChange,
+    };
 
-        const datePanel =
+    const datePanel =
             type === 'date' ? (
-                <RangeCalendar
-                    {...shareCalendarProps}
-                    yearRange={yearRange}
-                    disableChangeMode={disableChangeMode}
-                    disabledDate={disabledDate}
-                    onSelect={this.onSelectCalendarPanel}
-                    startValue={state.startValue}
-                    endValue={state.endValue}
-                />
+              <RangeCalendar
+                {...shareCalendarProps}
+                yearRange={yearRange}
+                disableChangeMode={disableChangeMode}
+                disabledDate={disabledDate}
+                onSelect={this.onSelectCalendarPanel}
+                startValue={state.startValue}
+                endValue={state.endValue}
+              />
             ) : (
-                <div className={`${prefix}range-picker-panel-body`}>
-                    <Calendar
-                        shape="panel"
-                        modes={type === 'month' ? ['month', 'year'] : ['year']}
-                        {...{ ...shareCalendarProps }}
-                        disabledDate={date => {
-                            return (
-                                state.endValue &&
+              <div className={`${prefix}range-picker-panel-body`}>
+                <Calendar
+                  shape="panel"
+                  modes={type === 'month' ? ['month', 'year'] : ['year']}
+                  {...{ ...shareCalendarProps }}
+                  disabledDate={date => {
+                    return (
+                      state.endValue &&
                                 date.isAfter(state.endValue, type)
-                            );
-                        }}
-                        onSelect={value => {
-                            const selectedValue = value
-                                .clone()
-                                .date(1)
-                                .hour(0)
-                                .minute(0)
-                                .second(0);
-                            if (type === 'year') {
-                                selectedValue.month(0);
-                            }
-                            this.onSelectCalendarPanel(
-                                selectedValue,
-                                'startValue'
-                            );
-                        }}
-                        value={state.startValue}
-                    />
-                    <Calendar
-                        shape="panel"
-                        modes={type === 'month' ? ['month', 'year'] : ['year']}
-                        {...shareCalendarProps}
-                        disabledDate={date => {
-                            return (
-                                state.startValue &&
+                    );
+                  }}
+                  onSelect={value => {
+                    const selectedValue = value
+                      .clone()
+                      .date(1)
+                      .hour(0)
+                      .minute(0)
+                      .second(0);
+                    if (type === 'year') {
+                      selectedValue.month(0);
+                    }
+                    this.onSelectCalendarPanel(
+                      selectedValue,
+                      'startValue',
+                    );
+                  }}
+                  value={state.startValue}
+                />
+                <Calendar
+                  shape="panel"
+                  modes={type === 'month' ? ['month', 'year'] : ['year']}
+                  {...shareCalendarProps}
+                  disabledDate={date => {
+                    return (
+                      state.startValue &&
                                 date.isBefore(state.startValue, type)
-                            );
-                        }}
-                        onSelect={value => {
-                            const selectedValue = value
-                                .clone()
-                                .hour(23)
-                                .minute(59)
-                                .second(59);
-                            if (type === 'year') {
-                                selectedValue.month(11).date(31);
-                            } else {
-                                selectedValue.date(selectedValue.daysInMonth());
-                            }
-                            this.onSelectCalendarPanel(
-                                selectedValue,
-                                'endValue'
-                            );
-                        }}
-                        value={state.endValue}
-                    />
-                </div>
+                    );
+                  }}
+                  onSelect={value => {
+                    const selectedValue = value
+                      .clone()
+                      .hour(23)
+                      .minute(59)
+                      .second(59);
+                    if (type === 'year') {
+                      selectedValue.month(11).date(31);
+                    } else {
+                      selectedValue.date(selectedValue.daysInMonth());
+                    }
+                    this.onSelectCalendarPanel(
+                      selectedValue,
+                      'endValue',
+                    );
+                  }}
+                  value={state.endValue}
+                />
+              </div>
             );
 
-        let startTimeInput = null;
-        let endTimeInput = null;
-        let timePanel = null;
-        let panelFooter = footerRender();
+    let startTimeInput = null;
+    let endTimeInput = null;
+    let timePanel = null;
+    let panelFooter = footerRender();
 
-        if (showTime) {
-            const startTimeInputValue =
+    if (showTime) {
+      const startTimeInputValue =
                 state.inputing === 'startTime'
-                    ? state.startTimeInputStr
-                    : (state.startValue &&
+                  ? state.startTimeInputStr
+                  : (state.startValue &&
                           state.startValue.format(this.timeFormat)) ||
                       '';
-            const endTimeInputValue =
+      const endTimeInputValue =
                 state.inputing === 'endTime'
-                    ? state.endTimeInputStr
-                    : (state.endValue &&
+                  ? state.endTimeInputStr
+                  : (state.endValue &&
                           state.endValue.format(this.timeFormat)) ||
                       '';
 
-            startTriggerValue =
+      startTriggerValue =
                 (state.startValue &&
                     state.startValue.format(this.dateTimeFormat)) ||
                 '';
-            endTriggerValue =
+      endTriggerValue =
                 (state.endValue &&
                     state.endValue.format(this.dateTimeFormat)) ||
                 '';
 
-            const sharedTimeInputProps = {
-                size,
-                placeholder: this.timeFormat,
-                onFocus: this.onFocusTimeInput,
-                onBlur: this.onTimeInputBlur,
-                onPressEnter: this.onTimeInputBlur,
-                onChange: this.onTimeInputChange,
-                onKeyDown: this.onTimeInputKeyDown,
-            };
+      const sharedTimeInputProps = {
+        size,
+        placeholder: this.timeFormat,
+        onFocus: this.onFocusTimeInput,
+        onBlur: this.onTimeInputBlur,
+        onPressEnter: this.onTimeInputBlur,
+        onChange: this.onTimeInputChange,
+        onKeyDown: this.onTimeInputKeyDown,
+      };
 
-            const startTimeInputCls = classnames({
-                [`${prefix}range-picker-panel-input-start-time`]: true,
-                [`${prefix}focus`]: state.activeDateInput === 'startTime',
-            });
+      const startTimeInputCls = classnames({
+        [`${prefix}range-picker-panel-input-start-time`]: true,
+        [`${prefix}focus`]: state.activeDateInput === 'startTime',
+      });
 
-            startTimeInput = (
-                <Input
-                    {...sharedTimeInputProps}
-                    value={startTimeInputValue}
-                    aria-label={startTimeInputAriaLabel}
-                    disabled={disabled || !state.startValue}
-                    onFocus={() => this.onFocusTimeInput('startTime')}
-                    className={startTimeInputCls}
-                />
-            );
+      startTimeInput = (
+        <Input
+          {...sharedTimeInputProps}
+          value={startTimeInputValue}
+          aria-label={startTimeInputAriaLabel}
+          disabled={disabled || !state.startValue}
+          onFocus={() => this.onFocusTimeInput('startTime')}
+          className={startTimeInputCls}
+        />
+      );
 
-            const endTimeInputCls = classnames({
-                [`${prefix}range-picker-panel-input-end-time`]: true,
-                [`${prefix}focus`]: state.activeDateInput === 'endTime',
-            });
+      const endTimeInputCls = classnames({
+        [`${prefix}range-picker-panel-input-end-time`]: true,
+        [`${prefix}focus`]: state.activeDateInput === 'endTime',
+      });
 
-            endTimeInput = (
-                <Input
-                    {...sharedTimeInputProps}
-                    value={endTimeInputValue}
-                    aria-label={endTimeInputAriaLabel}
-                    disabled={disabled || !state.endValue}
-                    onFocus={() => this.onFocusTimeInput('endTime')}
-                    className={endTimeInputCls}
-                />
-            );
+      endTimeInput = (
+        <Input
+          {...sharedTimeInputProps}
+          value={endTimeInputValue}
+          aria-label={endTimeInputAriaLabel}
+          disabled={disabled || !state.endValue}
+          onFocus={() => this.onFocusTimeInput('endTime')}
+          className={endTimeInputCls}
+        />
+      );
 
-            const showSecond = this.timeFormat.indexOf('s') > -1;
-            const showMinute = this.timeFormat.indexOf('m') > -1;
+      const showSecond = this.timeFormat.indexOf('s') > -1;
+      const showMinute = this.timeFormat.indexOf('m') > -1;
 
-            const sharedTimePickerProps = {
-                ...showTime,
-                prefix,
-                locale,
-                disabled,
-                showSecond,
-                showMinute,
-            };
+      const sharedTimePickerProps = {
+        ...showTime,
+        prefix,
+        locale,
+        disabled,
+        showSecond,
+        showMinute,
+      };
 
-            const disabledTime = this.getDisabledTime(state);
+      const disabledTime = this.getDisabledTime(state);
 
-            timePanel = (
-                <div className={`${prefix}range-picker-panel-time`}>
-                    <TimePickerPanel
-                        {...sharedTimePickerProps}
-                        disabled={disabled || !state.startValue}
-                        className={`${prefix}range-picker-panel-time-start`}
-                        value={state.startValue}
-                        onSelect={this.onSelectStartTime}
-                    />
-                    <TimePickerPanel
-                        {...sharedTimePickerProps}
-                        {...disabledTime}
-                        disabled={disabled || !state.endValue}
-                        className={`${prefix}range-picker-panel-time-end`}
-                        value={state.endValue}
-                        onSelect={this.onSelectEndTime}
-                    />
-                </div>
-            );
-        }
+      timePanel = (
+        <div className={`${prefix}range-picker-panel-time`}>
+          <TimePickerPanel
+            {...sharedTimePickerProps}
+            disabled={disabled || !state.startValue}
+            className={`${prefix}range-picker-panel-time-start`}
+            value={state.startValue}
+            onSelect={this.onSelectStartTime}
+          />
+          <TimePickerPanel
+            {...sharedTimePickerProps}
+            {...disabledTime}
+            disabled={disabled || !state.endValue}
+            className={`${prefix}range-picker-panel-time-end`}
+            value={state.endValue}
+            onSelect={this.onSelectEndTime}
+          />
+        </div>
+      );
+    }
 
-        panelFooter = panelFooter || (
-            <PanelFooter
-                prefix={prefix}
-                value={state.startValue || state.endValue}
-                ranges={Object.keys(ranges).map(key => ({
-                    label: key,
-                    value: ranges[key],
-                    onChange: values => {
-                        this.setState({
-                            startValue: values[0],
-                            endValue: values[1],
-                        });
-                        this.onValueChange(values);
-                    },
-                }))}
-                disabledOk={
+    panelFooter = panelFooter || (
+    <PanelFooter
+      prefix={prefix}
+      value={state.startValue || state.endValue}
+      ranges={Object.keys(ranges).map(key => ({
+        label: key,
+        value: ranges[key],
+        onChange: values => {
+          this.setState({
+            startValue: values[0],
+            endValue: values[1],
+          });
+          this.onValueChange(values);
+        },
+      }))}
+      disabledOk={
                     !state.startValue ||
                     !state.endValue ||
                     state.startValue.valueOf() > state.endValue.valueOf()
                 }
-                locale={locale}
-                panel={state.panel}
-                onPanelChange={showTime ? this.changePanel : null}
-                onOk={this.onOk}
-            />
-        );
+      locale={locale}
+      panel={state.panel}
+      onPanelChange={showTime ? this.changePanel : null}
+      onOk={this.onOk}
+    />
+    );
 
-        const panelBody = {
-            [PANEL.DATE]: datePanel,
-            [PANEL.TIME]: timePanel,
-        }[state.panel];
+    const panelBody = {
+      [PANEL.DATE]: datePanel,
+      [PANEL.TIME]: timePanel,
+    }[state.panel];
 
-        const allowClear = state.startValue && state.endValue && hasClear;
-        let [startPlaceholder, endPlaceholder] = placeholder || [];
+    const allowClear = state.startValue && state.endValue && hasClear;
+    let [startPlaceholder, endPlaceholder] = placeholder || [];
 
-        if (typeof placeholder === 'string') {
-            startPlaceholder = placeholder;
-            endPlaceholder = placeholder;
-        }
-
-        const trigger = (
-            <div className={triggerCls}>
-                <Input
-                    {...sharedInputProps}
-                    readOnly
-                    role="combobox"
-                    aria-expanded={state.visible}
-                    label={label}
-                    placeholder={startPlaceholder || locale.startPlaceholder}
-                    value={startTriggerValue}
-                    hasBorder={false}
-                    className={`${prefix}range-picker-trigger-input`}
-                    onFocus={() => this.onFocusDateInput('startValue')}
-                />
-                <span className={`${prefix}range-picker-trigger-separator`}>
-                    -
-                </span>
-                <Input
-                    {...sharedInputProps}
-                    readOnly
-                    role="combobox"
-                    aria-expanded={state.visible}
-                    placeholder={endPlaceholder || locale.endPlaceholder}
-                    value={endTriggerValue}
-                    hasBorder={false}
-                    className={`${prefix}range-picker-trigger-input`}
-                    onFocus={() => this.onFocusDateInput('endValue')}
-                    hasClear={allowClear}
-                    hint="calendar"
-                />
-            </div>
-        );
-
-        const PopupComponent = popupComponent ? popupComponent : Popup;
-
-        return (
-            <div
-                {...obj.pickOthers(RangePicker.propTypes, others)}
-                className={classNames}
-            >
-                <PopupComponent
-                    autoFocus
-                    align={popupAlign}
-                    {...popupProps}
-                    followTrigger={followTrigger}
-                    disabled={disabled}
-                    visible={state.visible}
-                    onVisibleChange={this.onVisibleChange}
-                    triggerType={popupTriggerType}
-                    container={popupContainer}
-                    style={popupStyle}
-                    className={popupClassName}
-                    trigger={trigger}
-                >
-                    {popupContent ? (
-                        popupContent
-                    ) : (
-                        <div dir={others.dir} className={panelBodyClassName}>
-                            <div
-                                className={`${prefix}range-picker-panel-header`}
-                            >
-                                <div
-                                    className={`${prefix}range-picker-panel-input`}
-                                >
-                                    {startDateInput}
-                                    {startTimeInput}
-                                    <span
-                                        className={`${prefix}range-picker-panel-input-separator`}
-                                    >
-                                        -
-                                    </span>
-                                    {endDateInput}
-                                    {endTimeInput}
-                                </div>
-                            </div>
-                            {panelBody}
-                            {panelFooter}
-                        </div>
-                    )}
-                </PopupComponent>
-            </div>
-        );
+    if (typeof placeholder === 'string') {
+      startPlaceholder = placeholder;
+      endPlaceholder = placeholder;
     }
+
+    const trigger = (
+      <div className={triggerCls}>
+        <Input
+          {...sharedInputProps}
+          readOnly
+          role="combobox"
+          aria-expanded={state.visible}
+          label={label}
+          placeholder={startPlaceholder || locale.startPlaceholder}
+          value={startTriggerValue}
+          hasBorder={false}
+          className={`${prefix}range-picker-trigger-input`}
+          onFocus={() => this.onFocusDateInput('startValue')}
+        />
+        <span className={`${prefix}range-picker-trigger-separator`}>
+          -
+        </span>
+        <Input
+          {...sharedInputProps}
+          readOnly
+          role="combobox"
+          aria-expanded={state.visible}
+          placeholder={endPlaceholder || locale.endPlaceholder}
+          value={endTriggerValue}
+          hasBorder={false}
+          className={`${prefix}range-picker-trigger-input`}
+          onFocus={() => this.onFocusDateInput('endValue')}
+          hasClear={allowClear}
+          hint="calendar"
+        />
+      </div>
+    );
+
+    const PopupComponent = popupComponent || Popup;
+
+    return (
+      <div
+        {...obj.pickOthers(RangePicker.propTypes, others)}
+        className={classNames}
+      >
+        <PopupComponent
+          autoFocus
+          align={popupAlign}
+          {...popupProps}
+          followTrigger={followTrigger}
+          disabled={disabled}
+          visible={state.visible}
+          onVisibleChange={this.onVisibleChange}
+          triggerType={popupTriggerType}
+          container={popupContainer}
+          style={popupStyle}
+          className={popupClassName}
+          trigger={trigger}
+        >
+          {popupContent || (
+          <div dir={others.dir} className={panelBodyClassName}>
+            <div
+              className={`${prefix}range-picker-panel-header`}
+            >
+              <div
+                className={`${prefix}range-picker-panel-input`}
+              >
+                {startDateInput}
+                {startTimeInput}
+                <span
+                  className={`${prefix}range-picker-panel-input-separator`}
+                >
+                  -
+                </span>
+                {endDateInput}
+                {endTimeInput}
+              </div>
+            </div>
+            {panelBody}
+            {panelFooter}
+          </div>
+          )}
+        </PopupComponent>
+      </div>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/date-picker/util/index.js b/packages/material-parser/test/fixtures/fusion-next-component/src/date-picker/util/index.js
index bbd97ab3d..4be0a6f5c 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/date-picker/util/index.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/date-picker/util/index.js
@@ -2,14 +2,14 @@ import moment from 'moment';
 import { KEYCODE } from '../../util';
 
 export const PANEL = {
-    TIME: 'time-panel',
-    DATE: 'date-panel',
+  TIME: 'time-panel',
+  DATE: 'date-panel',
 };
 
 export const DEFAULT_TIME_FORMAT = 'HH:mm:ss';
 
 export function isFunction(obj) {
-    return !!(obj && obj.constructor && obj.call && obj.apply);
+  return !!(obj && obj.constructor && obj.call && obj.apply);
 }
 
 /**
@@ -18,64 +18,64 @@ export function isFunction(obj) {
  * @param {Object} target 目标值
  */
 export function resetValueTime(source, target) {
-    if (!moment.isMoment(source) || !moment.isMoment(target)) {
-        return source;
-    }
-    return source
-        .clone()
-        .hour(target.hour())
-        .minute(target.minute())
-        .second(target.second());
+  if (!moment.isMoment(source) || !moment.isMoment(target)) {
+    return source;
+  }
+  return source
+    .clone()
+    .hour(target.hour())
+    .minute(target.minute())
+    .second(target.second());
 }
 
 export function formatDateValue(value, format) {
-    const val =
+  const val =
         typeof value === 'string' ? moment(value, format, false) : value;
-    if (val && moment.isMoment(val) && val.isValid()) {
-        return val;
-    }
+  if (val && moment.isMoment(val) && val.isValid()) {
+    return val;
+  }
 
-    return null;
+  return null;
 }
 
 export function checkDateValue(props, propName, componentName) {
-    // 支持传入 moment 对象或字符串，字符串不检测是否为日期字符串
-    if (
-        props[propName] &&
+  // 支持传入 moment 对象或字符串，字符串不检测是否为日期字符串
+  if (
+    props[propName] &&
         !moment.isMoment(props[propName]) &&
         typeof props[propName] !== 'string'
-    ) {
-        return new Error(
-            `Invalid prop ${propName} supplied to ${componentName}. Required a moment object or format date string!`
-        );
-    }
+  ) {
+    return new Error(
+      `Invalid prop ${propName} supplied to ${componentName}. Required a moment object or format date string!`,
+    );
+  }
 }
 
 export function getDateTimeFormat(format, showTime, type) {
-    if (!format && type) {
-        format = {
-            date: 'YYYY-MM-DD',
-            month: 'YYYY-MM',
-            year: 'YYYY',
-            time: '',
-        }[type];
-    }
-    const timeFormat = showTime ? showTime.format || DEFAULT_TIME_FORMAT : '';
-    const dateTimeFormat = timeFormat ? `${format} ${timeFormat}` : format;
-    return {
-        format,
-        timeFormat,
-        dateTimeFormat,
-    };
+  if (!format && type) {
+    format = {
+      date: 'YYYY-MM-DD',
+      month: 'YYYY-MM',
+      year: 'YYYY',
+      time: '',
+    }[type];
+  }
+  const timeFormat = showTime ? showTime.format || DEFAULT_TIME_FORMAT : '';
+  const dateTimeFormat = timeFormat ? `${format} ${timeFormat}` : format;
+  return {
+    format,
+    timeFormat,
+    dateTimeFormat,
+  };
 }
 
 export function extend(source, target) {
-    for (const key in source) {
-        if (source.hasOwnProperty(key)) {
-            target[key] = source[key];
-        }
+  for (const key in source) {
+    if (source.hasOwnProperty(key)) {
+      target[key] = source[key];
     }
-    return target;
+  }
+  return target;
 }
 
 /**
@@ -85,49 +85,49 @@ export function extend(source, target) {
  * @param {String} type 类型 year month day
  */
 export function onDateKeydown(e, { format, dateInputStr, value }, type) {
-    if (
-        [KEYCODE.UP, KEYCODE.DOWN, KEYCODE.PAGE_UP, KEYCODE.PAGE_DOWN].indexOf(
-            e.keyCode
-        ) === -1
-    ) {
-        return;
-    }
+  if (
+    [KEYCODE.UP, KEYCODE.DOWN, KEYCODE.PAGE_UP, KEYCODE.PAGE_DOWN].indexOf(
+      e.keyCode,
+    ) === -1
+  ) {
+    return;
+  }
 
-    if (
-        (e.altKey &&
+  if (
+    (e.altKey &&
             [KEYCODE.PAGE_UP, KEYCODE.PAGE_DOWN].indexOf(e.keyCode) === -1) ||
         e.controlKey ||
         e.shiftKey
-    ) {
-        return;
+  ) {
+    return;
+  }
+
+  let date = moment(dateInputStr, format, true);
+
+  if (date.isValid()) {
+    const stepUnit = e.altKey ? 'year' : 'month';
+    switch (e.keyCode) {
+      case KEYCODE.UP:
+        date.subtract(1, type);
+        break;
+      case KEYCODE.DOWN:
+        date.add(1, type);
+        break;
+      case KEYCODE.PAGE_UP:
+        date.subtract(1, stepUnit);
+        break;
+      case KEYCODE.PAGE_DOWN:
+        date.add(1, stepUnit);
+        break;
     }
+  } else if (value) {
+    date = value.clone();
+  } else {
+    date = moment();
+  }
 
-    let date = moment(dateInputStr, format, true);
-
-    if (date.isValid()) {
-        const stepUnit = e.altKey ? 'year' : 'month';
-        switch (e.keyCode) {
-            case KEYCODE.UP:
-                date.subtract(1, type);
-                break;
-            case KEYCODE.DOWN:
-                date.add(1, type);
-                break;
-            case KEYCODE.PAGE_UP:
-                date.subtract(1, stepUnit);
-                break;
-            case KEYCODE.PAGE_DOWN:
-                date.add(1, stepUnit);
-                break;
-        }
-    } else if (value) {
-        date = value.clone();
-    } else {
-        date = moment();
-    }
-
-    e.preventDefault();
-    return date.format(format);
+  e.preventDefault();
+  return date.format(format);
 }
 
 /**
@@ -137,47 +137,45 @@ export function onDateKeydown(e, { format, dateInputStr, value }, type) {
  * @param {String} type second hour minute
  */
 export function onTimeKeydown(e, { format, timeInputStr, steps, value }, type) {
-    if (
-        [KEYCODE.UP, KEYCODE.DOWN, KEYCODE.PAGE_UP, KEYCODE.PAGE_DOWN].indexOf(
-            e.keyCode
-        ) === -1
-    )
-        return;
-    if (
-        (e.altKey &&
+  if (
+    [KEYCODE.UP, KEYCODE.DOWN, KEYCODE.PAGE_UP, KEYCODE.PAGE_DOWN].indexOf(
+      e.keyCode,
+    ) === -1
+  ) return;
+  if (
+    (e.altKey &&
             [KEYCODE.PAGE_UP, KEYCODE.PAGE_DOWN].indexOf(e.keyCode) === -1) ||
         e.controlKey ||
         e.shiftKey
-    )
-        return;
+  ) return;
 
-    let time = moment(timeInputStr, format, true);
+  let time = moment(timeInputStr, format, true);
 
-    if (time.isValid()) {
-        const stepUnit = e.altKey ? 'hour' : 'minute';
-        switch (e.keyCode) {
-            case KEYCODE.UP:
-                time.subtract(steps[type], type);
-                break;
-            case KEYCODE.DOWN:
-                time.add(steps[type], type);
-                break;
-            case KEYCODE.PAGE_UP:
-                time.subtract(steps[stepUnit], stepUnit);
-                break;
-            case KEYCODE.PAGE_DOWN:
-                time.add(steps[stepUnit], stepUnit);
-                break;
-        }
-    } else if (value) {
-        time = value.clone();
-    } else {
-        time = moment()
-            .hours(0)
-            .minutes(0)
-            .seconds(0);
+  if (time.isValid()) {
+    const stepUnit = e.altKey ? 'hour' : 'minute';
+    switch (e.keyCode) {
+      case KEYCODE.UP:
+        time.subtract(steps[type], type);
+        break;
+      case KEYCODE.DOWN:
+        time.add(steps[type], type);
+        break;
+      case KEYCODE.PAGE_UP:
+        time.subtract(steps[stepUnit], stepUnit);
+        break;
+      case KEYCODE.PAGE_DOWN:
+        time.add(steps[stepUnit], stepUnit);
+        break;
     }
+  } else if (value) {
+    time = value.clone();
+  } else {
+    time = moment()
+      .hours(0)
+      .minutes(0)
+      .seconds(0);
+  }
 
-    e.preventDefault();
-    return time.format(format);
+  e.preventDefault();
+  return time.format(format);
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/date-picker/week-picker.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/date-picker/week-picker.jsx
index bd398a5d1..eb0c0e97b 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/date-picker/week-picker.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/date-picker/week-picker.jsx
@@ -17,448 +17,446 @@ const { Popup } = Overlay;
  * DatePicker.WeekPicker
  */
 class WeekPicker extends Component {
-    static propTypes = {
-        ...ConfigProvider.propTypes,
-        prefix: PropTypes.string,
-        rtl: PropTypes.bool,
-        /**
+  static propTypes = {
+    ...ConfigProvider.propTypes,
+    prefix: PropTypes.string,
+    rtl: PropTypes.bool,
+    /**
          * 输入框内置标签
          */
-        label: PropTypes.node,
-        /**
+    label: PropTypes.node,
+    /**
          * 输入框状态
          */
-        state: PropTypes.oneOf(['success', 'loading', 'error']),
-        /**
+    state: PropTypes.oneOf(['success', 'loading', 'error']),
+    /**
          * 输入提示
          */
-        placeholder: PropTypes.string,
-        /**
+    placeholder: PropTypes.string,
+    /**
          * 默认展现的月
          * @return {MomentObject} 返回包含指定月份的 moment 对象实例
          */
-        defaultVisibleMonth: PropTypes.func,
-        onVisibleMonthChange: PropTypes.func,
-        /**
+    defaultVisibleMonth: PropTypes.func,
+    onVisibleMonthChange: PropTypes.func,
+    /**
          * 日期值（受控）moment 对象
          */
-        value: checkDateValue,
-        /**
+    value: checkDateValue,
+    /**
          * 初始日期值，moment 对象
          */
-        defaultValue: checkDateValue,
-        /**
+    defaultValue: checkDateValue,
+    /**
          * 日期值的格式（用于限定用户输入和展示）
          */
-        format: PropTypes.string,
-        /**
+    format: PropTypes.string,
+    /**
          * 禁用日期函数
          * @param {MomentObject} 日期值
          * @param {String} view 当前视图类型，year: 年， month: 月, date: 日
          * @return {Boolean} 是否禁用
          */
-        disabledDate: PropTypes.func,
-        /**
+    disabledDate: PropTypes.func,
+    /**
          * 自定义面板页脚
          * @return {Node} 自定义的面板页脚组件
          */
-        footerRender: PropTypes.func,
-        /**
+    footerRender: PropTypes.func,
+    /**
          * 日期值改变时的回调
          * @param {MomentObject|String} value 日期值
          */
-        onChange: PropTypes.func,
-        /**
+    onChange: PropTypes.func,
+    /**
          * 输入框尺寸
          */
-        size: PropTypes.oneOf(['small', 'medium', 'large']),
-        /**
+    size: PropTypes.oneOf(['small', 'medium', 'large']),
+    /**
          * 是否禁用
          */
-        disabled: PropTypes.bool,
-        /**
+    disabled: PropTypes.bool,
+    /**
          * 是否显示清空按钮
          */
-        hasClear: PropTypes.bool,
-        /**
+    hasClear: PropTypes.bool,
+    /**
          * 弹层显示状态
          */
-        visible: PropTypes.bool,
-        /**
+    visible: PropTypes.bool,
+    /**
          * 弹层默认是否显示
          */
-        defaultVisible: PropTypes.bool,
-        /**
+    defaultVisible: PropTypes.bool,
+    /**
          * 弹层展示状态变化时的回调
          * @param {Boolean} visible 弹层是否显示
          * @param {String} type 触发弹层显示和隐藏的来源 calendarSelect 表示由日期表盘的选择触发； okBtnClick 表示由确认按钮触发； fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发
          */
-        onVisibleChange: PropTypes.func,
-        /**
+    onVisibleChange: PropTypes.func,
+    /**
          * 弹层触发方式
          */
-        popupTriggerType: PropTypes.oneOf(['click', 'hover']),
-        /**
+    popupTriggerType: PropTypes.oneOf(['click', 'hover']),
+    /**
          * 弹层对齐方式,具体含义见 OverLay文档
          */
-        popupAlign: PropTypes.string,
-        /**
+    popupAlign: PropTypes.string,
+    /**
          * 弹层容器
          * @param {Element} target 目标元素
          * @return {Element} 弹层的容器元素
          */
-        popupContainer: PropTypes.any,
-        /**
+    popupContainer: PropTypes.any,
+    /**
          * 弹层自定义样式
          */
-        popupStyle: PropTypes.object,
-        /**
+    popupStyle: PropTypes.object,
+    /**
          * 弹层自定义样式类
          */
-        popupClassName: PropTypes.string,
-        /**
+    popupClassName: PropTypes.string,
+    /**
          * 弹层其他属性
          */
-        popupProps: PropTypes.object,
-        /**
+    popupProps: PropTypes.object,
+    /**
          * 是否跟随滚动
          */
-        followTrigger: PropTypes.bool,
-        /**
+    followTrigger: PropTypes.bool,
+    /**
          * 输入框其他属性
          */
-        inputProps: PropTypes.object,
-        /**
+    inputProps: PropTypes.object,
+    /**
          * 自定义日期渲染函数
          * @param {Object} value 日期值（moment对象）
          * @returns {ReactNode}
          */
-        dateCellRender: PropTypes.func,
-        /**
+    dateCellRender: PropTypes.func,
+    /**
          * 自定义月份渲染函数
          * @param {Object} calendarDate 对应 Calendar 返回的自定义日期对象
          * @returns {ReactNode}
          */
-        monthCellRender: PropTypes.func,
-        /**
+    monthCellRender: PropTypes.func,
+    /**
          * 是否为预览态
          */
-        isPreview: PropTypes.bool,
-        /**
+    isPreview: PropTypes.bool,
+    /**
          * 预览态模式下渲染的内容
          * @param {MomentObject} value 年份
          */
-        renderPreview: PropTypes.func,
-        yearCellRender: PropTypes.func, // 兼容 0.x yearCellRender
-        locale: PropTypes.object,
-        className: PropTypes.string,
-        name: PropTypes.string,
-        popupComponent: PropTypes.elementType,
-        popupContent: PropTypes.node,
+    renderPreview: PropTypes.func,
+    yearCellRender: PropTypes.func, // 兼容 0.x yearCellRender
+    locale: PropTypes.object,
+    className: PropTypes.string,
+    name: PropTypes.string,
+    popupComponent: PropTypes.elementType,
+    popupContent: PropTypes.node,
+  };
+
+  static defaultProps = {
+    prefix: 'next-',
+    rtl: false,
+    format: 'YYYY-wo',
+    size: 'medium',
+    disabledDate: () => false,
+    footerRender: () => null,
+    hasClear: true,
+    popupTriggerType: 'click',
+    popupAlign: 'tl tl',
+    locale: nextLocale.DatePicker,
+    defaultVisible: false,
+    onChange: func.noop,
+    onVisibleChange: func.noop,
+  };
+
+  constructor(props, context) {
+    super(props, context);
+
+    const value = formatDateValue(
+      props.value || props.defaultValue,
+      props.format,
+    );
+
+    this.state = {
+      value,
+      visible: props.visible || props.defaultVisible,
     };
+  }
 
-    static defaultProps = {
-        prefix: 'next-',
-        rtl: false,
-        format: 'YYYY-wo',
-        size: 'medium',
-        disabledDate: () => false,
-        footerRender: () => null,
-        hasClear: true,
-        popupTriggerType: 'click',
-        popupAlign: 'tl tl',
-        locale: nextLocale.DatePicker,
-        defaultVisible: false,
-        onChange: func.noop,
-        onVisibleChange: func.noop,
-    };
-
-    constructor(props, context) {
-        super(props, context);
-
-        const value = formatDateValue(
-            props.value || props.defaultValue,
-            props.format
-        );
-
-        this.state = {
-            value,
-            visible: props.visible || props.defaultVisible,
-        };
+  static getDerivedStateFromProps(props) {
+    const st = {};
+    if ('value' in props) {
+      st.value = formatDateValue(props.value, props.format);
     }
 
-    static getDerivedStateFromProps(props) {
-        const st = {};
-        if ('value' in props) {
-            st.value = formatDateValue(props.value, props.format);
-        }
-
-        if ('visible' in props) {
-            st.visible = props.visible;
-        }
-
-        return st;
+    if ('visible' in props) {
+      st.visible = props.visible;
     }
 
-    handleChange = (newValue, prevValue) => {
-        if (!('value' in this.props)) {
-            this.setState({
-                value: newValue,
-            });
-        }
+    return st;
+  }
 
-        const newValueOf = newValue ? newValue.valueOf() : null;
-        const preValueOf = prevValue ? prevValue.valueOf() : null;
+  handleChange = (newValue, prevValue) => {
+    if (!('value' in this.props)) {
+      this.setState({
+        value: newValue,
+      });
+    }
 
-        if (newValueOf !== preValueOf) {
-            this.props.onChange(newValue);
-        }
-    };
+    const newValueOf = newValue ? newValue.valueOf() : null;
+    const preValueOf = prevValue ? prevValue.valueOf() : null;
 
-    onDateInputChange = (value, e, eventType) => {
-        if (eventType === 'clear' || !value) {
-            e.stopPropagation();
-            this.handleChange(null, this.state.value);
-        }
-    };
+    if (newValueOf !== preValueOf) {
+      this.props.onChange(newValue);
+    }
+  };
 
-    onKeyDown = e => {
-        if (
-            [
-                KEYCODE.UP,
-                KEYCODE.DOWN,
-                KEYCODE.PAGE_UP,
-                KEYCODE.PAGE_DOWN,
-            ].indexOf(e.keyCode) === -1
-        ) {
-            return;
-        }
+  onDateInputChange = (value, e, eventType) => {
+    if (eventType === 'clear' || !value) {
+      e.stopPropagation();
+      this.handleChange(null, this.state.value);
+    }
+  };
 
-        if (
-            (e.altKey &&
+  onKeyDown = e => {
+    if (
+      [
+        KEYCODE.UP,
+        KEYCODE.DOWN,
+        KEYCODE.PAGE_UP,
+        KEYCODE.PAGE_DOWN,
+      ].indexOf(e.keyCode) === -1
+    ) {
+      return;
+    }
+
+    if (
+      (e.altKey &&
                 [KEYCODE.PAGE_UP, KEYCODE.PAGE_DOWN].indexOf(e.keyCode) ===
                     -1) ||
             e.controlKey ||
             e.shiftKey
-        ) {
-            return;
-        }
-
-        let date = this.state.value;
-
-        if (date && date.isValid()) {
-            const stepUnit = e.altKey ? 'year' : 'month';
-            switch (e.keyCode) {
-                case KEYCODE.UP:
-                    date.subtract(1, 'w');
-                    break;
-                case KEYCODE.DOWN:
-                    date.add(1, 'w');
-                    break;
-                case KEYCODE.PAGE_UP:
-                    date.subtract(1, stepUnit);
-                    break;
-                case KEYCODE.PAGE_DOWN:
-                    date.add(1, stepUnit);
-                    break;
-            }
-        } else {
-            date = moment();
-        }
-
-        e.preventDefault();
-
-        this.handleChange(date, this.state.value);
-    };
-
-    onVisibleChange = (visible, type) => {
-        if (!('visible' in this.props)) {
-            this.setState({
-                visible,
-            });
-        }
-        this.props.onVisibleChange(visible, type);
-    };
-
-    onSelectCalendarPanel = value => {
-        this.handleChange(value, this.state.value);
-        this.onVisibleChange(false, 'calendarSelect');
-    };
-
-    renderPreview(others) {
-        const { prefix, format, className, renderPreview } = this.props;
-        const { value } = this.state;
-        const previewCls = classnames(className, `${prefix}form-preview`);
-
-        const label = value ? value.format(format) : '';
-
-        if (typeof renderPreview === 'function') {
-            return (
-                <div {...others} className={previewCls}>
-                    {renderPreview(value, this.props)}
-                </div>
-            );
-        }
-
-        return (
-            <p {...others} className={previewCls}>
-                {label}
-            </p>
-        );
+    ) {
+      return;
     }
 
-    dateRender = value => {
-        const { prefix, dateCellRender } = this.props;
-        const selectedValue = this.state.value;
-        const content =
+    let date = this.state.value;
+
+    if (date && date.isValid()) {
+      const stepUnit = e.altKey ? 'year' : 'month';
+      switch (e.keyCode) {
+        case KEYCODE.UP:
+          date.subtract(1, 'w');
+          break;
+        case KEYCODE.DOWN:
+          date.add(1, 'w');
+          break;
+        case KEYCODE.PAGE_UP:
+          date.subtract(1, stepUnit);
+          break;
+        case KEYCODE.PAGE_DOWN:
+          date.add(1, stepUnit);
+          break;
+      }
+    } else {
+      date = moment();
+    }
+
+    e.preventDefault();
+
+    this.handleChange(date, this.state.value);
+  };
+
+  onVisibleChange = (visible, type) => {
+    if (!('visible' in this.props)) {
+      this.setState({
+        visible,
+      });
+    }
+    this.props.onVisibleChange(visible, type);
+  };
+
+  onSelectCalendarPanel = value => {
+    this.handleChange(value, this.state.value);
+    this.onVisibleChange(false, 'calendarSelect');
+  };
+
+  renderPreview(others) {
+    const { prefix, format, className, renderPreview } = this.props;
+    const { value } = this.state;
+    const previewCls = classnames(className, `${prefix}form-preview`);
+
+    const label = value ? value.format(format) : '';
+
+    if (typeof renderPreview === 'function') {
+      return (
+        <div {...others} className={previewCls}>
+          {renderPreview(value, this.props)}
+        </div>
+      );
+    }
+
+    return (
+      <p {...others} className={previewCls}>
+        {label}
+      </p>
+    );
+  }
+
+  dateRender = value => {
+    const { prefix, dateCellRender } = this.props;
+    const selectedValue = this.state.value;
+    const content =
             dateCellRender && typeof dateCellRender === 'function'
-                ? dateCellRender(value)
-                : value.dates();
-        if (
-            selectedValue &&
+              ? dateCellRender(value)
+              : value.dates();
+    if (
+      selectedValue &&
             selectedValue.years() === value.years() &&
             selectedValue.weeks() === value.weeks()
-        ) {
-            const firstDay = moment.localeData().firstDayOfWeek();
-            const endDay = firstDay - 1 < 0 ? 6 : firstDay - 1;
-            return (
-                <div
-                    className={classnames(
-                        `${prefix}calendar-week-active-date`,
-                        {
-                            [`${prefix}calendar-week-active-start`]:
+    ) {
+      const firstDay = moment.localeData().firstDayOfWeek();
+      const endDay = firstDay - 1 < 0 ? 6 : firstDay - 1;
+      return (
+        <div
+          className={classnames(
+            `${prefix}calendar-week-active-date`,
+            {
+              [`${prefix}calendar-week-active-start`]:
                                 value.days() ===
                                 moment.localeData().firstDayOfWeek(),
-                            [`${prefix}calendar-week-active-end`]:
+              [`${prefix}calendar-week-active-end`]:
                                 value.days() === endDay,
-                        }
-                    )}
-                >
-                    <span>{content}</span>
-                </div>
-            );
-        }
+            },
+          )}
+        >
+          <span>{content}</span>
+        </div>
+      );
+    }
 
-        return content;
+    return content;
+  };
+
+  render() {
+    const {
+      prefix,
+      rtl,
+      locale,
+      label,
+      state,
+      format,
+      defaultVisibleMonth,
+      onVisibleMonthChange,
+      disabledDate,
+      footerRender,
+      placeholder,
+      size,
+      disabled,
+      hasClear,
+      popupTriggerType,
+      popupAlign,
+      popupContainer,
+      popupStyle,
+      popupClassName,
+      popupProps,
+      popupComponent,
+      popupContent,
+      followTrigger,
+      className,
+      inputProps,
+      monthCellRender,
+      yearCellRender,
+      isPreview,
+      ...others
+    } = this.props;
+    const { visible, value } = this.state;
+
+    const sharedInputProps = {
+      ...inputProps,
+      size,
+      disabled,
+      onChange: this.onDateInputChange,
+      onKeyDown: this.onKeyDown,
     };
 
-    render() {
-        const {
-            prefix,
-            rtl,
-            locale,
-            label,
-            state,
-            format,
-            defaultVisibleMonth,
-            onVisibleMonthChange,
-            disabledDate,
-            footerRender,
-            placeholder,
-            size,
-            disabled,
-            hasClear,
-            popupTriggerType,
-            popupAlign,
-            popupContainer,
-            popupStyle,
-            popupClassName,
-            popupProps,
-            popupComponent,
-            popupContent,
-            followTrigger,
-            className,
-            inputProps,
-            monthCellRender,
-            yearCellRender,
-            isPreview,
-            ...others
-        } = this.props;
-        const { visible, value } = this.state;
-
-        const sharedInputProps = {
-            ...inputProps,
-            size,
-            disabled,
-            onChange: this.onDateInputChange,
-            onKeyDown: this.onKeyDown,
-        };
-
-        if (rtl) {
-            others.dir = 'rtl';
-        }
-
-        if (isPreview) {
-            return this.renderPreview(
-                obj.pickOthers(others, WeekPicker.PropTypes)
-            );
-        }
-
-        const trigger = (
-            <div className={`${prefix}week-picker-trigger`}>
-                <Input
-                    {...sharedInputProps}
-                    label={label}
-                    state={state}
-                    value={value ? value.format(format) : ''}
-                    role="combobox"
-                    aria-expanded={visible}
-                    readOnly
-                    placeholder={placeholder || locale.weekPlaceholder}
-                    hint="calendar"
-                    hasClear={value && hasClear}
-                    className={`${prefix}week-picker-input`}
-                />
-            </div>
-        );
-
-        const PopupComponent = popupComponent ? popupComponent : Popup;
-
-        return (
-            <div
-                {...obj.pickOthers(WeekPicker.propTypes, others)}
-                className={classnames(`${prefix}week-picker`, className)}
-            >
-                <PopupComponent
-                    align={popupAlign}
-                    {...popupProps}
-                    followTrigger={followTrigger}
-                    disabled={disabled}
-                    visible={visible}
-                    onVisibleChange={this.onVisibleChange}
-                    triggerType={popupTriggerType}
-                    container={popupContainer}
-                    style={popupStyle}
-                    className={popupClassName}
-                    trigger={trigger}
-                >
-                    {popupContent ? (
-                        popupContent
-                    ) : (
-                        <div
-                            dir={others.dir}
-                            className={`${prefix}week-picker-body`}
-                        >
-                            <Calendar
-                                shape="panel"
-                                value={value}
-                                format={format}
-                                className={`${prefix}calendar-week`}
-                                dateCellRender={this.dateRender}
-                                monthCellRender={monthCellRender}
-                                yearCellRender={yearCellRender}
-                                onSelect={this.onSelectCalendarPanel}
-                                defaultVisibleMonth={defaultVisibleMonth}
-                                onVisibleMonthChange={onVisibleMonthChange}
-                                disabledDate={disabledDate}
-                            />
-                            {footerRender()}
-                        </div>
-                    )}
-                </PopupComponent>
-            </div>
-        );
+    if (rtl) {
+      others.dir = 'rtl';
     }
+
+    if (isPreview) {
+      return this.renderPreview(
+        obj.pickOthers(others, WeekPicker.PropTypes),
+      );
+    }
+
+    const trigger = (
+      <div className={`${prefix}week-picker-trigger`}>
+        <Input
+          {...sharedInputProps}
+          label={label}
+          state={state}
+          value={value ? value.format(format) : ''}
+          role="combobox"
+          aria-expanded={visible}
+          readOnly
+          placeholder={placeholder || locale.weekPlaceholder}
+          hint="calendar"
+          hasClear={value && hasClear}
+          className={`${prefix}week-picker-input`}
+        />
+      </div>
+    );
+
+    const PopupComponent = popupComponent || Popup;
+
+    return (
+      <div
+        {...obj.pickOthers(WeekPicker.propTypes, others)}
+        className={classnames(`${prefix}week-picker`, className)}
+      >
+        <PopupComponent
+          align={popupAlign}
+          {...popupProps}
+          followTrigger={followTrigger}
+          disabled={disabled}
+          visible={visible}
+          onVisibleChange={this.onVisibleChange}
+          triggerType={popupTriggerType}
+          container={popupContainer}
+          style={popupStyle}
+          className={popupClassName}
+          trigger={trigger}
+        >
+          {popupContent || (
+          <div
+            dir={others.dir}
+            className={`${prefix}week-picker-body`}
+          >
+            <Calendar
+              shape="panel"
+              value={value}
+              format={format}
+              className={`${prefix}calendar-week`}
+              dateCellRender={this.dateRender}
+              monthCellRender={monthCellRender}
+              yearCellRender={yearCellRender}
+              onSelect={this.onSelectCalendarPanel}
+              defaultVisibleMonth={defaultVisibleMonth}
+              onVisibleMonthChange={onVisibleMonthChange}
+              disabledDate={disabledDate}
+            />
+            {footerRender()}
+          </div>
+          )}
+        </PopupComponent>
+      </div>
+    );
+  }
 }
 
 export default polyfill(WeekPicker);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/date-picker/year-picker.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/date-picker/year-picker.jsx
index b9954b818..2f6f7b98c 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/date-picker/year-picker.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/date-picker/year-picker.jsx
@@ -15,474 +15,472 @@ const { Popup } = Overlay;
  * DatePicker.YearPicker
  */
 class YearPicker extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        rtl: PropTypes.bool,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    rtl: PropTypes.bool,
+    /**
          * 输入框内置标签
          */
-        label: PropTypes.node,
-        /**
+    label: PropTypes.node,
+    /**
          * 输入框状态
          */
-        state: PropTypes.oneOf(['success', 'loading', 'error']),
-        /**
+    state: PropTypes.oneOf(['success', 'loading', 'error']),
+    /**
          * 输入提示
          */
-        placeholder: PropTypes.string,
-        /**
+    placeholder: PropTypes.string,
+    /**
          * 日期值（受控）moment 对象
          */
-        value: checkDateValue,
-        /**
+    value: checkDateValue,
+    /**
          * 初始日期值，moment 对象
          */
-        defaultValue: checkDateValue,
-        /**
+    defaultValue: checkDateValue,
+    /**
          * 日期值的格式（用于限定用户输入和展示）
          */
-        format: PropTypes.string,
-        /**
+    format: PropTypes.string,
+    /**
          * 禁用日期函数
          * @param {MomentObject} 日期值
          * @param {String} view 当前视图类型，year: 年， month: 月, date: 日
          * @return {Boolean} 是否禁用
          */
-        disabledDate: PropTypes.func,
-        /**
+    disabledDate: PropTypes.func,
+    /**
          * 自定义面板页脚
          * @return {Node} 自定义的面板页脚组件
          */
-        footerRender: PropTypes.func,
-        /**
+    footerRender: PropTypes.func,
+    /**
          * 日期值改变时的回调
          * @param {MomentObject|String} value 日期值
          */
-        onChange: PropTypes.func,
-        /**
+    onChange: PropTypes.func,
+    /**
          * 输入框尺寸
          */
-        size: PropTypes.oneOf(['small', 'medium', 'large']),
-        /**
+    size: PropTypes.oneOf(['small', 'medium', 'large']),
+    /**
          * 是否禁用
          */
-        disabled: PropTypes.bool,
-        /**
+    disabled: PropTypes.bool,
+    /**
          * 是否显示清空按钮
          */
-        hasClear: PropTypes.bool,
-        /**
+    hasClear: PropTypes.bool,
+    /**
          * 弹层显示状态
          */
-        visible: PropTypes.bool,
-        /**
+    visible: PropTypes.bool,
+    /**
          * 弹层默认是否显示
          */
-        defaultVisible: PropTypes.bool,
-        /**
+    defaultVisible: PropTypes.bool,
+    /**
          * 弹层展示状态变化时的回调
          * @param {Boolean} visible 弹层是否显示
          * @param {String} reason 触发弹层显示和隐藏的来源 calendarSelect 表示由日期表盘的选择触发； fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发
          */
-        onVisibleChange: PropTypes.func,
-        /**
+    onVisibleChange: PropTypes.func,
+    /**
          * 弹层触发方式
          */
-        popupTriggerType: PropTypes.oneOf(['click', 'hover']),
-        /**
+    popupTriggerType: PropTypes.oneOf(['click', 'hover']),
+    /**
          * 弹层对齐方式, 具体含义见 OverLay文档
          */
-        popupAlign: PropTypes.string,
-        /**
+    popupAlign: PropTypes.string,
+    /**
          * 弹层容器
          * @param {Element} target 目标元素
          * @return {Element} 弹层的容器元素
          */
-        popupContainer: PropTypes.any,
-        /**
+    popupContainer: PropTypes.any,
+    /**
          * 弹层自定义样式
          */
-        popupStyle: PropTypes.object,
-        /**
+    popupStyle: PropTypes.object,
+    /**
          * 弹层自定义样式类
          */
-        popupClassName: PropTypes.string,
-        /**
+    popupClassName: PropTypes.string,
+    /**
          * 弹层其他属性
          */
-        popupProps: PropTypes.object,
-        /**
+    popupProps: PropTypes.object,
+    /**
          * 是否跟随滚动
          */
-        followTrigger: PropTypes.bool,
-        /**
+    followTrigger: PropTypes.bool,
+    /**
          * 输入框其他属性
          */
-        inputProps: PropTypes.object,
-        yearCellRender: PropTypes.func, // 兼容 0.x yearCellRender
-        /**
+    inputProps: PropTypes.object,
+    yearCellRender: PropTypes.func, // 兼容 0.x yearCellRender
+    /**
          * 日期输入框的 aria-label 属性
          */
-        dateInputAriaLabel: PropTypes.string,
-        /**
+    dateInputAriaLabel: PropTypes.string,
+    /**
          * 是否为预览态
          */
-        isPreview: PropTypes.bool,
-        /**
+    isPreview: PropTypes.bool,
+    /**
          * 预览态模式下渲染的内容
          * @param {MomentObject} value 年份
          */
-        renderPreview: PropTypes.func,
-        locale: PropTypes.object,
-        className: PropTypes.string,
-        name: PropTypes.string,
-        popupComponent: PropTypes.elementType,
-        popupContent: PropTypes.node,
-    };
+    renderPreview: PropTypes.func,
+    locale: PropTypes.object,
+    className: PropTypes.string,
+    name: PropTypes.string,
+    popupComponent: PropTypes.elementType,
+    popupContent: PropTypes.node,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        rtl: false,
-        format: 'YYYY',
-        size: 'medium',
-        disabledDate: () => false,
-        footerRender: () => null,
-        hasClear: true,
-        popupTriggerType: 'click',
-        popupAlign: 'tl tl',
-        locale: nextLocale.DatePicker,
-        onChange: func.noop,
-        onVisibleChange: func.noop,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    rtl: false,
+    format: 'YYYY',
+    size: 'medium',
+    disabledDate: () => false,
+    footerRender: () => null,
+    hasClear: true,
+    popupTriggerType: 'click',
+    popupAlign: 'tl tl',
+    locale: nextLocale.DatePicker,
+    onChange: func.noop,
+    onVisibleChange: func.noop,
+  };
 
-    constructor(props, context) {
-        super(props, context);
+  constructor(props, context) {
+    super(props, context);
 
-        const value = formatDateValue(
-            props.value || props.defaultValue,
-            props.format
-        );
+    const value = formatDateValue(
+      props.value || props.defaultValue,
+      props.format,
+    );
 
-        this.inputAsString =
+    this.inputAsString =
             typeof (props.value || props.defaultValue) === 'string'; // 判断用户输入是否是字符串
-        this.state = {
-            value,
-            dateInputStr: '',
-            inputing: false,
-            visible: props.visible || props.defaultVisible,
-        };
+    this.state = {
+      value,
+      dateInputStr: '',
+      inputing: false,
+      visible: props.visible || props.defaultVisible,
+    };
+  }
+
+  componentWillReceiveProps(nextProps) {
+    if ('value' in nextProps) {
+      const value = formatDateValue(
+        nextProps.value,
+        nextProps.format || this.props.format,
+      );
+      this.setState({
+        value,
+      });
+      this.inputAsString = typeof nextProps.value === 'string';
     }
 
-    componentWillReceiveProps(nextProps) {
-        if ('value' in nextProps) {
-            const value = formatDateValue(
-                nextProps.value,
-                nextProps.format || this.props.format
-            );
-            this.setState({
-                value,
-            });
-            this.inputAsString = typeof nextProps.value === 'string';
-        }
-
-        if ('visible' in nextProps) {
-            this.setState({
-                visible: nextProps.visible,
-            });
-        }
+    if ('visible' in nextProps) {
+      this.setState({
+        visible: nextProps.visible,
+      });
     }
+  }
 
-    onValueChange = newValue => {
-        const ret =
+  onValueChange = newValue => {
+    const ret =
             this.inputAsString && newValue
-                ? newValue.format(this.props.format)
-                : newValue;
-        this.props.onChange(ret);
-    };
+              ? newValue.format(this.props.format)
+              : newValue;
+    this.props.onChange(ret);
+  };
 
-    onSelectCalendarPanel = value => {
-        // const { format } = this.props;
-        const prevSelectedMonth = this.state.value;
-        const selectedMonth = value
-            .clone()
-            .month(0)
-            .date(1)
-            .hour(0)
-            .minute(0)
-            .second(0);
+  onSelectCalendarPanel = value => {
+    // const { format } = this.props;
+    const prevSelectedMonth = this.state.value;
+    const selectedMonth = value
+      .clone()
+      .month(0)
+      .date(1)
+      .hour(0)
+      .minute(0)
+      .second(0);
 
-        this.handleChange(
-            selectedMonth,
-            prevSelectedMonth,
-            { inputing: false },
-            () => {
-                this.onVisibleChange(false, 'calendarSelect');
-            }
-        );
-    };
+    this.handleChange(
+      selectedMonth,
+      prevSelectedMonth,
+      { inputing: false },
+      () => {
+        this.onVisibleChange(false, 'calendarSelect');
+      },
+    );
+  };
 
-    clearValue = () => {
-        this.setState({
-            dateInputStr: '',
-        });
+  clearValue = () => {
+    this.setState({
+      dateInputStr: '',
+    });
 
-        this.handleChange(null, this.state.value);
-    };
+    this.handleChange(null, this.state.value);
+  };
 
-    onDateInputChange = (inputStr, e, eventType) => {
-        if (eventType === 'clear' || !inputStr) {
-            e.stopPropagation();
-            this.clearValue();
-        } else {
-            this.setState({
-                dateInputStr: inputStr,
-                inputing: true,
-            });
-        }
-    };
+  onDateInputChange = (inputStr, e, eventType) => {
+    if (eventType === 'clear' || !inputStr) {
+      e.stopPropagation();
+      this.clearValue();
+    } else {
+      this.setState({
+        dateInputStr: inputStr,
+        inputing: true,
+      });
+    }
+  };
 
-    onDateInputBlur = () => {
-        const { dateInputStr } = this.state;
-        if (dateInputStr) {
-            const { disabledDate, format } = this.props;
-            const parsed = moment(dateInputStr, format, true);
+  onDateInputBlur = () => {
+    const { dateInputStr } = this.state;
+    if (dateInputStr) {
+      const { disabledDate, format } = this.props;
+      const parsed = moment(dateInputStr, format, true);
 
-            this.setState({
-                dateInputStr: '',
-                inputing: false,
-            });
+      this.setState({
+        dateInputStr: '',
+        inputing: false,
+      });
 
-            if (parsed.isValid() && !disabledDate(parsed, 'year')) {
-                this.handleChange(parsed, this.state.value);
-            }
-        }
-    };
+      if (parsed.isValid() && !disabledDate(parsed, 'year')) {
+        this.handleChange(parsed, this.state.value);
+      }
+    }
+  };
 
-    onKeyDown = e => {
-        const { format } = this.props;
-        const { dateInputStr, value } = this.state;
-        const dateStr = onDateKeydown(
-            e,
-            { format, dateInputStr, value },
-            'year'
-        );
-        if (!dateStr) return;
-        this.onDateInputChange(dateStr);
-    };
+  onKeyDown = e => {
+    const { format } = this.props;
+    const { dateInputStr, value } = this.state;
+    const dateStr = onDateKeydown(
+      e,
+      { format, dateInputStr, value },
+      'year',
+    );
+    if (!dateStr) return;
+    this.onDateInputChange(dateStr);
+  };
 
-    handleChange = (newValue, prevValue, others = {}, callback) => {
-        if (!('value' in this.props)) {
-            this.setState({
-                value: newValue,
-                ...others,
-            });
-        } else {
-            this.setState({
-                ...others,
-            });
-        }
-
-        const { format } = this.props;
-
-        const newValueOf = newValue ? newValue.format(format) : null;
-        const preValueOf = prevValue ? prevValue.format(format) : null;
-
-        if (newValueOf !== preValueOf) {
-            this.onValueChange(newValue);
-            if (typeof callback === 'function') {
-                return callback();
-            }
-        }
-    };
-
-    onVisibleChange = (visible, reason) => {
-        if (!('visible' in this.props)) {
-            this.setState({
-                visible,
-            });
-        }
-        this.props.onVisibleChange(visible, reason);
-    };
-
-    renderPreview(others) {
-        const { prefix, format, className, renderPreview } = this.props;
-        const { value } = this.state;
-        const previewCls = classnames(className, `${prefix}form-preview`);
-
-        const label = value ? value.format(format) : '';
-
-        if (typeof renderPreview === 'function') {
-            return (
-                <div {...others} className={previewCls}>
-                    {renderPreview(value, this.props)}
-                </div>
-            );
-        }
-
-        return (
-            <p {...others} className={previewCls}>
-                {label}
-            </p>
-        );
+  handleChange = (newValue, prevValue, others = {}, callback) => {
+    if (!('value' in this.props)) {
+      this.setState({
+        value: newValue,
+        ...others,
+      });
+    } else {
+      this.setState({
+        ...others,
+      });
     }
 
-    render() {
-        const {
-            prefix,
-            rtl,
-            locale,
-            label,
-            state,
-            format,
-            disabledDate,
-            footerRender,
-            placeholder,
-            size,
-            disabled,
-            hasClear,
-            popupTriggerType,
-            popupAlign,
-            popupContainer,
-            popupStyle,
-            popupClassName,
-            popupProps,
-            popupComponent,
-            popupContent,
-            followTrigger,
-            className,
-            inputProps,
-            dateInputAriaLabel,
-            yearCellRender,
-            isPreview,
-            ...others
-        } = this.props;
+    const { format } = this.props;
 
-        const { visible, value, dateInputStr, inputing } = this.state;
+    const newValueOf = newValue ? newValue.format(format) : null;
+    const preValueOf = prevValue ? prevValue.format(format) : null;
 
-        const yearPickerCls = classnames(
-            {
-                [`${prefix}year-picker`]: true,
-            },
-            className
-        );
+    if (newValueOf !== preValueOf) {
+      this.onValueChange(newValue);
+      if (typeof callback === 'function') {
+        return callback();
+      }
+    }
+  };
 
-        const triggerInputCls = classnames({
-            [`${prefix}year-picker-input`]: true,
-            [`${prefix}error`]: false,
-        });
+  onVisibleChange = (visible, reason) => {
+    if (!('visible' in this.props)) {
+      this.setState({
+        visible,
+      });
+    }
+    this.props.onVisibleChange(visible, reason);
+  };
 
-        const panelBodyClassName = classnames({
-            [`${prefix}year-picker-body`]: true,
-        });
+  renderPreview(others) {
+    const { prefix, format, className, renderPreview } = this.props;
+    const { value } = this.state;
+    const previewCls = classnames(className, `${prefix}form-preview`);
 
-        if (rtl) {
-            others.dir = 'rtl';
-        }
+    const label = value ? value.format(format) : '';
 
-        if (isPreview) {
-            return this.renderPreview(
-                obj.pickOthers(others, YearPicker.PropTypes)
-            );
-        }
+    if (typeof renderPreview === 'function') {
+      return (
+        <div {...others} className={previewCls}>
+          {renderPreview(value, this.props)}
+        </div>
+      );
+    }
 
-        const panelInputCls = `${prefix}year-picker-panel-input`;
+    return (
+      <p {...others} className={previewCls}>
+        {label}
+      </p>
+    );
+  }
 
-        const sharedInputProps = {
-            ...inputProps,
-            size,
-            disabled,
-            onChange: this.onDateInputChange,
-            onBlur: this.onDateInputBlur,
-            onPressEnter: this.onDateInputBlur,
-            onKeyDown: this.onKeyDown,
-        };
+  render() {
+    const {
+      prefix,
+      rtl,
+      locale,
+      label,
+      state,
+      format,
+      disabledDate,
+      footerRender,
+      placeholder,
+      size,
+      disabled,
+      hasClear,
+      popupTriggerType,
+      popupAlign,
+      popupContainer,
+      popupStyle,
+      popupClassName,
+      popupProps,
+      popupComponent,
+      popupContent,
+      followTrigger,
+      className,
+      inputProps,
+      dateInputAriaLabel,
+      yearCellRender,
+      isPreview,
+      ...others
+    } = this.props;
 
-        const dateInputValue = inputing
-            ? dateInputStr
-            : (value && value.format(format)) || '';
-        const triggerInputValue = dateInputValue;
+    const { visible, value, dateInputStr, inputing } = this.state;
 
-        const dateInput = (
-            <Input
-                {...sharedInputProps}
-                aria-label={dateInputAriaLabel}
-                value={dateInputValue}
-                placeholder={format}
-                className={panelInputCls}
-            />
-        );
+    const yearPickerCls = classnames(
+      {
+        [`${prefix}year-picker`]: true,
+      },
+      className,
+    );
 
-        const datePanel = (
-            <Calendar
-                shape="panel"
-                modes={['year']}
-                value={value}
-                yearCellRender={yearCellRender}
-                onSelect={this.onSelectCalendarPanel}
-                disabledDate={disabledDate}
-            />
-        );
+    const triggerInputCls = classnames({
+      [`${prefix}year-picker-input`]: true,
+      [`${prefix}error`]: false,
+    });
 
-        const panelBody = datePanel;
-        const panelFooter = footerRender();
+    const panelBodyClassName = classnames({
+      [`${prefix}year-picker-body`]: true,
+    });
 
-        const allowClear = value && hasClear;
-        const trigger = (
-            <div className={`${prefix}year-picker-trigger`}>
-                <Input
-                    {...sharedInputProps}
-                    label={label}
-                    state={state}
-                    value={triggerInputValue}
-                    role="combobox"
-                    aria-expanded={visible}
-                    readOnly
-                    placeholder={placeholder || locale.yearPlaceholder}
-                    hint="calendar"
-                    hasClear={allowClear}
-                    className={triggerInputCls}
-                />
-            </div>
-        );
+    if (rtl) {
+      others.dir = 'rtl';
+    }
 
-        const PopupComponent = popupComponent ? popupComponent : Popup;
+    if (isPreview) {
+      return this.renderPreview(
+        obj.pickOthers(others, YearPicker.PropTypes),
+      );
+    }
 
-        return (
+    const panelInputCls = `${prefix}year-picker-panel-input`;
+
+    const sharedInputProps = {
+      ...inputProps,
+      size,
+      disabled,
+      onChange: this.onDateInputChange,
+      onBlur: this.onDateInputBlur,
+      onPressEnter: this.onDateInputBlur,
+      onKeyDown: this.onKeyDown,
+    };
+
+    const dateInputValue = inputing
+      ? dateInputStr
+      : (value && value.format(format)) || '';
+    const triggerInputValue = dateInputValue;
+
+    const dateInput = (
+      <Input
+        {...sharedInputProps}
+        aria-label={dateInputAriaLabel}
+        value={dateInputValue}
+        placeholder={format}
+        className={panelInputCls}
+      />
+    );
+
+    const datePanel = (
+      <Calendar
+        shape="panel"
+        modes={['year']}
+        value={value}
+        yearCellRender={yearCellRender}
+        onSelect={this.onSelectCalendarPanel}
+        disabledDate={disabledDate}
+      />
+    );
+
+    const panelBody = datePanel;
+    const panelFooter = footerRender();
+
+    const allowClear = value && hasClear;
+    const trigger = (
+      <div className={`${prefix}year-picker-trigger`}>
+        <Input
+          {...sharedInputProps}
+          label={label}
+          state={state}
+          value={triggerInputValue}
+          role="combobox"
+          aria-expanded={visible}
+          readOnly
+          placeholder={placeholder || locale.yearPlaceholder}
+          hint="calendar"
+          hasClear={allowClear}
+          className={triggerInputCls}
+        />
+      </div>
+    );
+
+    const PopupComponent = popupComponent || Popup;
+
+    return (
+      <div
+        {...obj.pickOthers(YearPicker.propTypes, others)}
+        className={yearPickerCls}
+      >
+        <PopupComponent
+          autoFocus
+          align={popupAlign}
+          {...popupProps}
+          followTrigger={followTrigger}
+          disabled={disabled}
+          visible={visible}
+          onVisibleChange={this.onVisibleChange}
+          triggerType={popupTriggerType}
+          container={popupContainer}
+          style={popupStyle}
+          className={popupClassName}
+          trigger={trigger}
+        >
+          {popupContent || (
+          <div dir={others.dir} className={panelBodyClassName}>
             <div
-                {...obj.pickOthers(YearPicker.propTypes, others)}
-                className={yearPickerCls}
+              className={`${prefix}year-picker-panel-header`}
             >
-                <PopupComponent
-                    autoFocus
-                    align={popupAlign}
-                    {...popupProps}
-                    followTrigger={followTrigger}
-                    disabled={disabled}
-                    visible={visible}
-                    onVisibleChange={this.onVisibleChange}
-                    triggerType={popupTriggerType}
-                    container={popupContainer}
-                    style={popupStyle}
-                    className={popupClassName}
-                    trigger={trigger}
-                >
-                    {popupContent ? (
-                        popupContent
-                    ) : (
-                        <div dir={others.dir} className={panelBodyClassName}>
-                            <div
-                                className={`${prefix}year-picker-panel-header`}
-                            >
-                                {dateInput}
-                            </div>
-                            {panelBody}
-                            {panelFooter}
-                        </div>
-                    )}
-                </PopupComponent>
+              {dateInput}
             </div>
-        );
-    }
+            {panelBody}
+            {panelFooter}
+          </div>
+          )}
+        </PopupComponent>
+      </div>
+    );
+  }
 }
 
 export default YearPicker;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/demo-helper/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/demo-helper/index.jsx
index 71d892576..8134b751c 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/demo-helper/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/demo-helper/index.jsx
@@ -15,46 +15,46 @@ let demoCount = 0;
 // TODO: { functions, statements, sizes }
 
 function convertArrayToObject(demoFunction) {
-    const objDemoFunction = {};
-    if (Array.isArray(demoFunction)) {
-        demoFunction.forEach(demo => {
-            objDemoFunction[demo.name] = {
-                label: demo.label,
-                value: demo.value,
-                enum: demo.enum.map(e => {
-                    let label = e;
-                    if (e === 'true') {
-                        label = '是';
-                    } else if (e === 'false') {
-                        label = '否';
-                    }
+  const objDemoFunction = {};
+  if (Array.isArray(demoFunction)) {
+    demoFunction.forEach(demo => {
+      objDemoFunction[demo.name] = {
+        label: demo.label,
+        value: demo.value,
+        enum: demo.enum.map(e => {
+          let label = e;
+          if (e === 'true') {
+            label = '是';
+          } else if (e === 'false') {
+            label = '否';
+          }
 
-                    return {
-                        label: label,
-                        value: e,
-                    };
-                }),
-            };
-        });
-        return objDemoFunction;
-    }
-    return demoFunction;
+          return {
+            label,
+            value: e,
+          };
+        }),
+      };
+    });
+    return objDemoFunction;
+  }
+  return demoFunction;
 }
 
 function convertObjectToArray(demoFunction) {
-    const arrayDemo = [];
-    Object.keys(demoFunction).forEach(name => {
-        const demo = demoFunction[name];
-        arrayDemo.push({
-            name: name,
-            label: demo.label,
-            value: demo.value,
-            enum: demo.enum.map(e => {
-                return e.value;
-            }),
-        });
+  const arrayDemo = [];
+  Object.keys(demoFunction).forEach(name => {
+    const demo = demoFunction[name];
+    arrayDemo.push({
+      name,
+      label: demo.label,
+      value: demo.value,
+      enum: demo.enum.map(e => {
+        return e.value;
+      }),
     });
-    return arrayDemo;
+  });
+  return arrayDemo;
 }
 
 /**
@@ -63,15 +63,15 @@ function convertObjectToArray(demoFunction) {
  * @return {String} 输出规范化的字符串
  */
 function deCamelize(str) {
-    const matches = str.match(/([A-Z][a-z]{2,})/g);
-    if (matches === null) {
-        // return str.toLowerCase();
-        return str;
-    }
-    return matches
-        .toString()
-        .replace(',', '-')
-        .toLowerCase();
+  const matches = str.match(/([A-Z][a-z]{2,})/g);
+  if (matches === null) {
+    // return str.toLowerCase();
+    return str;
+  }
+  return matches
+    .toString()
+    .replace(',', '-')
+    .toLowerCase();
 }
 
 /**
@@ -80,689 +80,687 @@ function deCamelize(str) {
  * @return {String} 输出格式化的词组
  */
 function formatTitle(str) {
-    if (!str || typeof str !== 'string') {
-        return;
-    }
-    return str
-        .split(' ')
-        .map(deCamelize)
-        .join(' ');
+  if (!str || typeof str !== 'string') {
+    return;
+  }
+  return str
+    .split(' ')
+    .map(deCamelize)
+    .join(' ');
 }
 
 class Demo extends Component {
-    static displayName = 'Demo';
+  static displayName = 'Demo';
 
-    static propTypes = {
-        parentDisplayName: PropTypes.string,
-        defaultBackground: PropTypes.oneOf(['dark', 'light']),
-        title: PropTypes.string,
-        block: PropTypes.bool,
-        children: PropTypes.any,
-        className: PropTypes.string,
-        demoIndex: PropTypes.string,
-        demoItems: PropTypes.object,
-        demoScope: PropTypes.object,
-        demoTitle: PropTypes.string,
-        showType: PropTypes.string,
-        switchVisible: PropTypes.func,
-        switchBackground: PropTypes.bool,
-        demoFunction: PropTypes.object,
-        onFunctionChange: PropTypes.func,
-        style: PropTypes.object,
+  static propTypes = {
+    parentDisplayName: PropTypes.string,
+    defaultBackground: PropTypes.oneOf(['dark', 'light']),
+    title: PropTypes.string,
+    block: PropTypes.bool,
+    children: PropTypes.any,
+    className: PropTypes.string,
+    demoIndex: PropTypes.string,
+    demoItems: PropTypes.object,
+    demoScope: PropTypes.object,
+    demoTitle: PropTypes.string,
+    showType: PropTypes.string,
+    switchVisible: PropTypes.func,
+    switchBackground: PropTypes.bool,
+    demoFunction: PropTypes.object,
+    onFunctionChange: PropTypes.func,
+    style: PropTypes.object,
+  };
+
+  static defaultProps = {
+    defaultBackground: 'light',
+    block: false,
+    onFunctionChange: () => {},
+  };
+
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      demoIndex: props.demoIndex || `${demoCount++}`,
+      demoItems: props.demoItems || demoItems,
+      showType: props.showType || showType,
+      background: props.defaultBackground,
+      initDate: new Date().getTime(),
     };
 
-    static defaultProps = {
-        defaultBackground: 'light',
-        block: false,
-        onFunctionChange: () => {},
-    };
+    if (!props.demoIndex) {
+      callback.push(this.setVisible.bind(this));
+    }
+  }
 
-    constructor(props) {
-        super(props);
+  componentWillReceiveProps(nextProps) {
+    if ('defaultBackground' in nextProps) {
+      this.setState({
+        background: nextProps.defaultBackground,
+      });
+    }
+  }
 
-        this.state = {
-            demoIndex: props.demoIndex || `${demoCount++}`,
-            demoItems: props.demoItems || demoItems,
-            showType: props.showType || showType,
-            background: props.defaultBackground,
-            initDate: new Date().getTime(),
-        };
+  setVisible(data) {
+    delete data.demoIndex;
 
-        if (!props.demoIndex) {
-            callback.push(this.setVisible.bind(this));
-        }
+    this.setState(data);
+  }
+
+  switchVisible(demoIndex) {
+    const demoItems = this.props.demoItems || this.state.demoItems;
+
+    // TIP: 清理无效数据
+    Object.keys(demoItems).forEach(key => {
+      if (demoItems[key].existed) {
+        delete demoItems[key].existed;
+      } else {
+        delete demoItems[key];
+      }
+    });
+
+    if (!demoItems[demoIndex]) {
+      return;
     }
 
-    componentWillReceiveProps(nextProps) {
-        if ('defaultBackground' in nextProps) {
-            this.setState({
-                background: nextProps.defaultBackground,
-            });
-        }
-    }
+    const { hidden = false } = demoItems[demoIndex];
+    const childKeys = Object.keys(demoItems).filter(key => new RegExp(`^${demoIndex.replace(/\*/, '(\\*|\\d+)')}`).test(key));
 
-    setVisible(data) {
-        delete data.demoIndex;
-
-        this.setState(data);
-    }
-
-    switchVisible(demoIndex) {
-        const demoItems = this.props.demoItems || this.state.demoItems;
-
-        // TIP: 清理无效数据
-        Object.keys(demoItems).forEach(key => {
-            if (demoItems[key].existed) {
-                delete demoItems[key].existed;
-            } else {
-                delete demoItems[key];
-            }
-        });
-
-        if (!demoItems[demoIndex]) {
-            return;
-        }
-
-        const { hidden = false } = demoItems[demoIndex];
-        const childKeys = Object.keys(demoItems).filter(key =>
-            new RegExp(`^${demoIndex.replace(/\*/, '(\\*|\\d+)')}`).test(key)
-        );
-
-        // TIP: 更新当前控制器
-        demoItems[demoIndex].hidden = !hidden;
-        // TIP: 更新下级控制器
-        childKeys.forEach(key => {
-            if (key.indexOf('*') > -1) {
-                demoItems[key].hidden = !hidden;
-            }
-        });
-        // TIP: 更新 DEMO
-        childKeys.forEach(key => {
-            if (key.indexOf('*') < 0) {
-                demoItems[key].hidden =
+    // TIP: 更新当前控制器
+    demoItems[demoIndex].hidden = !hidden;
+    // TIP: 更新下级控制器
+    childKeys.forEach(key => {
+      if (key.indexOf('*') > -1) {
+        demoItems[key].hidden = !hidden;
+      }
+    });
+    // TIP: 更新 DEMO
+    childKeys.forEach(key => {
+      if (key.indexOf('*') < 0) {
+        demoItems[key].hidden =
                     (demoItems[key.replace(/\d+$/, '*')] || {}).hidden ||
                     (demoItems[key.replace(/\d+-(\d+)$/, '*-$1')] || {})
-                        .hidden ||
+                      .hidden ||
                     !hidden;
-            }
-        });
-        // TIP: 同步上级控制器
-        this.syncVisible(demoIndex, demoItems);
+      }
+    });
+    // TIP: 同步上级控制器
+    this.syncVisible(demoIndex, demoItems);
 
-        sendMessage(window.compName, 'displayed', {
-            demoIndex,
-            demoItems,
-        });
+    sendMessage(window.compName, 'displayed', {
+      demoIndex,
+      demoItems,
+    });
+  }
+
+  syncVisible(demoIndex, demoItems) {
+    let index = demoIndex.replace(/(-(\*|\d+)){2}$/, '-\\d+-\\d+');
+
+    if (index !== demoIndex) {
+      const itemKeys = Object.keys(demoItems).filter(
+        key => new RegExp(`^${index}`).test(key) && key.indexOf('*') < 0,
+      );
+      const { hidden } = demoItems[itemKeys[0] || demoIndex];
+      let sameValue = true;
+
+      itemKeys.forEach(key => {
+        if (!!demoItems[key].hidden !== hidden) {
+          sameValue = false;
+        }
+      });
+
+      index = demoIndex.replace(/-(\*|\d+)-(\*|\d+)$/, '-*');
+
+      demoItems[index].hidden = (sameValue && hidden) || false;
+
+      this.syncVisible(index, demoItems);
+    }
+  }
+
+  switchBackground() {
+    const background = this.state.background === 'light' ? 'dark' : 'light';
+
+    this.setState({
+      background,
+    });
+  }
+
+  onFunctionChange(name, e) {
+    e.stopPropagation();
+
+    const { value } = e.currentTarget;
+    const demoFunction = convertArrayToObject(this.props.demoFunction);
+
+    let nextDemoFunction = {};
+    Object.keys(demoFunction).forEach(funcName => {
+      const func = demoFunction[funcName];
+
+      if (funcName === name) {
+        func.value = value;
+      }
+
+      nextDemoFunction[funcName] = func;
+    });
+
+    if (Array.isArray(this.props.demoFunction)) {
+      nextDemoFunction = convertObjectToArray(nextDemoFunction);
     }
 
-    syncVisible(demoIndex, demoItems) {
-        let index = demoIndex.replace(/(-(\*|\d+)){2}$/, '-\\d+-\\d+');
+    this.props.onFunctionChange(nextDemoFunction);
+    return false;
+  }
 
-        if (index !== demoIndex) {
-            const itemKeys = Object.keys(demoItems).filter(
-                key => new RegExp(`^${index}`).test(key) && key.indexOf('*') < 0
-            );
-            const hidden = demoItems[itemKeys[0] || demoIndex].hidden;
-            let sameValue = true;
+  render() {
+    let isDemoShape = false;
+    let hasDemoLevel = false;
+    let children;
 
-            itemKeys.forEach(key => {
-                if (!!demoItems[key].hidden !== hidden) {
-                    sameValue = false;
-                }
-            });
+    const block = this.props.block ? 'block' : null;
+    const index = this.props.demoIndex || this.state.demoIndex;
+    const demoItems = this.props.demoItems || this.state.demoItems;
+    const demoScope = this.props.demoScope || this;
+    const demoTitle = this.props.demoTitle
+      ? `${this.props.demoTitle} -> ${this.props.title || TITLE}`
+      : this.props.title || TITLE;
+    const showType = this.props.showType || this.state.showType;
+    const switchVisible = this.props.switchVisible || this.switchVisible;
+    const { background, initDate } = this.state;
+    const { className, switchBackground, style } = this.props;
+    const demoFunction = convertArrayToObject(this.props.demoFunction);
 
-            index = demoIndex.replace(/-(\*|\d+)-(\*|\d+)$/, '-*');
+    if (this.props.children) {
+      isDemoShape = this.props.parentDisplayName !== 'Demo';
 
-            demoItems[index].hidden = (sameValue && hidden) || false;
+      let first;
+      if (Array.isArray(this.props.children)) {
+        first = this.props.children[0];
+      } else {
+        first = this.props.children;
+      }
 
-            this.syncVisible(index, demoItems);
-        }
+      hasDemoLevel = first.type.displayName === 'Demo';
     }
 
-    switchBackground() {
-        const background = this.state.background === 'light' ? 'dark' : 'light';
+    // 注入 demoFunction 到 window.COOL
+    if (isDemoShape && this.props.title && demoFunction) {
+      FUN[this.props.title] = {};
+      Object.keys(demoFunction).forEach(funcName => {
+        const func = demoFunction[funcName];
+        func.name = funcName;
+        FUN[this.props.title][funcName] = func;
+      });
+    }
 
-        this.setState({
-            background: background,
+    let demoShapeLevel;
+    if ((isDemoShape && !hasDemoLevel) || !isDemoShape) {
+      demoShapeLevel = demoTitle.split(' -> ').join('_');
+
+      const body = React.Children.map(this.props.children, (child, i) => {
+        return React.cloneElement(child, {
+          block: this.props.block,
+          demoIndex: `${index}-${i}`,
+          demoItems,
+          demoScope,
+          demoTitle,
+          demoShapeLevel,
+          showType,
+          switchVisible,
         });
+      });
+
+      children = (
+        <table className={block}>
+          <tbody>{body}</tbody>
+        </table>
+      );
+    } else {
+      children = React.Children.map(this.props.children, (child, i) => {
+        return React.cloneElement(child, {
+          parentDisplayName: 'Demo',
+          defaultBackground: background,
+          demoIndex: `${index}-${i}`,
+          demoItems,
+          demoScope,
+          demoTitle,
+          demoFunction,
+          showType,
+          switchVisible,
+        });
+      });
     }
 
-    onFunctionChange(name, e) {
-        e.stopPropagation();
+    const functionSelect = [];
+    if (isDemoShape && demoFunction) {
+      Object.keys(demoFunction).forEach((funcName, i) => {
+        const func = demoFunction[funcName];
+        const tmpRadio = [];
+        const name = md5(`${funcName}-${initDate}`);
 
-        const value = e.currentTarget.value;
-        const demoFunction = convertArrayToObject(this.props.demoFunction);
+        func.enum.forEach((enumObj, j) => {
+          const checked = enumObj.value.toString() === func.value;
 
-        let nextDemoFunction = {};
-        Object.keys(demoFunction).forEach(funcName => {
-            const func = demoFunction[funcName];
-
-            if (funcName === name) {
-                func.value = value;
-            }
-
-            nextDemoFunction[funcName] = func;
+          tmpRadio.push(
+            <label key={j}>
+              <input
+                type="radio"
+                name={name}
+                data-func={funcName}
+                value={enumObj.value.toString()}
+                onChange={this.onFunctionChange.bind(
+                  this,
+                  funcName,
+                )}
+                defaultChecked={checked}
+              />
+              {enumObj.label.toString()}
+            </label>,
+          );
         });
 
-        if (Array.isArray(this.props.demoFunction)) {
-            nextDemoFunction = convertObjectToArray(nextDemoFunction);
-        }
-
-        this.props.onFunctionChange(nextDemoFunction);
-        return false;
+        functionSelect.push(
+          <li key={i}>
+            <span title={func.label}>{func.label}:</span>
+            {tmpRadio}
+          </li>,
+        );
+      });
     }
 
-    render() {
-        let isDemoShape = false;
-        let hasDemoLevel = false;
-        let children;
+    const demoIndex = `${index}-*`;
+    const { hidden = false } = demoItems[demoIndex] || {};
 
-        const block = this.props.block ? 'block' : null;
-        const index = this.props.demoIndex || this.state.demoIndex;
-        const demoItems = this.props.demoItems || this.state.demoItems;
-        const demoScope = this.props.demoScope || this;
-        const demoTitle = this.props.demoTitle
-            ? `${this.props.demoTitle} -> ${this.props.title || TITLE}`
-            : this.props.title || TITLE;
-        const showType = this.props.showType || this.state.showType;
-        const switchVisible = this.props.switchVisible || this.switchVisible;
-        const { background, initDate } = this.state;
-        const { className, switchBackground, style } = this.props;
-        const demoFunction = convertArrayToObject(this.props.demoFunction);
+    if (showType === 'hidden' || !hidden) {
+      if (!demoItems[demoIndex]) {
+        demoItems[demoIndex] = {
+          hidden: false,
+          title: demoTitle,
+        };
+      } else {
+        demoItems[demoIndex].title = demoTitle;
+      }
+      demoItems[demoIndex].existed = true;
 
-        if (this.props.children) {
-            isDemoShape = this.props.parentDisplayName !== 'Demo';
+      const wrapCls = classNames({
+        'demo pc': true,
+        [`demo-${background}`]: background,
+        [className]: className,
+      });
+      const switchCls = classNames({
+        'demo-switch': true,
+        'demo-switch-on': background === 'dark',
+        'demo-switch-off': background === 'light',
+      });
 
-            let first;
-            if (Array.isArray(this.props.children)) {
-                first = this.props.children[0];
-            } else {
-                first = this.props.children;
-            }
+      const customProps = {};
+      if (this.props.title) {
+        // 注入 demo 的标题，用于按需选取
+        customProps.title = formatTitle(this.props.title);
+      }
 
-            hasDemoLevel = first.type.displayName === 'Demo';
-        }
-
-        // 注入 demoFunction 到 window.COOL
-        if (isDemoShape && this.props.title && demoFunction) {
-            FUN[this.props.title] = {};
-            Object.keys(demoFunction).forEach(funcName => {
-                const func = demoFunction[funcName];
-                func.name = funcName;
-                FUN[this.props.title][funcName] = func;
-            });
-        }
-
-        let demoShapeLevel;
-        if ((isDemoShape && !hasDemoLevel) || !isDemoShape) {
-            demoShapeLevel = demoTitle.split(' -> ').join('_');
-
-            const body = React.Children.map(this.props.children, (child, i) => {
-                return React.cloneElement(child, {
-                    block: this.props.block,
-                    demoIndex: `${index}-${i}`,
-                    demoItems,
-                    demoScope,
-                    demoTitle,
-                    demoShapeLevel,
-                    showType,
-                    switchVisible,
-                });
-            });
-
-            children = (
-                <table className={block}>
-                    <tbody>{body}</tbody>
-                </table>
-            );
-        } else {
-            children = React.Children.map(this.props.children, (child, i) => {
-                return React.cloneElement(child, {
-                    parentDisplayName: 'Demo',
-                    defaultBackground: background,
-                    demoIndex: `${index}-${i}`,
-                    demoItems,
-                    demoScope,
-                    demoTitle,
-                    demoFunction,
-                    showType,
-                    switchVisible,
-                });
-            });
-        }
-
-        const functionSelect = [];
-        if (isDemoShape && demoFunction) {
-            Object.keys(demoFunction).forEach((funcName, i) => {
-                const func = demoFunction[funcName];
-                const tmpRadio = [];
-                const name = md5(`${funcName}-${initDate}`);
-
-                func.enum.forEach((enumObj, j) => {
-                    const checked = enumObj.value.toString() === func.value;
-
-                    tmpRadio.push(
-                        <label key={j}>
-                            <input
-                                type="radio"
-                                name={name}
-                                data-func={funcName}
-                                value={enumObj.value.toString()}
-                                onChange={this.onFunctionChange.bind(
-                                    this,
-                                    funcName
-                                )}
-                                defaultChecked={checked}
-                            />
-                            {enumObj.label.toString()}
-                        </label>
-                    );
-                });
-
-                functionSelect.push(
-                    <li key={i}>
-                        <span title={func.label}>{func.label}:</span>
-                        {tmpRadio}
-                    </li>
-                );
-            });
-        }
-
-        const demoIndex = `${index}-*`;
-        const { hidden = false } = demoItems[demoIndex] || {};
-
-        if (showType === 'hidden' || !hidden) {
-            if (!demoItems[demoIndex]) {
-                demoItems[demoIndex] = {
-                    hidden: false,
-                    title: demoTitle,
-                };
-            } else {
-                demoItems[demoIndex].title = demoTitle;
-            }
-            demoItems[demoIndex].existed = true;
-
-            const wrapCls = classNames({
-                'demo pc': true,
-                [`demo-${background}`]: background,
-                [className]: className,
-            });
-            const switchCls = classNames({
-                'demo-switch': true,
-                'demo-switch-on': background === 'dark',
-                'demo-switch-off': background === 'light',
-            });
-
-            const customProps = {};
-            if (this.props.title) {
-                // 注入 demo 的标题，用于按需选取
-                customProps.title = formatTitle(this.props.title);
-            }
-
-            return (
-                <div className={wrapCls} style={style} {...customProps}>
-                    <div className="demo-header">
-                        <span>{this.props.title || TITLE}</span>
-                        {showType === 'hidden' && (
-                            <DisplaySwitch
-                                hidden={hidden}
-                                onClick={switchVisible.bind(
-                                    demoScope,
-                                    demoIndex
-                                )}
-                            />
-                        )}
-                        {isDemoShape && switchBackground ? (
-                            <div className="demo-switch-wrapper">
-                                <span>背景颜色</span>
-                                <div
-                                    className={switchCls}
-                                    onClick={this.switchBackground.bind(this)}
-                                >
-                                    <div className="demo-switch-trigger" />
-                                    <div className="demo-switch-children">
-                                        {background === 'light' ? '深' : '浅'}
-                                    </div>
-                                </div>
-                            </div>
-                        ) : null}
-                    </div>
-                    {isDemoShape && demoFunction ? (
-                        <ul className="demo-select">{functionSelect}</ul>
-                    ) : null}
-                    <div className="demo-body">{children}</div>
+      return (
+        <div className={wrapCls} style={style} {...customProps}>
+          <div className="demo-header">
+            <span>{this.props.title || TITLE}</span>
+            {showType === 'hidden' && (
+            <DisplaySwitch
+              hidden={hidden}
+              onClick={switchVisible.bind(
+                demoScope,
+                demoIndex,
+              )}
+            />
+            )}
+            {isDemoShape && switchBackground ? (
+              <div className="demo-switch-wrapper">
+                <span>背景颜色</span>
+                <div
+                  className={switchCls}
+                  onClick={this.switchBackground.bind(this)}
+                >
+                  <div className="demo-switch-trigger" />
+                  <div className="demo-switch-children">
+                    {background === 'light' ? '深' : '浅'}
+                  </div>
                 </div>
-            );
-        } else {
-            return null;
-        }
+              </div>
+            ) : null}
+          </div>
+          {isDemoShape && demoFunction ? (
+            <ul className="demo-select">{functionSelect}</ul>
+          ) : null}
+          <div className="demo-body">{children}</div>
+        </div>
+      );
+    } else {
+      return null;
     }
+  }
 }
 
 /* eslint-disable react/no-multi-comp */
 class DemoGroup extends Component {
-    static displayName = 'DemoGroup';
+  static displayName = 'DemoGroup';
 
-    static propTypes = {
-        label: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-        block: PropTypes.bool,
-        height: PropTypes.string,
-        children: PropTypes.any,
-        className: PropTypes.string,
-        demoIndex: PropTypes.string,
-        demoItems: PropTypes.object,
-        demoScope: PropTypes.object,
-        demoTitle: PropTypes.string,
-        demoShapeLevel: PropTypes.string,
-        showType: PropTypes.string,
-        switchVisible: PropTypes.func,
-    };
+  static propTypes = {
+    label: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+    block: PropTypes.bool,
+    height: PropTypes.string,
+    children: PropTypes.any,
+    className: PropTypes.string,
+    demoIndex: PropTypes.string,
+    demoItems: PropTypes.object,
+    demoScope: PropTypes.object,
+    demoTitle: PropTypes.string,
+    demoShapeLevel: PropTypes.string,
+    showType: PropTypes.string,
+    switchVisible: PropTypes.func,
+  };
 
-    static defaultProps = {
-        block: false,
-        height: '',
-    };
+  static defaultProps = {
+    block: false,
+    height: '',
+  };
 
-    render() {
-        const {
-            demoIndex: index,
-            demoItems = {},
-            demoScope = this,
-            showType,
-            switchVisible = () => {},
-        } = this.props;
-        const demoIndex = `${index}-*`;
-        const demoTitle = `${this.props.demoTitle} -> ${this.props.label ||
+  render() {
+    const {
+      demoIndex: index,
+      demoItems = {},
+      demoScope = this,
+      showType,
+      switchVisible = () => {},
+    } = this.props;
+    const demoIndex = `${index}-*`;
+    const demoTitle = `${this.props.demoTitle} -> ${this.props.label ||
             LABEL}`;
-        const demoShapeLevel = this.props.demoShapeLevel;
-        const { hidden = false } = demoItems[demoIndex] || {};
+    const { demoShapeLevel } = this.props;
+    const { hidden = false } = demoItems[demoIndex] || {};
 
-        // 解析
-        if (demoShapeLevel) {
-            if (!COOL[demoShapeLevel]) {
-                COOL[demoShapeLevel] = [];
-            }
+    // 解析
+    if (demoShapeLevel) {
+      if (!COOL[demoShapeLevel]) {
+        COOL[demoShapeLevel] = [];
+      }
 
-            if (this.props.label) {
-                let ret = false;
-                COOL[demoShapeLevel].forEach((item, index) => {
-                    if (item.name === 'statement') {
-                        ret = true;
-                        COOL[demoShapeLevel][index].enum.push(this.props.label);
-                    }
-                });
-                if (!ret) {
-                    COOL[demoShapeLevel].push({
-                        name: 'statement',
-                        enum: [this.props.label],
-                    });
-                }
-            }
-        }
-
-        // 获得默认值
-        const defaultCool = {};
-        defaultCool.title = this.props.demoTitle;
-        defaultCool.shape = demoShapeLevel;
-        defaultCool.statement = this.props.label;
-        COOL[demoShapeLevel].forEach(item => {
-            if (item.value) {
-                defaultCool[item.name] = item.value;
-            }
+      if (this.props.label) {
+        let ret = false;
+        COOL[demoShapeLevel].forEach((item, index) => {
+          if (item.name === 'statement') {
+            ret = true;
+            COOL[demoShapeLevel][index].enum.push(this.props.label);
+          }
         });
-
-        const children = React.Children.map(this.props.children, (child, i) => {
-            const {
-                demoIndex: index,
-                demoItems = {},
-                showType,
-                block,
-            } = this.props;
-            const demoIndex = `${index}-${i}`;
-            const { hidden = false } = demoItems[demoIndex] || {};
-            const classes = classNames({
-                'demo-item': !hidden,
-                'demo-item-hidden': hidden,
-                block: block,
-            });
-
-            COOL[demoShapeLevel].forEach(item => {
-                if (item.name === 'size') {
-                    defaultCool.size = item.enum[i];
-                }
-            });
-
-            if (showType === 'hidden' || !hidden) {
-                if (!demoItems[demoIndex]) {
-                    demoItems[demoIndex] = {
-                        hidden: false,
-                    };
-                }
-                demoItems[demoIndex].existed = true;
-
-                const cloneChild = React.cloneElement(child, {
-                    'data-cool': JSON.stringify(defaultCool),
-                });
-
-                return (
-                    <td
-                        className="wrap"
-                        style={{ height: this.props.height || null }}
-                    >
-                        <div className={classes} key={i}>
-                            {cloneChild}
-                        </div>
-                    </td>
-                );
-            } else {
-                return null;
-            }
-        });
-
-        if (showType === 'hidden' || !hidden) {
-            if (!demoItems[demoIndex]) {
-                demoItems[demoIndex] = {
-                    hidden: false,
-                    title: demoTitle,
-                };
-            } else {
-                demoItems[demoIndex].title = demoTitle;
-            }
-            demoItems[demoIndex].existed = true;
-
-            return (
-                <tr className="demo-group">
-                    {this.props.label === false ? null : (
-                        <td
-                            className="label"
-                            style={{ height: this.props.height || null }}
-                        >
-                            <span>{this.props.label || LABEL}</span>
-                            {showType === 'hidden' && (
-                                <DisplaySwitch
-                                    hidden={hidden}
-                                    onClick={switchVisible.bind(
-                                        demoScope,
-                                        demoIndex
-                                    )}
-                                />
-                            )}
-                        </td>
-                    )}
-                    {children}
-                </tr>
-            );
-        } else {
-            return null;
+        if (!ret) {
+          COOL[demoShapeLevel].push({
+            name: 'statement',
+            enum: [this.props.label],
+          });
         }
+      }
     }
+
+    // 获得默认值
+    const defaultCool = {};
+    defaultCool.title = this.props.demoTitle;
+    defaultCool.shape = demoShapeLevel;
+    defaultCool.statement = this.props.label;
+    COOL[demoShapeLevel].forEach(item => {
+      if (item.value) {
+        defaultCool[item.name] = item.value;
+      }
+    });
+
+    const children = React.Children.map(this.props.children, (child, i) => {
+      const {
+        demoIndex: index,
+        demoItems = {},
+        showType,
+        block,
+      } = this.props;
+      const demoIndex = `${index}-${i}`;
+      const { hidden = false } = demoItems[demoIndex] || {};
+      const classes = classNames({
+        'demo-item': !hidden,
+        'demo-item-hidden': hidden,
+        block,
+      });
+
+      COOL[demoShapeLevel].forEach(item => {
+        if (item.name === 'size') {
+          defaultCool.size = item.enum[i];
+        }
+      });
+
+      if (showType === 'hidden' || !hidden) {
+        if (!demoItems[demoIndex]) {
+          demoItems[demoIndex] = {
+            hidden: false,
+          };
+        }
+        demoItems[demoIndex].existed = true;
+
+        const cloneChild = React.cloneElement(child, {
+          'data-cool': JSON.stringify(defaultCool),
+        });
+
+        return (
+          <td
+            className="wrap"
+            style={{ height: this.props.height || null }}
+          >
+            <div className={classes} key={i}>
+              {cloneChild}
+            </div>
+          </td>
+        );
+      } else {
+        return null;
+      }
+    });
+
+    if (showType === 'hidden' || !hidden) {
+      if (!demoItems[demoIndex]) {
+        demoItems[demoIndex] = {
+          hidden: false,
+          title: demoTitle,
+        };
+      } else {
+        demoItems[demoIndex].title = demoTitle;
+      }
+      demoItems[demoIndex].existed = true;
+
+      return (
+        <tr className="demo-group">
+          {this.props.label === false ? null : (
+            <td
+              className="label"
+              style={{ height: this.props.height || null }}
+            >
+              <span>{this.props.label || LABEL}</span>
+              {showType === 'hidden' && (
+              <DisplaySwitch
+                hidden={hidden}
+                onClick={switchVisible.bind(
+                  demoScope,
+                  demoIndex,
+                )}
+              />
+              )}
+            </td>
+          )}
+          {children}
+        </tr>
+      );
+    } else {
+      return null;
+    }
+  }
 }
 
 class DemoHead extends Component {
-    static displayName = 'DemoHead';
+  static displayName = 'DemoHead';
 
-    static propTypes = {
-        cols: PropTypes.array,
-        theme: PropTypes.object,
-        demoIndex: PropTypes.string,
-        demoItems: PropTypes.object,
-        demoScope: PropTypes.object,
-        demoTitle: PropTypes.string,
-        demoShapeLevel: PropTypes.string,
-        showType: PropTypes.string,
-        switchVisible: PropTypes.func,
-    };
+  static propTypes = {
+    cols: PropTypes.array,
+    theme: PropTypes.object,
+    demoIndex: PropTypes.string,
+    demoItems: PropTypes.object,
+    demoScope: PropTypes.object,
+    demoTitle: PropTypes.string,
+    demoShapeLevel: PropTypes.string,
+    showType: PropTypes.string,
+    switchVisible: PropTypes.func,
+  };
 
-    static defaultProps = {
-        cols: [],
-    };
+  static defaultProps = {
+    cols: [],
+  };
 
-    render() {
-        const cols = this.props.cols.map((col, i) => {
-            const {
-                demoIndex: index,
-                demoItems = {},
-                demoScope = this,
-                showType,
-                switchVisible = () => {},
-            } = this.props;
-            const demoIndex = `${index.replace(/-\d+$/, '-*')}-${i}`;
-            const demoTitle = `${this.props.demoTitle} -> ${col || COL}`;
-            const demoShapeLevel = this.props.demoShapeLevel;
-            const { hidden = false } = demoItems[demoIndex] || {};
+  render() {
+    const cols = this.props.cols.map((col, i) => {
+      const {
+        demoIndex: index,
+        demoItems = {},
+        demoScope = this,
+        showType,
+        switchVisible = () => {},
+      } = this.props;
+      const demoIndex = `${index.replace(/-\d+$/, '-*')}-${i}`;
+      const demoTitle = `${this.props.demoTitle} -> ${col || COL}`;
+      const { demoShapeLevel } = this.props;
+      const { hidden = false } = demoItems[demoIndex] || {};
 
-            // 解析
-            if (demoShapeLevel) {
-                if (!COOL[demoShapeLevel]) {
-                    COOL[demoShapeLevel] = [];
-                }
+      // 解析
+      if (demoShapeLevel) {
+        if (!COOL[demoShapeLevel]) {
+          COOL[demoShapeLevel] = [];
+        }
 
-                if (col) {
-                    let ret = false;
-                    COOL[demoShapeLevel].forEach((item, index) => {
-                        if (item.name === 'size') {
-                            ret = true;
-                            COOL[demoShapeLevel][index].enum.push(col);
-                        }
-                    });
-                    if (!ret) {
-                        COOL[demoShapeLevel].push({
-                            name: 'size',
-                            enum: [col],
-                        });
-                    }
-                }
+        if (col) {
+          let ret = false;
+          COOL[demoShapeLevel].forEach((item, index) => {
+            if (item.name === 'size') {
+              ret = true;
+              COOL[demoShapeLevel][index].enum.push(col);
             }
+          });
+          if (!ret) {
+            COOL[demoShapeLevel].push({
+              name: 'size',
+              enum: [col],
+            });
+          }
+        }
+      }
 
-            if (showType === 'hidden' || !hidden) {
-                if (!demoItems[demoIndex]) {
-                    demoItems[demoIndex] = {
-                        hidden: false,
-                        title: demoTitle,
-                    };
-                } else {
-                    demoItems[demoIndex].title = demoTitle;
-                }
-                demoItems[demoIndex].existed = true;
-
-                return (
-                    <td key={i}>
-                        {col || COL}
-                        {showType === 'hidden' && (
-                            <DisplaySwitch
-                                hidden={hidden}
-                                onClick={switchVisible.bind(
-                                    demoScope,
-                                    demoIndex
-                                )}
-                            />
-                        )}
-                    </td>
-                );
-            } else {
-                return null;
-            }
-        });
+      if (showType === 'hidden' || !hidden) {
+        if (!demoItems[demoIndex]) {
+          demoItems[demoIndex] = {
+            hidden: false,
+            title: demoTitle,
+          };
+        } else {
+          demoItems[demoIndex].title = demoTitle;
+        }
+        demoItems[demoIndex].existed = true;
 
         return (
-            <tr className="demo-head">
-                <td />
-                {cols}
-            </tr>
+          <td key={i}>
+            {col || COL}
+            {showType === 'hidden' && (
+            <DisplaySwitch
+              hidden={hidden}
+              onClick={switchVisible.bind(
+                demoScope,
+                demoIndex,
+              )}
+            />
+            )}
+          </td>
         );
-    }
+      } else {
+        return null;
+      }
+    });
+
+    return (
+      <tr className="demo-head">
+        <td />
+        {cols}
+      </tr>
+    );
+  }
 }
 
 class DisplaySwitch extends Component {
-    static propTypes = {
-        onClick: PropTypes.func,
-        hidden: PropTypes.bool,
-    };
+  static propTypes = {
+    onClick: PropTypes.func,
+    hidden: PropTypes.bool,
+  };
 
-    static defaultProps = {
-        onClick: () => {},
-    };
+  static defaultProps = {
+    onClick: () => {},
+  };
 
-    render() {
-        const status = this.props.hidden ? 'hide' : 'browse';
+  render() {
+    const status = this.props.hidden ? 'hide' : 'browse';
 
-        return (
-            <i
-                className={`demo-icon demo-icon-${status}`}
-                onClick={this.props.onClick}
-            />
-        );
-    }
+    return (
+      <i
+        className={`demo-icon demo-icon-${status}`}
+        onClick={this.props.onClick}
+      />
+    );
+  }
 }
 
 if (window.addEventListener) {
-    window.addEventListener('message', event => {
-        const data = event.data;
-        if (
-            event.origin !== location.origin ||
+  window.addEventListener('message', event => {
+    const { data } = event;
+    if (
+      event.origin !== location.origin ||
             !data ||
             data.from !== 'config'
-        ) {
-            return;
-        }
+    ) {
+      return;
+    }
 
-        if (data.type === 'displayed') {
-            callback.forEach(callback => {
-                callback(data.body);
-            });
-        }
-    });
+    if (data.type === 'displayed') {
+      callback.forEach(callback => {
+        callback(data.body);
+      });
+    }
+  });
 }
 
 function sendMessage(compName, type, body) {
-    const parent = window.parent;
+  const { parent } = window;
 
-    if (parent !== window) {
-        parent.postMessage(
-            {
-                from: 'demo',
-                type: type,
-                body: body,
-                compName: compName,
-            },
-            '*'
-        );
-    }
+  if (parent !== window) {
+    parent.postMessage(
+      {
+        from: 'demo',
+        type,
+        body,
+        compName,
+      },
+      '*',
+    );
+  }
 }
 
 function initDemo(compName) {
-    window.compName = compName;
+  window.compName = compName;
 
-    // 追加信息到页面
-    const info = document.createElement('script', {
-        id: 'fusion-cool',
-    });
-    info.innerHTML = `window.COOL = {'${compName}': ${JSON.stringify(
-        COOL
-    )}, 'functions': ${JSON.stringify(FUN)}}`;
-    document.body.appendChild(info);
+  // 追加信息到页面
+  const info = document.createElement('script', {
+    id: 'fusion-cool',
+  });
+  info.innerHTML = `window.COOL = {'${compName}': ${JSON.stringify(
+    COOL,
+  )}, 'functions': ${JSON.stringify(FUN)}}`;
+  document.body.appendChild(info);
 
-    sendMessage(compName, 'loaded');
+  sendMessage(compName, 'loaded');
 }
 
 export { Demo, DemoHead, DemoGroup, initDemo };
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/dialog/dialog.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/dialog/dialog.jsx
index 39ca9ca14..1f5d1a419 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/dialog/dialog.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/dialog/dialog.jsx
@@ -15,59 +15,59 @@ const { getStyle, setStyle } = dom;
  * Dialog
  */
 export default class Dialog extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        pure: PropTypes.bool,
-        rtl: PropTypes.bool,
-        className: PropTypes.string,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    pure: PropTypes.bool,
+    rtl: PropTypes.bool,
+    className: PropTypes.string,
+    /**
          * 是否显示
          */
-        visible: PropTypes.bool,
-        /**
+    visible: PropTypes.bool,
+    /**
          * 标题
          */
-        title: PropTypes.node,
-        /**
+    title: PropTypes.node,
+    /**
          * 内容
          */
-        children: PropTypes.node,
-        /**
+    children: PropTypes.node,
+    /**
          * 底部内容，设置为 false，则不进行显示
          * @default [<Button type="primary">确定</Button>, <Button>取消</Button>]
          */
-        footer: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),
-        /**
+    footer: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),
+    /**
          * 底部按钮的对齐方式
          */
-        footerAlign: PropTypes.oneOf(['left', 'center', 'right']),
-        /**
+    footerAlign: PropTypes.oneOf(['left', 'center', 'right']),
+    /**
          * 指定确定按钮和取消按钮是否存在以及如何排列,<br><br>**可选值**：
          * ['ok', 'cancel']（确认取消按钮同时存在，确认按钮在左）
          * ['cancel', 'ok']（确认取消按钮同时存在，确认按钮在右）
          * ['ok']（只存在确认按钮）
          * ['cancel']（只存在取消按钮）
          */
-        footerActions: PropTypes.array,
-        /**
+    footerActions: PropTypes.array,
+    /**
          * 在点击确定按钮时触发的回调函数
          * @param {Object} event 点击事件对象
          */
-        onOk: PropTypes.func,
-        /**
+    onOk: PropTypes.func,
+    /**
          * 在点击取消按钮时触发的回调函数
          * @param {Object} event 点击事件对象
          */
-        onCancel: PropTypes.func,
-        /**
+    onCancel: PropTypes.func,
+    /**
          * 应用于确定按钮的属性对象
          */
-        okProps: PropTypes.object,
-        /**
+    okProps: PropTypes.object,
+    /**
          * 应用于取消按钮的属性对象
          */
-        cancelProps: PropTypes.object,
-        /**
+    cancelProps: PropTypes.object,
+    /**
          * 控制对话框关闭的方式，值可以为字符串或者布尔值，其中字符串是由以下值组成：
          * **close** 表示点击关闭按钮可以关闭对话框
          * **mask** 表示点击遮罩区域可以关闭对话框
@@ -76,338 +76,338 @@ export default class Dialog extends Component {
          * 如果设置为 true，则以上关闭方式全部生效
          * 如果设置为 false，则以上关闭方式全部失效
          */
-        closeable: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-        /**
+    closeable: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+    /**
          * 对话框关闭时触发的回调函数
          * @param {String} trigger 关闭触发行为的描述字符串
          * @param {Object} event 关闭时事件对象
          */
-        onClose: PropTypes.func,
-        /**
+    onClose: PropTypes.func,
+    /**
          * 对话框关闭后触发的回调函数, 如果有动画，则在动画结束后触发
          */
-        afterClose: PropTypes.func,
-        /**
+    afterClose: PropTypes.func,
+    /**
          * 是否显示遮罩
          */
-        hasMask: PropTypes.bool,
-        /**
+    hasMask: PropTypes.bool,
+    /**
          * 显示隐藏时动画的播放方式
          * @property {String} in 进场动画
          * @property {String} out 出场动画
          */
-        animation: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
-        /**
+    animation: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
+    /**
          * 对话框弹出时是否自动获得焦点
          */
-        autoFocus: PropTypes.bool,
-        /**
+    autoFocus: PropTypes.bool,
+    /**
          * 对话框对齐方式, 具体见Overlay文档
          */
-        align: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-        /**
+    align: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+    /**
          * 当对话框高度超过浏览器视口高度时，是否显示所有内容而不是出现滚动条以保证对话框完整显示在浏览器视口内，该属性仅在对话框垂直水平居中时生效，即 align 被设置为 'cc cc' 时
          */
-        isFullScreen: PropTypes.bool,
-        /**
+    isFullScreen: PropTypes.bool,
+    /**
          * 是否在对话框重新渲染时及时更新对话框位置，一般用于对话框高度变化后依然能保证原来的对齐方式
          */
-        shouldUpdatePosition: PropTypes.bool,
-        /**
+    shouldUpdatePosition: PropTypes.bool,
+    /**
          * 对话框距离浏览器顶部和底部的最小间距，align 被设置为 'cc cc' 并且 isFullScreen 被设置为 true 时不生效
          */
-        minMargin: PropTypes.number,
-        /**
+    minMargin: PropTypes.number,
+    /**
          * 透传到弹层组件的属性对象
          */
-        overlayProps: PropTypes.object,
-        /**
+    overlayProps: PropTypes.object,
+    /**
          * 自定义国际化文案对象
          * @property {String} ok 确认按钮文案
          * @property {String} cancel 取消按钮文案
          */
-        locale: PropTypes.object,
-        /**
+    locale: PropTypes.object,
+    /**
          * 对话框的高度样式属性
          */
-        height: PropTypes.string,
-        // Do not remove this, it's for <ConfigProvider popupContainer={} />
-        // see https://github.com/alibaba-fusion/next/issues/1508
-        popupContainer: PropTypes.any,
-    };
+    height: PropTypes.string,
+    // Do not remove this, it's for <ConfigProvider popupContainer={} />
+    // see https://github.com/alibaba-fusion/next/issues/1508
+    popupContainer: PropTypes.any,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        pure: false,
-        visible: false,
-        footerAlign: 'right',
-        footerActions: ['ok', 'cancel'],
-        onOk: noop,
-        onCancel: noop,
-        okProps: {},
-        cancelProps: {},
-        closeable: 'esc,close',
-        onClose: noop,
-        afterClose: noop,
-        hasMask: true,
-        animation: {
-            in: 'fadeInDown',
-            out: 'fadeOutUp',
-        },
-        autoFocus: false,
-        align: 'cc cc',
-        isFullScreen: false,
-        shouldUpdatePosition: false,
-        minMargin: 40,
-        overlayProps: {},
-        locale: zhCN.Dialog,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    pure: false,
+    visible: false,
+    footerAlign: 'right',
+    footerActions: ['ok', 'cancel'],
+    onOk: noop,
+    onCancel: noop,
+    okProps: {},
+    cancelProps: {},
+    closeable: 'esc,close',
+    onClose: noop,
+    afterClose: noop,
+    hasMask: true,
+    animation: {
+      in: 'fadeInDown',
+      out: 'fadeOutUp',
+    },
+    autoFocus: false,
+    align: 'cc cc',
+    isFullScreen: false,
+    shouldUpdatePosition: false,
+    minMargin: 40,
+    overlayProps: {},
+    locale: zhCN.Dialog,
+  };
 
-    constructor(props, context) {
-        super(props, context);
-        bindCtx(this, [
-            'onKeyDown',
-            'beforePosition',
-            'adjustPosition',
-            'getOverlayRef',
-        ]);
+  constructor(props, context) {
+    super(props, context);
+    bindCtx(this, [
+      'onKeyDown',
+      'beforePosition',
+      'adjustPosition',
+      'getOverlayRef',
+    ]);
+  }
+
+  componentDidMount() {
+    events.on(document, 'keydown', this.onKeyDown);
+    if (!this.useCSSToPosition()) {
+      this.adjustPosition();
     }
+  }
 
-    componentDidMount() {
-        events.on(document, 'keydown', this.onKeyDown);
-        if (!this.useCSSToPosition()) {
-            this.adjustPosition();
-        }
+  componentWillUnmount() {
+    events.off(document, 'keydown', this.onKeyDown);
+  }
+
+  useCSSToPosition() {
+    const { align, isFullScreen } = this.props;
+    return align === 'cc cc' && isFullScreen;
+  }
+
+  onKeyDown(e) {
+    const node = this.getInnerNode();
+    if (node) {
+      limitTabRange(node, e);
     }
+  }
 
-    componentWillUnmount() {
-        events.off(document, 'keydown', this.onKeyDown);
-    }
-
-    useCSSToPosition() {
-        const { align, isFullScreen } = this.props;
-        return align === 'cc cc' && isFullScreen;
-    }
-
-    onKeyDown(e) {
+  beforePosition() {
+    if (this.props.visible && this.overlay) {
+      const inner = this.getInner();
+      if (inner) {
         const node = this.getInnerNode();
-        if (node) {
-            limitTabRange(node, e);
+        if (this._lastDialogHeight !== getStyle(node, 'height')) {
+          this.revertSize(inner.bodyNode);
         }
+      }
     }
+  }
 
-    beforePosition() {
-        if (this.props.visible && this.overlay) {
-            const inner = this.getInner();
-            if (inner) {
-                const node = this.getInnerNode();
-                if (this._lastDialogHeight !== getStyle(node, 'height')) {
-                    this.revertSize(inner.bodyNode);
-                }
-            }
+  adjustPosition() {
+    if (this.props.visible && this.overlay) {
+      const inner = this.getInner();
+      if (inner) {
+        const node = this.getInnerNode();
+
+        let top = getStyle(node, 'top');
+        const { minMargin } = this.props;
+        if (top < minMargin) {
+          top = minMargin;
+          setStyle(node, 'top', `${minMargin}px`);
         }
-    }
 
-    adjustPosition() {
-        if (this.props.visible && this.overlay) {
-            const inner = this.getInner();
-            if (inner) {
-                const node = this.getInnerNode();
-
-                let top = getStyle(node, 'top');
-                const minMargin = this.props.minMargin;
-                if (top < minMargin) {
-                    top = minMargin;
-                    setStyle(node, 'top', `${minMargin}px`);
-                }
-
-                const height = getStyle(node, 'height');
-                const viewportHeight =
+        const height = getStyle(node, 'height');
+        const viewportHeight =
                     window.innerHeight || document.documentElement.clientHeight;
-                if (viewportHeight < height + top * 2) {
-                    const expectHeight = viewportHeight - top * 2;
-                    this.adjustSize(inner, node, expectHeight);
-                } else {
-                    this.revertSize(inner.bodyNode);
-                }
-
-                this._lastDialogHeight = height;
-            }
+        if (viewportHeight < height + top * 2) {
+          const expectHeight = viewportHeight - top * 2;
+          this.adjustSize(inner, node, expectHeight);
+        } else {
+          this.revertSize(inner.bodyNode);
         }
+
+        this._lastDialogHeight = height;
+      }
     }
+  }
 
-    adjustSize(inner, node, expectHeight) {
-        const { headerNode, bodyNode, footerNode } = inner;
+  adjustSize(inner, node, expectHeight) {
+    const { headerNode, bodyNode, footerNode } = inner;
 
-        const headerHeight = headerNode ? getStyle(headerNode, 'height') : 0;
-        const footerHeight = footerNode ? getStyle(footerNode, 'height') : 0;
-        const padding =
+    const headerHeight = headerNode ? getStyle(headerNode, 'height') : 0;
+    const footerHeight = footerNode ? getStyle(footerNode, 'height') : 0;
+    const padding =
             getStyle(node, 'padding-top') + getStyle(node, 'padding-bottom');
-        let maxBodyHeight =
+    let maxBodyHeight =
             expectHeight - headerHeight - footerHeight - padding;
-        if (maxBodyHeight < 0) {
-            maxBodyHeight = 1;
-        }
-
-        if (bodyNode) {
-            this.dialogBodyStyleMaxHeight = bodyNode.style.maxHeight;
-            this.dialogBodyStyleOverflowY = bodyNode.style.overflowY;
-
-            setStyle(bodyNode, {
-                'max-height': `${maxBodyHeight}px`,
-                'overflow-y': 'auto',
-            });
-        }
+    if (maxBodyHeight < 0) {
+      maxBodyHeight = 1;
     }
 
-    revertSize(bodyNode) {
-        setStyle(bodyNode, {
-            'max-height': this.dialogBodyStyleMaxHeight,
-            'overflow-y': this.dialogBodyStyleOverflowY,
-        });
-    }
+    if (bodyNode) {
+      this.dialogBodyStyleMaxHeight = bodyNode.style.maxHeight;
+      this.dialogBodyStyleOverflowY = bodyNode.style.overflowY;
 
-    mapcloseableToConfig(closeable) {
-        return ['esc', 'close', 'mask'].reduce((ret, option) => {
-            const key = option.charAt(0).toUpperCase() + option.substr(1);
-            const value =
+      setStyle(bodyNode, {
+        'max-height': `${maxBodyHeight}px`,
+        'overflow-y': 'auto',
+      });
+    }
+  }
+
+  revertSize(bodyNode) {
+    setStyle(bodyNode, {
+      'max-height': this.dialogBodyStyleMaxHeight,
+      'overflow-y': this.dialogBodyStyleOverflowY,
+    });
+  }
+
+  mapcloseableToConfig(closeable) {
+    return ['esc', 'close', 'mask'].reduce((ret, option) => {
+      const key = option.charAt(0).toUpperCase() + option.substr(1);
+      const value =
                 typeof closeable === 'boolean'
-                    ? closeable
-                    : closeable.split(',').indexOf(option) > -1;
+                  ? closeable
+                  : closeable.split(',').indexOf(option) > -1;
 
-            if (option === 'esc' || option === 'mask') {
-                ret[`canCloseBy${key}`] = value;
-            } else {
-                ret[`canCloseBy${key}Click`] = value;
-            }
+      if (option === 'esc' || option === 'mask') {
+        ret[`canCloseBy${key}`] = value;
+      } else {
+        ret[`canCloseBy${key}Click`] = value;
+      }
 
-            return ret;
-        }, {});
+      return ret;
+    }, {});
+  }
+
+  getOverlayRef(ref) {
+    this.overlay = ref;
+  }
+
+  getInner() {
+    return this.overlay.getInstance().getContent();
+  }
+
+  getInnerNode() {
+    return this.overlay.getInstance().getContentNode();
+  }
+
+  renderInner(closeable) {
+    const {
+      prefix,
+      className,
+      title,
+      children,
+      footer,
+      footerAlign,
+      footerActions,
+      onOk,
+      onCancel,
+      okProps,
+      cancelProps,
+      onClose,
+      locale,
+      visible,
+      rtl,
+      height,
+    } = this.props;
+    const others = pickOthers(Object.keys(Dialog.propTypes), this.props);
+
+    return (
+      <Inner
+        prefix={prefix}
+        className={className}
+        title={title}
+        footer={footer}
+        footerAlign={footerAlign}
+        footerActions={footerActions}
+        onOk={visible ? onOk : noop}
+        onCancel={visible ? onCancel : noop}
+        okProps={okProps}
+        cancelProps={cancelProps}
+        locale={locale}
+        closeable={closeable}
+        rtl={rtl}
+        onClose={onClose.bind(this, 'closeClick')}
+        height={height}
+        {...others}
+      >
+        {children}
+      </Inner>
+    );
+  }
+
+  render() {
+    const {
+      prefix,
+      visible,
+      hasMask,
+      animation,
+      autoFocus,
+      closeable,
+      onClose,
+      afterClose,
+      shouldUpdatePosition,
+      align,
+      popupContainer,
+      overlayProps,
+      rtl,
+    } = this.props;
+
+    const useCSS = this.useCSSToPosition();
+    const {
+      canCloseByCloseClick,
+      ...closeConfig
+    } = this.mapcloseableToConfig(closeable);
+    const newOverlayProps = {
+      disableScroll: true,
+      container: popupContainer,
+      ...overlayProps,
+      prefix,
+      visible,
+      animation,
+      hasMask,
+      autoFocus,
+      afterClose,
+      ...closeConfig,
+      canCloseByOutSideClick: false,
+      align: useCSS ? false : align,
+      onRequestClose: onClose,
+      needAdjust: false,
+      ref: this.getOverlayRef,
+      rtl,
+      maskClass: useCSS ? `${prefix}dialog-container` : '',
+      isChildrenInMask: useCSS && hasMask,
+    };
+    if (!useCSS) {
+      newOverlayProps.beforePosition = this.beforePosition;
+      newOverlayProps.onPosition = this.adjustPosition;
+      newOverlayProps.shouldUpdatePosition = shouldUpdatePosition;
     }
 
-    getOverlayRef(ref) {
-        this.overlay = ref;
-    }
+    const inner = this.renderInner(canCloseByCloseClick);
 
-    getInner() {
-        return this.overlay.getInstance().getContent();
-    }
-
-    getInnerNode() {
-        return this.overlay.getInstance().getContentNode();
-    }
-
-    renderInner(closeable) {
-        const {
-            prefix,
-            className,
-            title,
-            children,
-            footer,
-            footerAlign,
-            footerActions,
-            onOk,
-            onCancel,
-            okProps,
-            cancelProps,
-            onClose,
-            locale,
-            visible,
-            rtl,
-            height,
-        } = this.props;
-        const others = pickOthers(Object.keys(Dialog.propTypes), this.props);
-
-        return (
-            <Inner
-                prefix={prefix}
-                className={className}
-                title={title}
-                footer={footer}
-                footerAlign={footerAlign}
-                footerActions={footerActions}
-                onOk={visible ? onOk : noop}
-                onCancel={visible ? onCancel : noop}
-                okProps={okProps}
-                cancelProps={cancelProps}
-                locale={locale}
-                closeable={closeable}
-                rtl={rtl}
-                onClose={onClose.bind(this, 'closeClick')}
-                height={height}
-                {...others}
-            >
-                {children}
-            </Inner>
-        );
-    }
-
-    render() {
-        const {
-            prefix,
-            visible,
-            hasMask,
-            animation,
-            autoFocus,
-            closeable,
-            onClose,
-            afterClose,
-            shouldUpdatePosition,
-            align,
-            popupContainer,
-            overlayProps,
-            rtl,
-        } = this.props;
-
-        const useCSS = this.useCSSToPosition();
-        const {
-            canCloseByCloseClick,
-            ...closeConfig
-        } = this.mapcloseableToConfig(closeable);
-        const newOverlayProps = {
-            disableScroll: true,
-            container: popupContainer,
-            ...overlayProps,
-            prefix,
-            visible,
-            animation,
-            hasMask,
-            autoFocus,
-            afterClose,
-            ...closeConfig,
-            canCloseByOutSideClick: false,
-            align: useCSS ? false : align,
-            onRequestClose: onClose,
-            needAdjust: false,
-            ref: this.getOverlayRef,
-            rtl,
-            maskClass: useCSS ? `${prefix}dialog-container` : '',
-            isChildrenInMask: useCSS && hasMask,
-        };
-        if (!useCSS) {
-            newOverlayProps.beforePosition = this.beforePosition;
-            newOverlayProps.onPosition = this.adjustPosition;
-            newOverlayProps.shouldUpdatePosition = shouldUpdatePosition;
-        }
-
-        const inner = this.renderInner(canCloseByCloseClick);
-
-        // useCSS && hasMask : isFullScreen 并且 有mask的模式下，为了解决 next-overlay-backdrop 覆盖mask，使得点击mask关闭页面的功能不生效的问题，需要开启 Overlay 的 isChildrenInMask 功能，并且把 next-dialog-container 放到 next-overlay-backdrop上
-        // useCSS && !hasMask : isFullScreen 并且 没有mask的情况下，需要关闭 isChildrenInMask 功能，以防止children不渲染
-        // 其他模式下维持 mask 与 children 同级的关系
-        return (
-            <Overlay {...newOverlayProps}>
-                {useCSS && !hasMask ? (
-                    <div
-                        className={`${prefix}dialog-container`}
-                        dir={rtl ? 'rtl' : undefined}
-                    >
-                        {inner}
-                    </div>
-                ) : (
-                    inner
-                )}
-            </Overlay>
-        );
-    }
+    // useCSS && hasMask : isFullScreen 并且 有mask的模式下，为了解决 next-overlay-backdrop 覆盖mask，使得点击mask关闭页面的功能不生效的问题，需要开启 Overlay 的 isChildrenInMask 功能，并且把 next-dialog-container 放到 next-overlay-backdrop上
+    // useCSS && !hasMask : isFullScreen 并且 没有mask的情况下，需要关闭 isChildrenInMask 功能，以防止children不渲染
+    // 其他模式下维持 mask 与 children 同级的关系
+    return (
+      <Overlay {...newOverlayProps}>
+        {useCSS && !hasMask ? (
+          <div
+            className={`${prefix}dialog-container`}
+            dir={rtl ? 'rtl' : undefined}
+          >
+            {inner}
+          </div>
+        ) : (
+          inner
+        )}
+      </Overlay>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/dialog/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/dialog/index.jsx
index 65c7da18c..66dc19b54 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/dialog/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/dialog/index.jsx
@@ -6,66 +6,66 @@ import { show, alert, confirm } from './show';
 
 Dialog.Inner = Inner;
 Dialog.show = config => {
-    const { warning } = ConfigProvider.getContextProps(config, 'Dialog');
-    if (warning !== false) {
-        config = processProps(config, log.deprecated);
-    }
-    return show(config);
+  const { warning } = ConfigProvider.getContextProps(config, 'Dialog');
+  if (warning !== false) {
+    config = processProps(config, log.deprecated);
+  }
+  return show(config);
 };
 Dialog.alert = config => {
-    const { warning } = ConfigProvider.getContextProps(config, 'Dialog');
-    if (warning !== false) {
-        config = processProps(config, log.deprecated);
-    }
-    return alert(config);
+  const { warning } = ConfigProvider.getContextProps(config, 'Dialog');
+  if (warning !== false) {
+    config = processProps(config, log.deprecated);
+  }
+  return alert(config);
 };
 Dialog.confirm = config => {
-    const { warning } = ConfigProvider.getContextProps(config, 'Dialog');
-    if (warning !== false) {
-        config = processProps(config, log.deprecated);
-    }
-    return confirm(config);
+  const { warning } = ConfigProvider.getContextProps(config, 'Dialog');
+  if (warning !== false) {
+    config = processProps(config, log.deprecated);
+  }
+  return confirm(config);
 };
 
 /* istanbul ignore next */
 function processProps(props, deprecated) {
-    if ('closable' in props) {
-        deprecated('closable', 'closeable', 'Dialog');
-        const { closable, ...others } = props;
-        props = { closeable: closable, ...others };
+  if ('closable' in props) {
+    deprecated('closable', 'closeable', 'Dialog');
+    const { closable, ...others } = props;
+    props = { closeable: closable, ...others };
+  }
+
+  const overlayPropNames = [
+    'target',
+    'offset',
+    'beforeOpen',
+    'onOpen',
+    'afterOpen',
+    'beforePosition',
+    'onPosition',
+    'cache',
+    'safeNode',
+    'wrapperClassName',
+    'container',
+  ];
+  overlayPropNames.forEach(name => {
+    if (name in props) {
+      deprecated(name, `overlayProps.${name}`, 'Dialog');
+      const { overlayProps, ...others } = props;
+      const newOverlayProps = {
+        [name]: props[name],
+        ...(overlayProps || {}),
+      };
+      delete others[name];
+      props = { overlayProps: newOverlayProps, ...others };
     }
+  });
 
-    const overlayPropNames = [
-        'target',
-        'offset',
-        'beforeOpen',
-        'onOpen',
-        'afterOpen',
-        'beforePosition',
-        'onPosition',
-        'cache',
-        'safeNode',
-        'wrapperClassName',
-        'container',
-    ];
-    overlayPropNames.forEach(name => {
-        if (name in props) {
-            deprecated(name, `overlayProps.${name}`, 'Dialog');
-            const { overlayProps, ...others } = props;
-            const newOverlayProps = {
-                [name]: props[name],
-                ...(overlayProps || {}),
-            };
-            delete others[name];
-            props = { overlayProps: newOverlayProps, ...others };
-        }
-    });
-
-    return props;
+  return props;
 }
 
 export default ConfigProvider.config(Dialog, {
-    transform: (props, deprecated) => {
-        return processProps(props, deprecated);
-    },
+  transform: (props, deprecated) => {
+    return processProps(props, deprecated);
+  },
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/dialog/inner.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/dialog/inner.jsx
index 623146683..7782d9290 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/dialog/inner.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/dialog/inner.jsx
@@ -11,202 +11,202 @@ const { pickOthers } = obj;
 const noop = () => {};
 
 export default class Inner extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        className: PropTypes.string,
-        title: PropTypes.node,
-        children: PropTypes.node,
-        footer: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),
-        footerAlign: PropTypes.oneOf(['left', 'center', 'right']),
-        footerActions: PropTypes.array,
-        onOk: PropTypes.func,
-        onCancel: PropTypes.func,
-        okProps: PropTypes.object,
-        cancelProps: PropTypes.object,
-        closeable: PropTypes.bool,
-        onClose: PropTypes.func,
-        locale: PropTypes.object,
-        role: PropTypes.string,
-        rtl: PropTypes.bool,
-        // set value for a fixed height dialog. Passing a value will absolutely position the footer to the bottom.
-        height: PropTypes.string,
-    };
+  static propTypes = {
+    prefix: PropTypes.string,
+    className: PropTypes.string,
+    title: PropTypes.node,
+    children: PropTypes.node,
+    footer: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),
+    footerAlign: PropTypes.oneOf(['left', 'center', 'right']),
+    footerActions: PropTypes.array,
+    onOk: PropTypes.func,
+    onCancel: PropTypes.func,
+    okProps: PropTypes.object,
+    cancelProps: PropTypes.object,
+    closeable: PropTypes.bool,
+    onClose: PropTypes.func,
+    locale: PropTypes.object,
+    role: PropTypes.string,
+    rtl: PropTypes.bool,
+    // set value for a fixed height dialog. Passing a value will absolutely position the footer to the bottom.
+    height: PropTypes.string,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        footerAlign: 'right',
-        footerActions: ['ok', 'cancel'],
-        onOk: noop,
-        onCancel: noop,
-        okProps: {},
-        cancelProps: {},
-        closeable: true,
-        onClose: noop,
-        locale: zhCN.Dialog,
-        role: 'dialog',
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    footerAlign: 'right',
+    footerActions: ['ok', 'cancel'],
+    onOk: noop,
+    onCancel: noop,
+    okProps: {},
+    cancelProps: {},
+    closeable: true,
+    onClose: noop,
+    locale: zhCN.Dialog,
+    role: 'dialog',
+  };
 
-    getNode(name, ref) {
-        this[name] = ref;
+  getNode(name, ref) {
+    this[name] = ref;
+  }
+
+  renderHeader() {
+    const { prefix, title } = this.props;
+    if (title) {
+      this.titleId = guid('dialog-title-');
+      return (
+        <div
+          className={`${prefix}dialog-header`}
+          id={this.titleId}
+          ref={this.getNode.bind(this, 'headerNode')}
+          role="heading"
+          aria-level="1"
+        >
+          {title}
+        </div>
+      );
+    }
+    return null;
+  }
+
+  renderBody() {
+    const { prefix, children } = this.props;
+    if (children) {
+      return (
+        <div
+          className={`${prefix}dialog-body`}
+          ref={this.getNode.bind(this, 'bodyNode')}
+        >
+          {children}
+        </div>
+      );
+    }
+    return null;
+  }
+
+  renderFooter() {
+    const {
+      prefix,
+      footer,
+      footerAlign,
+      footerActions,
+      locale,
+      height,
+    } = this.props;
+
+    if (footer === false) {
+      return null;
     }
 
-    renderHeader() {
-        const { prefix, title } = this.props;
-        if (title) {
-            this.titleId = guid('dialog-title-');
-            return (
-                <div
-                    className={`${prefix}dialog-header`}
-                    id={this.titleId}
-                    ref={this.getNode.bind(this, 'headerNode')}
-                    role="heading"
-                    aria-level="1"
-                >
-                    {title}
-                </div>
-            );
-        }
-        return null;
-    }
-
-    renderBody() {
-        const { prefix, children } = this.props;
-        if (children) {
-            return (
-                <div
-                    className={`${prefix}dialog-body`}
-                    ref={this.getNode.bind(this, 'bodyNode')}
-                >
-                    {children}
-                </div>
-            );
-        }
-        return null;
-    }
-
-    renderFooter() {
-        const {
-            prefix,
-            footer,
-            footerAlign,
-            footerActions,
-            locale,
-            height,
-        } = this.props;
-
-        if (footer === false) {
-            return null;
-        }
-
-        const newClassName = cx({
-            [`${prefix}dialog-footer`]: true,
-            [`${prefix}align-${footerAlign}`]: true,
-            [`${prefix}dialog-footer-fixed-height`]: !!height,
-        });
-        const footerContent =
+    const newClassName = cx({
+      [`${prefix}dialog-footer`]: true,
+      [`${prefix}align-${footerAlign}`]: true,
+      [`${prefix}dialog-footer-fixed-height`]: !!height,
+    });
+    const footerContent =
             footer === true || !footer
-                ? footerActions.map(action => {
-                      const btnProps = this.props[`${action}Props`];
-                      const newBtnProps = {
-                          ...btnProps,
-                          prefix,
-                          className: cx(
-                              `${prefix}dialog-btn`,
-                              btnProps.className
-                          ),
-                          onClick: makeChain(
-                              this.props[
-                                  `on${action[0].toUpperCase() +
+              ? footerActions.map(action => {
+                const btnProps = this.props[`${action}Props`];
+                const newBtnProps = {
+                  ...btnProps,
+                  prefix,
+                  className: cx(
+                    `${prefix}dialog-btn`,
+                    btnProps.className,
+                  ),
+                  onClick: makeChain(
+                    this.props[
+                      `on${action[0].toUpperCase() +
                                       action.slice(1)}`
-                              ],
-                              btnProps.onClick
-                          ),
-                          children: btnProps.children || locale[action],
-                      };
-                      if (action === 'ok') {
-                          newBtnProps.type = 'primary';
-                      }
+                    ],
+                    btnProps.onClick,
+                  ),
+                  children: btnProps.children || locale[action],
+                };
+                if (action === 'ok') {
+                  newBtnProps.type = 'primary';
+                }
 
-                      return <Button key={action} {...newBtnProps} />;
-                  })
-                : footer;
+                return <Button key={action} {...newBtnProps} />;
+              })
+              : footer;
 
-        return (
-            <div
-                className={newClassName}
-                ref={this.getNode.bind(this, 'footerNode')}
-            >
-                {footerContent}
-            </div>
-        );
+    return (
+      <div
+        className={newClassName}
+        ref={this.getNode.bind(this, 'footerNode')}
+      >
+        {footerContent}
+      </div>
+    );
+  }
+
+  renderCloseLink() {
+    const { prefix, closeable, onClose, locale } = this.props;
+
+    if (closeable) {
+      return (
+        <a
+          role="button"
+          aria-label={locale.close}
+          className={`${prefix}dialog-close`}
+          onClick={onClose}
+        >
+          <Icon
+            className={`${prefix}dialog-close-icon`}
+            type="close"
+          />
+        </a>
+      );
     }
 
-    renderCloseLink() {
-        const { prefix, closeable, onClose, locale } = this.props;
+    return null;
+  }
 
-        if (closeable) {
-            return (
-                <a
-                    role="button"
-                    aria-label={locale.close}
-                    className={`${prefix}dialog-close`}
-                    onClick={onClose}
-                >
-                    <Icon
-                        className={`${prefix}dialog-close-icon`}
-                        type="close"
-                    />
-                </a>
-            );
-        }
+  render() {
+    const {
+      prefix,
+      className,
+      closeable,
+      title,
+      role,
+      rtl,
+      height,
+    } = this.props;
+    const others = pickOthers(Object.keys(Inner.propTypes), this.props);
+    const newClassName = cx({
+      [`${prefix}dialog`]: true,
+      [`${prefix}closeable`]: closeable,
+      [className]: !!className,
+    });
 
-        return null;
+    const header = this.renderHeader();
+    const body = this.renderBody();
+    const footer = this.renderFooter();
+    const closeLink = this.renderCloseLink();
+
+    const ariaProps = {
+      role,
+      'aria-modal': 'true',
+    };
+    if (title) {
+      ariaProps['aria-labelledby'] = this.titleId;
     }
 
-    render() {
-        const {
-            prefix,
-            className,
-            closeable,
-            title,
-            role,
-            rtl,
-            height,
-        } = this.props;
-        const others = pickOthers(Object.keys(Inner.propTypes), this.props);
-        const newClassName = cx({
-            [`${prefix}dialog`]: true,
-            [`${prefix}closeable`]: closeable,
-            [className]: !!className,
-        });
+    others.style = Object.assign({}, others.style, { height });
 
-        const header = this.renderHeader();
-        const body = this.renderBody();
-        const footer = this.renderFooter();
-        const closeLink = this.renderCloseLink();
-
-        const ariaProps = {
-            role,
-            'aria-modal': 'true',
-        };
-        if (title) {
-            ariaProps['aria-labelledby'] = this.titleId;
-        }
-
-        others.style = Object.assign({}, others.style, { height });
-
-        return (
-            <div
-                {...ariaProps}
-                className={newClassName}
-                {...others}
-                dir={rtl ? 'rtl' : undefined}
-            >
-                {header}
-                {body}
-                {footer}
-                {closeLink}
-            </div>
-        );
-    }
+    return (
+      <div
+        {...ariaProps}
+        className={newClassName}
+        {...others}
+        dir={rtl ? 'rtl' : undefined}
+      >
+        {header}
+        {body}
+        {footer}
+        {closeLink}
+      </div>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/dialog/show.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/dialog/show.jsx
index 238fe874f..13bbec6c9 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/dialog/show.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/dialog/show.jsx
@@ -11,186 +11,186 @@ const Dialog = ConfigProvider.config(dialog);
 
 const noop = () => {};
 const MESSAGE_TYPE = {
-    alert: 'warning',
-    confirm: 'help',
+  alert: 'warning',
+  confirm: 'help',
 };
 
-export const ModalInner = function({
-    type,
-    messageProps = {},
-    title,
-    rtl,
-    prefix = 'next-',
-    content,
+export const ModalInner = function ({
+  type,
+  messageProps = {},
+  title,
+  rtl,
+  prefix = 'next-',
+  content,
 }) {
-    return (
-        <Message
-            size="large"
-            shape="addon"
-            type={MESSAGE_TYPE[type]}
-            {...messageProps}
-            title={title}
-            rtl={rtl}
-            className={cx(`${prefix}dialog-message`, messageProps.className)}
-        >
-            {content}
-        </Message>
-    );
+  return (
+    <Message
+      size="large"
+      shape="addon"
+      type={MESSAGE_TYPE[type]}
+      {...messageProps}
+      title={title}
+      rtl={rtl}
+      className={cx(`${prefix}dialog-message`, messageProps.className)}
+    >
+      {content}
+    </Message>
+  );
 };
 
 class Modal extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        pure: PropTypes.bool,
-        rtl: PropTypes.bool,
-        type: PropTypes.oneOf(['alert', 'confirm']),
-        title: PropTypes.node,
-        content: PropTypes.node,
-        messageProps: PropTypes.object,
-        footerActions: PropTypes.array,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    pure: PropTypes.bool,
+    rtl: PropTypes.bool,
+    type: PropTypes.oneOf(['alert', 'confirm']),
+    title: PropTypes.node,
+    content: PropTypes.node,
+    messageProps: PropTypes.object,
+    footerActions: PropTypes.array,
+    /**
          * Callback function triggered when Ok button is clicked
          * @param {Object} event click event object
          * @returns {Promise} Optionally handles a Promise return object
          */
-        onOk: PropTypes.func,
-        /**
+    onOk: PropTypes.func,
+    /**
          * Callback function triggered when Cancel button is clicked
          * @param {Object} event click event object
          * @returns {Promise} Optionally handles a Promise return object
          */
-        onCancel: PropTypes.func,
-        /**
+    onCancel: PropTypes.func,
+    /**
          * Callback function triggered when Close button is clicked
          * @param {Object} event click event object
          * @returns {Promise} Optionally handles a Promise return object
          */
-        onClose: PropTypes.func,
-        okProps: PropTypes.object,
-        locale: PropTypes.object,
-        needWrapper: PropTypes.bool,
-        className: PropTypes.string,
-    };
+    onClose: PropTypes.func,
+    okProps: PropTypes.object,
+    locale: PropTypes.object,
+    needWrapper: PropTypes.bool,
+    className: PropTypes.string,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        pure: false,
-        messageProps: {},
-        onOk: noop,
-        onCancel: noop,
-        onClose: noop,
-        okProps: {},
-        locale: zhCN.Dialog,
-        needWrapper: true,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    pure: false,
+    messageProps: {},
+    onOk: noop,
+    onCancel: noop,
+    onClose: noop,
+    okProps: {},
+    locale: zhCN.Dialog,
+    needWrapper: true,
+  };
 
-    state = {
-        visible: true,
-        loading: false,
-    };
+  state = {
+    visible: true,
+    loading: false,
+  };
 
-    close = () => {
-        this.setState({
-            visible: false,
+  close = () => {
+    this.setState({
+      visible: false,
+    });
+  };
+
+  loading = loading => {
+    this.setState({
+      loading,
+    });
+  };
+
+  wrapper(fn, callback) {
+    return (...args) => {
+      const res = fn(...args);
+      if (res && res.then) {
+        this.loading(true);
+
+        res.then(result => {
+          this.loading(false);
+
+          if (result !== false) {
+            return callback();
+          }
+        }).catch(e => {
+          this.loading(false);
+          throw e;
         });
+      } else if (res !== false) {
+        return callback();
+      }
     };
+  }
 
-    loading = loading => {
-        this.setState({
-            loading,
-        });
-    };
+  render() {
+    const {
+      prefix,
+      type,
+      title,
+      content,
+      messageProps,
+      footerActions,
+      onOk,
+      onCancel,
+      onClose,
+      okProps,
+      needWrapper,
+      rtl,
+      className,
+      ...others
+    } = this.props;
+    const newTitle = needWrapper && type ? null : title;
 
-    wrapper(fn, callback) {
-        return (...args) => {
-            const res = fn(...args);
-            if (res && res.then) {
-                this.loading(true);
-
-                res.then(result => {
-                    this.loading(false);
-
-                    if (result !== false) {
-                        return callback();
-                    }
-                }).catch(e => {
-                    this.loading(false);
-                    throw e;
-                });
-            } else if (res !== false) {
-                return callback();
-            }
-        };
-    }
-
-    render() {
-        const {
-            prefix,
-            type,
-            title,
-            content,
-            messageProps,
-            footerActions,
-            onOk,
-            onCancel,
-            onClose,
-            okProps,
-            needWrapper,
-            rtl,
-            className,
-            ...others
-        } = this.props;
-        const newTitle = needWrapper && type ? null : title;
-
-        const newContent =
+    const newContent =
             needWrapper && type ? (
-                <ModalInner
-                    type={type}
-                    messageProps={messageProps}
-                    title={title}
-                    rtl={rtl}
-                    prefix={prefix}
-                    content={content}
-                />
+              <ModalInner
+                type={type}
+                messageProps={messageProps}
+                title={title}
+                rtl={rtl}
+                prefix={prefix}
+                content={content}
+              />
             ) : (
-                content
+              content
             );
 
-        const newFooterActions =
+    const newFooterActions =
             footerActions ||
             (type === 'alert'
-                ? ['ok']
-                : type === 'confirm'
+              ? ['ok']
+              : type === 'confirm'
                 ? ['ok', 'cancel']
                 : undefined);
-        const newOnOk = this.wrapper(onOk, this.close);
-        const newOnCancel = this.wrapper(onCancel, this.close);
-        const newOnClose = this.wrapper(onClose, this.close);
+    const newOnOk = this.wrapper(onOk, this.close);
+    const newOnCancel = this.wrapper(onCancel, this.close);
+    const newOnClose = this.wrapper(onClose, this.close);
 
-        const { visible, loading } = this.state;
-        okProps.loading = loading;
+    const { visible, loading } = this.state;
+    okProps.loading = loading;
 
-        const classNames = cx(`${prefix}dialog-quick`, className);
+    const classNames = cx(`${prefix}dialog-quick`, className);
 
-        return (
-            <Dialog
-                prefix={prefix}
-                role="alertdialog"
-                {...others}
-                visible={visible}
-                title={newTitle}
-                rtl={rtl}
-                footerActions={newFooterActions}
-                onOk={this.state.loading ? noop : newOnOk}
-                onCancel={newOnCancel}
-                onClose={newOnClose}
-                okProps={okProps}
-                className={classNames}
-            >
-                {newContent}
-            </Dialog>
-        );
-    }
+    return (
+      <Dialog
+        prefix={prefix}
+        role="alertdialog"
+        {...others}
+        visible={visible}
+        title={newTitle}
+        rtl={rtl}
+        footerActions={newFooterActions}
+        onOk={this.state.loading ? noop : newOnOk}
+        onCancel={newOnCancel}
+        onClose={newOnClose}
+        okProps={okProps}
+        className={classNames}
+      >
+        {newContent}
+      </Dialog>
+    );
+  }
 }
 
 const ConfigModal = ConfigProvider.config(Modal, { componentName: 'Dialog' });
@@ -202,46 +202,47 @@ const ConfigModal = ConfigProvider.config(Modal, { componentName: 'Dialog' });
  * @returns {Object} 包含有 hide 方法，可用来关闭对话框
  */
 export const show = (config = {}) => {
-    const container = document.createElement('div');
-    const unmount = () => {
-        if (config.afterClose) {
-            config.afterClose();
-        }
-        ReactDOM.unmountComponentAtNode(container);
-        container.parentNode.removeChild(container);
-    };
+  const container = document.createElement('div');
+  const unmount = () => {
+    if (config.afterClose) {
+      config.afterClose();
+    }
+    ReactDOM.unmountComponentAtNode(container);
+    container.parentNode.removeChild(container);
+  };
 
-    document.body.appendChild(container);
-    const newContext = ConfigProvider.getContext();
+  document.body.appendChild(container);
+  const newContext = ConfigProvider.getContext();
 
-    let instance, myRef;
+  let instance; let
+    myRef;
 
-    ReactDOM.render(
-        <ConfigProvider {...newContext}>
-            <ConfigModal
-                {...config}
-                afterClose={unmount}
-                ref={ref => {
-                    myRef = ref;
-                }}
-            />
-        </ConfigProvider>,
-        container,
-        function() {
-            instance = myRef;
-        }
-    );
-    return {
-        hide: () => {
-            const inc = instance && instance.getInstance();
-            inc && inc.close();
-        },
-    };
+  ReactDOM.render(
+    <ConfigProvider {...newContext}>
+      <ConfigModal
+        {...config}
+        afterClose={unmount}
+        ref={ref => {
+          myRef = ref;
+        }}
+      />
+    </ConfigProvider>,
+    container,
+    () => {
+      instance = myRef;
+    },
+  );
+  return {
+    hide: () => {
+      const inc = instance && instance.getInstance();
+      inc && inc.close();
+    },
+  };
 };
 
 const methodFactory = type => (config = {}) => {
-    config.type = type;
-    return show(config);
+  config.type = type;
+  return show(config);
 };
 
 /**
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/divider/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/divider/index.jsx
index 2a5b61643..21ea4658e 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/divider/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/divider/index.jsx
@@ -9,63 +9,63 @@ import { obj } from '../util';
  * Divider
  */
 class Divider extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        children: PropTypes.any,
-        className: PropTypes.string,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    children: PropTypes.any,
+    className: PropTypes.string,
+    /**
          * 是否为虚线
          */
-        dashed: PropTypes.bool,
-        /**
+    dashed: PropTypes.bool,
+    /**
          * 线是水平还是垂直类型
          */
-        direction: PropTypes.oneOf(['hoz', 'ver']),
-        /**
+    direction: PropTypes.oneOf(['hoz', 'ver']),
+    /**
          * 分割线标题的位置
          */
-        orientation: PropTypes.oneOf(['left', 'right', 'center']),
-    };
+    orientation: PropTypes.oneOf(['left', 'right', 'center']),
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        direction: 'hoz',
-        orientation: 'center',
-        dashed: false,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    direction: 'hoz',
+    orientation: 'center',
+    dashed: false,
+  };
 
-    render() {
-        const {
-            prefix,
-            className,
-            dashed,
-            direction,
-            orientation,
-            children,
-        } = this.props;
-        const others = obj.pickOthers(Divider.propTypes, this.props);
+  render() {
+    const {
+      prefix,
+      className,
+      dashed,
+      direction,
+      orientation,
+      children,
+    } = this.props;
+    const others = obj.pickOthers(Divider.propTypes, this.props);
 
-        const cls = classNames(
-            {
-                [`${prefix}divider`]: true,
-                [`${prefix}divider-dashed`]: !!dashed,
-                [`${prefix}divider-${direction}`]: !!direction,
-                [`${prefix}divider-with-text-${orientation}`]:
+    const cls = classNames(
+      {
+        [`${prefix}divider`]: true,
+        [`${prefix}divider-dashed`]: !!dashed,
+        [`${prefix}divider-${direction}`]: !!direction,
+        [`${prefix}divider-with-text-${orientation}`]:
                     !!orientation && children,
-            },
-            className
-        );
+      },
+      className,
+    );
 
-        return (
-            <div role="separator" className={cls} {...others}>
-                {children && (
-                    <span className={`${prefix}divider-inner-text`}>
-                        {children}
-                    </span>
-                )}
-            </div>
-        );
-    }
+    return (
+      <div role="separator" className={cls} {...others}>
+        {children && (
+        <span className={`${prefix}divider-inner-text`}>
+          {children}
+        </span>
+        )}
+      </div>
+    );
+  }
 }
 
 export default ConfigProvider.config(polyfill(Divider));
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/drawer/drawer.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/drawer/drawer.jsx
index 7c3ee6f37..96a7f89a7 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/drawer/drawer.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/drawer/drawer.jsx
@@ -13,25 +13,25 @@ const { pickOthers } = obj;
  * Drawer
  */
 export default class Drawer extends Component {
-    static displayName = 'Drawer';
+  static displayName = 'Drawer';
 
-    static propTypes = {
-        ...(Popup.propTypes || {}),
-        prefix: PropTypes.string,
-        pure: PropTypes.bool,
-        rtl: PropTypes.bool,
-        // 不建议使用trigger
-        trigger: PropTypes.element,
-        triggerType: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
-        /**
+  static propTypes = {
+    ...(Popup.propTypes || {}),
+    prefix: PropTypes.string,
+    pure: PropTypes.bool,
+    rtl: PropTypes.bool,
+    // 不建议使用trigger
+    trigger: PropTypes.element,
+    triggerType: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
+    /**
          * 宽度，仅在 placement是 left right 的时候生效
          */
-        width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        /**
+    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    /**
          * 高度，仅在 placement是 top bottom 的时候生效
          */
-        height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        /**
+    height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    /**
          * 控制对话框关闭的方式，值可以为字符串或者布尔值，其中字符串是由以下值组成：
          * **close** 表示点击关闭按钮可以关闭对话框
          * **mask** 表示点击遮罩区域可以关闭对话框
@@ -40,243 +40,243 @@ export default class Drawer extends Component {
          * 如果设置为 true，则以上关闭方式全部生效
          * 如果设置为 false，则以上关闭方式全部失效
          */
-        closeable: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-        /**
+    closeable: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+    /**
          * 对话框关闭时触发的回调函数
          * @param {String} trigger 关闭触发行为的描述字符串
          * @param {Object} event 关闭时事件对象
          */
-        onClose: PropTypes.func,
-        /**
+    onClose: PropTypes.func,
+    /**
          * 位于页面的位置
          */
-        placement: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
-        /**
+    placement: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
+    /**
          * 标题
          */
-        title: PropTypes.node,
-        /**
+    title: PropTypes.node,
+    /**
          * header上的样式
          */
-        headerStyle: PropTypes.object,
-        /**
+    headerStyle: PropTypes.object,
+    /**
          * body上的样式
          */
-        bodyStyle: PropTypes.object,
-        /**
+    bodyStyle: PropTypes.object,
+    /**
          * 是否显示
          */
-        visible: PropTypes.bool,
-        /**
+    visible: PropTypes.bool,
+    /**
          * 是否显示遮罩
          */
-        hasMask: PropTypes.bool,
-        // 受控模式下(没有 trigger 的时候)，只会在关闭时触发，相当于onClose
-        onVisibleChange: PropTypes.func,
-        /**
+    hasMask: PropTypes.bool,
+    // 受控模式下(没有 trigger 的时候)，只会在关闭时触发，相当于onClose
+    onVisibleChange: PropTypes.func,
+    /**
          * 显示隐藏时动画的播放方式
          * @property {String} in 进场动画
          * @property {String} out 出场动画
          */
-        animation: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
-        locale: PropTypes.object,
-        // for ConfigProvider
-        popupContainer: PropTypes.any,
-    };
+    animation: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
+    locale: PropTypes.object,
+    // for ConfigProvider
+    popupContainer: PropTypes.any,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        triggerType: 'click',
-        trigger: null,
-        closeable: true,
-        onClose: noop,
-        hasMask: true,
-        placement: 'right',
-        locale: zhCN.Drawer,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    triggerType: 'click',
+    trigger: null,
+    closeable: true,
+    onClose: noop,
+    hasMask: true,
+    placement: 'right',
+    locale: zhCN.Drawer,
+  };
 
-    getAlign = placement => {
-        let align;
-        switch (placement) {
-            case 'top':
-                align = 'tl tl';
-                break;
-            case 'bottom':
-                align = 'bl bl';
-                break;
-            case 'left':
-                align = 'tl tl';
-                break;
-            case 'right':
-            default:
-                align = 'tr tr';
-                break;
-        }
+  getAlign = placement => {
+    let align;
+    switch (placement) {
+      case 'top':
+        align = 'tl tl';
+        break;
+      case 'bottom':
+        align = 'bl bl';
+        break;
+      case 'left':
+        align = 'tl tl';
+        break;
+      case 'right':
+      default:
+        align = 'tr tr';
+        break;
+    }
 
-        return align;
-    };
+    return align;
+  };
 
-    getAnimation = placement => {
-        if ('animation' in this.props) {
-            return this.props.animation;
-        }
+  getAnimation = placement => {
+    if ('animation' in this.props) {
+      return this.props.animation;
+    }
 
-        let animation;
-        switch (placement) {
-            case 'top':
-                animation = {
-                    in: 'slideInDown',
-                    out: 'slideOutUp',
-                };
-                break;
-            case 'bottom':
-                animation = {
-                    in: 'slideInUp',
-                    out: 'slideOutDown',
-                };
-                break;
-            case 'left':
-                animation = {
-                    in: 'slideInLeft',
-                    out: 'slideOutLeft',
-                };
-                break;
-            case 'right':
-            default:
-                animation = {
-                    in: 'slideInRight',
-                    out: 'slideOutRight',
-                };
-                break;
-        }
+    let animation;
+    switch (placement) {
+      case 'top':
+        animation = {
+          in: 'slideInDown',
+          out: 'slideOutUp',
+        };
+        break;
+      case 'bottom':
+        animation = {
+          in: 'slideInUp',
+          out: 'slideOutDown',
+        };
+        break;
+      case 'left':
+        animation = {
+          in: 'slideInLeft',
+          out: 'slideOutLeft',
+        };
+        break;
+      case 'right':
+      default:
+        animation = {
+          in: 'slideInRight',
+          out: 'slideOutRight',
+        };
+        break;
+    }
 
-        return animation;
-    };
+    return animation;
+  };
 
-    getOverlayRef = ref => {
-        this.overlay = ref;
-    };
+  getOverlayRef = ref => {
+    this.overlay = ref;
+  };
 
-    mapcloseableToConfig = closeable => {
-        return ['esc', 'close', 'mask'].reduce((ret, option) => {
-            const key = option.charAt(0).toUpperCase() + option.substr(1);
-            const value =
+  mapcloseableToConfig = closeable => {
+    return ['esc', 'close', 'mask'].reduce((ret, option) => {
+      const key = option.charAt(0).toUpperCase() + option.substr(1);
+      const value =
                 typeof closeable === 'boolean'
-                    ? closeable
-                    : closeable.split(',').indexOf(option) > -1;
+                  ? closeable
+                  : closeable.split(',').indexOf(option) > -1;
 
-            if (option === 'esc' || option === 'mask') {
-                ret[`canCloseBy${key}`] = value;
-            } else {
-                ret[`canCloseBy${key}Click`] = value;
-            }
+      if (option === 'esc' || option === 'mask') {
+        ret[`canCloseBy${key}`] = value;
+      } else {
+        ret[`canCloseBy${key}Click`] = value;
+      }
 
-            return ret;
-        }, {});
-    };
+      return ret;
+    }, {});
+  };
 
-    handleVisibleChange = (visible, reason, e) => {
-        const { onClose, onVisibleChange } = this.props;
+  handleVisibleChange = (visible, reason, e) => {
+    const { onClose, onVisibleChange } = this.props;
 
-        if (visible === false) {
-            onClose && onClose(reason, e);
-        }
-
-        onVisibleChange && onVisibleChange(visible, reason, e);
-    };
-
-    renderInner(closeable) {
-        const {
-            prefix,
-            className,
-            children,
-            title,
-            onClose,
-            locale,
-            headerStyle,
-            bodyStyle,
-            placement,
-            rtl,
-        } = this.props;
-
-        const others = pickOthers(Object.keys(Drawer.propTypes), this.props);
-
-        return (
-            <Inner
-                prefix={prefix}
-                title={title}
-                className={className}
-                locale={locale}
-                closeable={closeable}
-                rtl={rtl}
-                headerStyle={headerStyle}
-                bodyStyle={bodyStyle}
-                placement={placement}
-                onClose={onClose.bind(this, 'closeClick')}
-                {...others}
-            >
-                {children}
-            </Inner>
-        );
+    if (visible === false) {
+      onClose && onClose(reason, e);
     }
 
-    render() {
-        const {
-            prefix,
-            style,
-            width,
-            height,
-            trigger,
-            triggerType,
-            animation,
-            hasMask,
-            visible,
-            placement,
-            onClose,
-            onVisibleChange,
-            closeable,
-            rtl,
-            popupContainer,
-            ...others
-        } = this.props;
+    onVisibleChange && onVisibleChange(visible, reason, e);
+  };
 
-        const newStyle = {
-            width,
-            height,
-            ...style,
-        };
+  renderInner(closeable) {
+    const {
+      prefix,
+      className,
+      children,
+      title,
+      onClose,
+      locale,
+      headerStyle,
+      bodyStyle,
+      placement,
+      rtl,
+    } = this.props;
 
-        const {
-            canCloseByCloseClick,
-            ...closeConfig
-        } = this.mapcloseableToConfig(closeable);
+    const others = pickOthers(Object.keys(Drawer.propTypes), this.props);
 
-        const newPopupProps = {
-            prefix,
-            visible,
-            trigger,
-            triggerType,
-            onVisibleChange: this.handleVisibleChange,
-            animation: this.getAnimation(placement),
-            hasMask,
-            align: this.getAlign(placement),
-            ...closeConfig,
-            canCloseByOutSideClick: false,
-            disableScroll: true,
-            ref: this.getOverlayRef,
-            rtl,
-            target: 'viewport',
-            style: newStyle,
-            needAdjust: false,
-            container: popupContainer,
-        };
+    return (
+      <Inner
+        prefix={prefix}
+        title={title}
+        className={className}
+        locale={locale}
+        closeable={closeable}
+        rtl={rtl}
+        headerStyle={headerStyle}
+        bodyStyle={bodyStyle}
+        placement={placement}
+        onClose={onClose.bind(this, 'closeClick')}
+        {...others}
+      >
+        {children}
+      </Inner>
+    );
+  }
 
-        const inner = this.renderInner(canCloseByCloseClick);
+  render() {
+    const {
+      prefix,
+      style,
+      width,
+      height,
+      trigger,
+      triggerType,
+      animation,
+      hasMask,
+      visible,
+      placement,
+      onClose,
+      onVisibleChange,
+      closeable,
+      rtl,
+      popupContainer,
+      ...others
+    } = this.props;
 
-        return (
-            <Popup {...newPopupProps} {...others}>
-                {inner}
-            </Popup>
-        );
-    }
+    const newStyle = {
+      width,
+      height,
+      ...style,
+    };
+
+    const {
+      canCloseByCloseClick,
+      ...closeConfig
+    } = this.mapcloseableToConfig(closeable);
+
+    const newPopupProps = {
+      prefix,
+      visible,
+      trigger,
+      triggerType,
+      onVisibleChange: this.handleVisibleChange,
+      animation: this.getAnimation(placement),
+      hasMask,
+      align: this.getAlign(placement),
+      ...closeConfig,
+      canCloseByOutSideClick: false,
+      disableScroll: true,
+      ref: this.getOverlayRef,
+      rtl,
+      target: 'viewport',
+      style: newStyle,
+      needAdjust: false,
+      container: popupContainer,
+    };
+
+    const inner = this.renderInner(canCloseByCloseClick);
+
+    return (
+      <Popup {...newPopupProps} {...others}>
+        {inner}
+      </Popup>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/drawer/inner.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/drawer/inner.jsx
index 7c6a4f499..136b0c793 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/drawer/inner.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/drawer/inner.jsx
@@ -9,126 +9,126 @@ const noop = () => {};
 const { pickOthers } = obj;
 
 export default class Inner extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        className: PropTypes.string,
-        closeable: PropTypes.bool,
-        role: PropTypes.string,
-        title: PropTypes.string,
-        placement: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
-        rtl: PropTypes.bool,
-        onClose: PropTypes.func,
-        locale: PropTypes.object,
-        headerStyle: PropTypes.object,
-        bodyStyle: PropTypes.object,
-        afterClose: PropTypes.func,
-        beforeOpen: PropTypes.func,
-        beforeClose: PropTypes.func,
-        cache: PropTypes.bool,
-        shouldUpdatePosition: PropTypes.bool,
+  static propTypes = {
+    prefix: PropTypes.string,
+    className: PropTypes.string,
+    closeable: PropTypes.bool,
+    role: PropTypes.string,
+    title: PropTypes.string,
+    placement: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
+    rtl: PropTypes.bool,
+    onClose: PropTypes.func,
+    locale: PropTypes.object,
+    headerStyle: PropTypes.object,
+    bodyStyle: PropTypes.object,
+    afterClose: PropTypes.func,
+    beforeOpen: PropTypes.func,
+    beforeClose: PropTypes.func,
+    cache: PropTypes.bool,
+    shouldUpdatePosition: PropTypes.bool,
+  };
+
+  static defaultProps = {
+    prefix: 'next-',
+    closeable: true,
+    role: 'dialog',
+    onClose: noop,
+    locale: zhCN.Drawer,
+  };
+
+  renderHeader() {
+    const { prefix, title, headerStyle } = this.props;
+    const closeLink = this.renderCloseLink();
+    const headerCls = cx({
+      [`${prefix}drawer-header`]: true,
+      [`${prefix}drawer-no-title`]: !title,
+    });
+
+    return (
+      <div
+        className={headerCls}
+        style={headerStyle}
+        role="heading"
+        aria-level="1"
+      >
+        {title}
+        {closeLink}
+      </div>
+    );
+  }
+
+  renderBody() {
+    const { prefix, children, bodyStyle } = this.props;
+    if (children) {
+      return (
+        <div className={`${prefix}drawer-body`} style={bodyStyle}>
+          {children}
+        </div>
+      );
+    }
+    return null;
+  }
+
+  renderCloseLink() {
+    const { prefix, closeable, onClose, locale } = this.props;
+
+    if (closeable) {
+      return (
+        <a
+          role="button"
+          aria-label={locale.close}
+          className={`${prefix}drawer-close`}
+          onClick={onClose}
+        >
+          <Icon
+            className={`${prefix}drawer-close-icon`}
+            type="close"
+          />
+        </a>
+      );
+    }
+
+    return null;
+  }
+
+  render() {
+    const {
+      prefix,
+      className,
+      closeable,
+      placement,
+      role,
+      rtl,
+    } = this.props;
+
+    const others = pickOthers(Object.keys(Inner.propTypes), this.props);
+    const newClassName = cx({
+      [`${prefix}drawer`]: true,
+      [`${prefix}drawer-${placement}`]: true,
+      [`${prefix}closeable`]: closeable,
+      [className]: !!className,
+    });
+
+    const ariaProps = {
+      role,
+      'aria-modal': 'true',
     };
 
-    static defaultProps = {
-        prefix: 'next-',
-        closeable: true,
-        role: 'dialog',
-        onClose: noop,
-        locale: zhCN.Drawer,
-    };
+    const header = this.renderHeader();
+    const body = this.renderBody();
 
-    renderHeader() {
-        const { prefix, title, headerStyle } = this.props;
-        const closeLink = this.renderCloseLink();
-        const headerCls = cx({
-            [`${prefix}drawer-header`]: true,
-            [`${prefix}drawer-no-title`]: !title,
-        });
-
-        return (
-            <div
-                className={headerCls}
-                style={headerStyle}
-                role="heading"
-                aria-level="1"
-            >
-                {title}
-                {closeLink}
-            </div>
-        );
-    }
-
-    renderBody() {
-        const { prefix, children, bodyStyle } = this.props;
-        if (children) {
-            return (
-                <div className={`${prefix}drawer-body`} style={bodyStyle}>
-                    {children}
-                </div>
-            );
-        }
-        return null;
-    }
-
-    renderCloseLink() {
-        const { prefix, closeable, onClose, locale } = this.props;
-
-        if (closeable) {
-            return (
-                <a
-                    role="button"
-                    aria-label={locale.close}
-                    className={`${prefix}drawer-close`}
-                    onClick={onClose}
-                >
-                    <Icon
-                        className={`${prefix}drawer-close-icon`}
-                        type="close"
-                    />
-                </a>
-            );
-        }
-
-        return null;
-    }
-
-    render() {
-        const {
-            prefix,
-            className,
-            closeable,
-            placement,
-            role,
-            rtl,
-        } = this.props;
-
-        const others = pickOthers(Object.keys(Inner.propTypes), this.props);
-        const newClassName = cx({
-            [`${prefix}drawer`]: true,
-            [`${prefix}drawer-${placement}`]: true,
-            [`${prefix}closeable`]: closeable,
-            [className]: !!className,
-        });
-
-        const ariaProps = {
-            role,
-            'aria-modal': 'true',
-        };
-
-        const header = this.renderHeader();
-        const body = this.renderBody();
-
-        return (
-            <div
-                {...ariaProps}
-                className={newClassName}
-                {...others}
-                dir={rtl ? 'rtl' : undefined}
-            >
-                <div style={{ height: '100%', overflow: 'auto' }}>
-                    {header}
-                    {body}
-                </div>
-            </div>
-        );
-    }
+    return (
+      <div
+        {...ariaProps}
+        className={newClassName}
+        {...others}
+        dir={rtl ? 'rtl' : undefined}
+      >
+        <div style={{ height: '100%', overflow: 'auto' }}>
+          {header}
+          {body}
+        </div>
+      </div>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/dropdown/dropdown.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/dropdown/dropdown.jsx
index be6b20bce..307e87706 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/dropdown/dropdown.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/dropdown/dropdown.jsx
@@ -4,165 +4,166 @@ import Overlay from '../overlay';
 import { func } from '../util';
 
 const { noop, makeChain, bindCtx } = func;
-const Popup = Overlay.Popup;
+const { Popup } = Overlay;
 
 /**
  * Dropdown
  * @description 继承 Popup 的 API，除非特别说明
  */
 export default class Dropdown extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        pure: PropTypes.bool,
-        rtl: PropTypes.bool,
-        className: PropTypes.string,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    pure: PropTypes.bool,
+    rtl: PropTypes.bool,
+    className: PropTypes.string,
+    /**
          * 弹层内容
          */
-        children: PropTypes.node,
-        /**
+    children: PropTypes.node,
+    /**
          * 弹层当前是否显示
          */
-        visible: PropTypes.bool,
-        /**
+    visible: PropTypes.bool,
+    /**
          * 弹层默认是否显示
          */
-        defaultVisible: PropTypes.bool,
-        /**
+    defaultVisible: PropTypes.bool,
+    /**
          * 弹层显示或隐藏时触发的回调函数
          * @param {Boolean} visible 弹层是否显示
          * @param {String} type 触发弹层显示或隐藏的来源 fromContent 表示由Dropdown内容触发； fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发
          */
-        onVisibleChange: PropTypes.func,
-        /**
+    onVisibleChange: PropTypes.func,
+    /**
          * 触发弹层显示或者隐藏的元素
          */
-        trigger: PropTypes.node,
-        /**
+    trigger: PropTypes.node,
+    /**
          * 触发弹层显示或隐藏的操作类型，可以是 'click'，'hover'，或者它们组成的数组，如 ['hover', 'click']
          */
-        triggerType: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
-        /**
+    triggerType: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
+    /**
          * 设置此属性，弹层无法显示或隐藏
          */
-        disabled: PropTypes.bool,
-        /**
+    disabled: PropTypes.bool,
+    /**
          * 弹层相对于触发元素的定位, 详见 Overlay 的定位部分
          */
-        align: PropTypes.string,
-        /**
+    align: PropTypes.string,
+    /**
          * 弹层相对于trigger的定位的微调, 接收数组[hoz, ver], 表示弹层在 left / top 上的增量
          * e.g. [100, 100] 表示往右(RTL 模式下是往左) 、下分布偏移100px
          */
-        offset: PropTypes.array,
-        /**
+    offset: PropTypes.array,
+    /**
          * 弹层显示或隐藏的延时时间（以毫秒为单位），在 triggerType 被设置为 hover 时生效
          */
-        delay: PropTypes.number,
-        /**
+    delay: PropTypes.number,
+    /**
          * 弹层打开时是否让其中的元素自动获取焦点
          */
-        autoFocus: PropTypes.bool,
-        /**
+    autoFocus: PropTypes.bool,
+    /**
          * 是否显示遮罩
          */
-        hasMask: PropTypes.bool,
-        /**
+    hasMask: PropTypes.bool,
+    /**
          * 隐藏时是否保留子节点
          */
-        cache: PropTypes.bool,
-        /**
+    cache: PropTypes.bool,
+    /**
          * 配置动画的播放方式，支持 { in: 'enter-class', out: 'leave-class' } 的对象参数，如果设置为 false，则不播放动画
          * @default { in: 'expandInDown', out: 'expandOutUp' }
          */
-        animation: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
-    };
-    static defaultProps = {
-        prefix: 'next-',
-        pure: false,
-        defaultVisible: false,
-        onVisibleChange: noop,
-        triggerType: 'hover',
-        disabled: false,
-        align: 'tl bl',
-        offset: [0, 0],
-        delay: 200,
-        hasMask: false,
-        cache: false,
-        onPosition: noop,
-    };
+    animation: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
+  };
 
-    constructor(props) {
-        super(props);
+  static defaultProps = {
+    prefix: 'next-',
+    pure: false,
+    defaultVisible: false,
+    onVisibleChange: noop,
+    triggerType: 'hover',
+    disabled: false,
+    align: 'tl bl',
+    offset: [0, 0],
+    delay: 200,
+    hasMask: false,
+    cache: false,
+    onPosition: noop,
+  };
 
-        this.state = {
-            visible:
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      visible:
                 'visible' in props
-                    ? props.visible
-                    : props.defaultVisible || false,
-            autoFocus: 'autoFocus' in props ? props.autoFocus : false,
-        };
+                  ? props.visible
+                  : props.defaultVisible || false,
+      autoFocus: 'autoFocus' in props ? props.autoFocus : false,
+    };
 
-        bindCtx(this, ['onTriggerKeyDown', 'onMenuClick', 'onVisibleChange']);
+    bindCtx(this, ['onTriggerKeyDown', 'onMenuClick', 'onVisibleChange']);
+  }
+
+  getVisible(props = this.props) {
+    return 'visible' in props ? props.visible : this.state.visible;
+  }
+
+  onMenuClick() {
+    this.onVisibleChange(false, 'fromContent');
+  }
+
+  onVisibleChange(visible, from) {
+    this.setState({ visible });
+
+    this.props.onVisibleChange(visible, from);
+  }
+
+  onTriggerKeyDown() {
+    let autoFocus = true;
+
+    if ('autoFocus' in this.props) {
+      autoFocus = this.props.autoFocus;
     }
 
-    getVisible(props = this.props) {
-        return 'visible' in props ? props.visible : this.state.visible;
+    this.setState({
+      autoFocus,
+    });
+  }
+
+  render() {
+    let child = Children.only(this.props.children);
+    if (typeof child.type === 'function' && child.type.isNextMenu) {
+      child = React.cloneElement(child, {
+        onItemClick: makeChain(
+          this.onMenuClick,
+          child.props.onItemClick,
+        ),
+      });
     }
 
-    onMenuClick() {
-        this.onVisibleChange(false, 'fromContent');
-    }
+    const { trigger, rtl } = this.props;
+    const newTrigger = React.cloneElement(trigger, {
+      onKeyDown: makeChain(
+        this.onTriggerKeyDown,
+        trigger.props.onKeyDown,
+      ),
+    });
 
-    onVisibleChange(visible, from) {
-        this.setState({ visible });
-
-        this.props.onVisibleChange(visible, from);
-    }
-
-    onTriggerKeyDown() {
-        let autoFocus = true;
-
-        if ('autoFocus' in this.props) {
-            autoFocus = this.props.autoFocus;
-        }
-
-        this.setState({
-            autoFocus,
-        });
-    }
-
-    render() {
-        let child = Children.only(this.props.children);
-        if (typeof child.type === 'function' && child.type.isNextMenu) {
-            child = React.cloneElement(child, {
-                onItemClick: makeChain(
-                    this.onMenuClick,
-                    child.props.onItemClick
-                ),
-            });
-        }
-
-        const { trigger, rtl } = this.props;
-        const newTrigger = React.cloneElement(trigger, {
-            onKeyDown: makeChain(
-                this.onTriggerKeyDown,
-                trigger.props.onKeyDown
-            ),
-        });
-
-        return (
-            <Popup
-                {...this.props}
-                rtl={rtl}
-                autoFocus={this.state.autoFocus}
-                trigger={newTrigger}
-                visible={this.getVisible()}
-                onVisibleChange={this.onVisibleChange}
-                canCloseByOutSideClick
-            >
-                {child}
-            </Popup>
-        );
-    }
+    return (
+      <Popup
+        {...this.props}
+        rtl={rtl}
+        autoFocus={this.state.autoFocus}
+        trigger={newTrigger}
+        visible={this.getVisible()}
+        onVisibleChange={this.onVisibleChange}
+        canCloseByOutSideClick
+      >
+        {child}
+      </Popup>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/dropdown/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/dropdown/index.jsx
index aec84fa0d..646781dd8 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/dropdown/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/dropdown/index.jsx
@@ -2,21 +2,21 @@ import ConfigProvider from '../config-provider';
 import Dropdown from './dropdown';
 
 export default ConfigProvider.config(Dropdown, {
-    transform: /* istanbul ignore next */ (props, deprecated) => {
-        if ('triggerType' in props) {
-            const triggerType = Array.isArray(props.triggerType)
-                ? [...props.triggerType]
-                : [props.triggerType];
+  transform: /* istanbul ignore next */ (props, deprecated) => {
+    if ('triggerType' in props) {
+      const triggerType = Array.isArray(props.triggerType)
+        ? [...props.triggerType]
+        : [props.triggerType];
 
-            if (triggerType.indexOf('focus') > -1) {
-                deprecated(
-                    'triggerType[focus]',
-                    'triggerType[hover, click]',
-                    'Balloon'
-                );
-            }
-        }
+      if (triggerType.indexOf('focus') > -1) {
+        deprecated(
+          'triggerType[focus]',
+          'triggerType[hover, click]',
+          'Balloon',
+        );
+      }
+    }
 
-        return props;
-    },
+    return props;
+  },
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/field/index.js b/packages/material-parser/test/fixtures/fusion-next-component/src/field/index.js
index d563fb2ad..b6887ce30 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/field/index.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/field/index.js
@@ -5,39 +5,39 @@ import { log } from '../util';
 import { scrollToFirstError, cloneAndAddKey } from './utils';
 
 class NextField extends Field {
-    static useField(options = {}) {
-        if (!useState || !useMemo) {
-            log.warning('need react version > 16.8.0');
-            return;
-        }
-        return this.getUseField({ useMemo, useState })(options);
+  static useField(options = {}) {
+    if (!useState || !useMemo) {
+      log.warning('need react version > 16.8.0');
+      return;
     }
+    return this.getUseField({ useMemo, useState })(options);
+  }
 
-    constructor(com, options = {}) {
-        const newOptions = Object.assign({}, options, {
-            afterValidateRerender: scrollToFirstError,
-            processErrorMessage: cloneAndAddKey,
-        });
-        super(com, newOptions);
+  constructor(com, options = {}) {
+    const newOptions = Object.assign({}, options, {
+      afterValidateRerender: scrollToFirstError,
+      processErrorMessage: cloneAndAddKey,
+    });
+    super(com, newOptions);
 
-        this.validate = this.validate.bind(this);
-    }
-
-    validate(ns, cb) {
-        this.validateCallback(ns, cb);
-    }
-
-    reset(ns, backToDefault = false) {
-        if (ns === true) {
-            log.deprecated('reset(true)', 'resetToDefault()', 'Field');
-            this.resetToDefault();
-        } else if (backToDefault === true) {
-            log.deprecated('reset(ns,true)', 'resetToDefault(ns)', 'Field');
-            this.resetToDefault(ns);
-        } else {
-            this._reset(ns, false);
-        }
+    this.validate = this.validate.bind(this);
+  }
+
+  validate(ns, cb) {
+    this.validateCallback(ns, cb);
+  }
+
+  reset(ns, backToDefault = false) {
+    if (ns === true) {
+      log.deprecated('reset(true)', 'resetToDefault()', 'Field');
+      this.resetToDefault();
+    } else if (backToDefault === true) {
+      log.deprecated('reset(ns,true)', 'resetToDefault(ns)', 'Field');
+      this.resetToDefault(ns);
+    } else {
+      this._reset(ns, false);
     }
+  }
 }
 
 export default NextField;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/field/utils.js b/packages/material-parser/test/fixtures/fusion-next-component/src/field/utils.js
index b79d8c7ff..8ea282ec8 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/field/utils.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/field/utils.js
@@ -2,48 +2,48 @@ import { isValidElement, cloneElement } from 'react';
 import ReactDOM from 'react-dom';
 
 export function cloneAndAddKey(element) {
-    if (element && isValidElement(element)) {
-        const key = element.key || 'error';
-        return cloneElement(element, { key });
-    }
-    return element;
+  if (element && isValidElement(element)) {
+    const key = element.key || 'error';
+    return cloneElement(element, { key });
+  }
+  return element;
 }
 
 export function scrollToFirstError({ errorsGroup, options, instance }) {
-    if (errorsGroup && options.scrollToFirstError) {
-        let firstNode;
-        let firstTop;
-        for (const i in errorsGroup) {
-            if (errorsGroup.hasOwnProperty(i)) {
-                const node = ReactDOM.findDOMNode(instance[i]);
-                if (!node) {
-                    return;
-                }
-                const top = node.offsetTop;
-                if (firstTop === undefined || firstTop > top) {
-                    firstTop = top;
-                    firstNode = node;
-                }
-            }
+  if (errorsGroup && options.scrollToFirstError) {
+    let firstNode;
+    let firstTop;
+    for (const i in errorsGroup) {
+      if (errorsGroup.hasOwnProperty(i)) {
+        const node = ReactDOM.findDOMNode(instance[i]);
+        if (!node) {
+          return;
         }
+        const top = node.offsetTop;
+        if (firstTop === undefined || firstTop > top) {
+          firstTop = top;
+          firstNode = node;
+        }
+      }
+    }
 
-        if (firstNode) {
-            if (
-                typeof options.scrollToFirstError === 'number' &&
+    if (firstNode) {
+      if (
+        typeof options.scrollToFirstError === 'number' &&
                 window &&
                 typeof window.scrollTo === 'function'
-            ) {
-                const offsetLeft =
+      ) {
+        const offsetLeft =
                     document && document.body && document.body.offsetLeft
-                        ? document.body.offsetLeft
-                        : 0;
-                window.scrollTo(
-                    offsetLeft,
-                    firstTop + options.scrollToFirstError
-                );
-            } else if (firstNode.scrollIntoViewIfNeeded) {
-                firstNode.scrollIntoViewIfNeeded(true);
-            }
-        }
+                      ? document.body.offsetLeft
+                      : 0;
+        window.scrollTo(
+          offsetLeft,
+          firstTop + options.scrollToFirstError,
+        );
+      } else if (firstNode.scrollIntoViewIfNeeded) {
+        firstNode.scrollIntoViewIfNeeded(true);
+      }
     }
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/form/enhance.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/form/enhance.jsx
index 7dc0df708..714905c6b 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/form/enhance.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/form/enhance.jsx
@@ -1,112 +1,112 @@
 function getCfgFromProps(props, type) {
-    if (type in props) {
-        return props[type];
-    }
+  if (type in props) {
+    return props[type];
+  }
 
-    return undefined;
+  return undefined;
 }
 
 function getRule(ruleName, props) {
-    return {
-        [ruleName]: props[ruleName],
-        message: getCfgFromProps(props, `${ruleName}Message`),
-        trigger: getCfgFromProps(props, `${ruleName}Trigger`),
-    };
+  return {
+    [ruleName]: props[ruleName],
+    message: getCfgFromProps(props, `${ruleName}Message`),
+    trigger: getCfgFromProps(props, `${ruleName}Trigger`),
+  };
 }
 
 function getValueName(props, displayName) {
-    if (props.valueName) {
-        return props.valueName;
-    }
+  if (props.valueName) {
+    return props.valueName;
+  }
 
-    if (typeof displayName === 'string') {
-        // Next Components are all wrappered by configProvider
-        const componentName = displayName
-            .replace(/Config\(/, '')
-            .replace(')', '');
-        if (['Switch', 'Checkbox', 'Radio'].indexOf(componentName) !== -1) {
-            return 'checked';
-        }
+  if (typeof displayName === 'string') {
+    // Next Components are all wrappered by configProvider
+    const componentName = displayName
+      .replace(/Config\(/, '')
+      .replace(')', '');
+    if (['Switch', 'Checkbox', 'Radio'].indexOf(componentName) !== -1) {
+      return 'checked';
     }
+  }
 
-    return 'value';
+  return 'value';
 }
 
 export function getRules(props) {
-    const result = [];
+  const result = [];
 
-    // required
-    if (props.required) {
-        result.push(getRule('required', props));
-    }
+  // required
+  if (props.required) {
+    result.push(getRule('required', props));
+  }
 
-    const maxLength = Number(props.maxLength);
-    const minLength = Number(props.minLength);
-    if (minLength || maxLength) {
-        result.push({
-            minLength,
-            maxLength,
-            // minLengthMessage maxLengthMessage had been deprected, please use minmaxLength. TODO: removed in 2.0
-            message:
+  const maxLength = Number(props.maxLength);
+  const minLength = Number(props.minLength);
+  if (minLength || maxLength) {
+    result.push({
+      minLength,
+      maxLength,
+      // minLengthMessage maxLengthMessage had been deprected, please use minmaxLength. TODO: removed in 2.0
+      message:
                 getCfgFromProps(props, 'minmaxLengthMessage') ||
                 getCfgFromProps(props, 'minLengthMessage') ||
                 getCfgFromProps(props, 'maxLengthMessage'),
-            trigger:
+      trigger:
                 getCfgFromProps(props, 'minmaxLengthTrigger') ||
                 getCfgFromProps(props, 'minLengthTrigger') ||
                 getCfgFromProps(props, 'maxLengthTrigger'),
-        });
-    }
+    });
+  }
 
-    // length
-    if (props.length) {
-        result.push(getRule('length', props));
-    }
+  // length
+  if (props.length) {
+    result.push(getRule('length', props));
+  }
 
-    // pattern
-    if (props.pattern) {
-        result.push(getRule('pattern', props));
-    }
+  // pattern
+  if (props.pattern) {
+    result.push(getRule('pattern', props));
+  }
 
-    // format
-    if (['number', 'tel', 'url', 'email'].indexOf(props.format) > -1) {
-        result.push(getRule('format', props));
-    }
+  // format
+  if (['number', 'tel', 'url', 'email'].indexOf(props.format) > -1) {
+    result.push(getRule('format', props));
+  }
 
-    const max = Number(props.max);
-    const min = Number(props.min);
-    // max min
-    if (max || min) {
-        result.push({
-            min,
-            max,
-            // minMessage maxMessage had been deprected, please use minmaxLength. TODO: removed in 2.0
-            message:
+  const max = Number(props.max);
+  const min = Number(props.min);
+  // max min
+  if (max || min) {
+    result.push({
+      min,
+      max,
+      // minMessage maxMessage had been deprected, please use minmaxLength. TODO: removed in 2.0
+      message:
                 getCfgFromProps(props, 'minmaxMessage') ||
                 getCfgFromProps(props, 'minMessage') ||
                 getCfgFromProps(props, 'maxMessage'),
-            trigger:
+      trigger:
                 getCfgFromProps(props, 'minmaxTrigger') ||
                 getCfgFromProps(props, 'minTrigger') ||
                 getCfgFromProps(props, 'maxTrigger'),
-        });
-    }
+    });
+  }
 
-    if (props.validator && typeof props.validator === 'function') {
-        result.push({
-            validator: props.validator,
-            trigger: getCfgFromProps(props, 'validatorTrigger'),
-        });
-    }
+  if (props.validator && typeof props.validator === 'function') {
+    result.push({
+      validator: props.validator,
+      trigger: getCfgFromProps(props, 'validatorTrigger'),
+    });
+  }
 
-    return result;
+  return result;
 }
 
 export function getFieldInitCfg(props, displayName) {
-    return {
-        valueName: getValueName(props, displayName),
-        trigger: props.trigger ? props.trigger : 'onChange',
-        autoValidate: props.autoValidate,
-        rules: getRules(props),
-    };
+  return {
+    valueName: getValueName(props, displayName),
+    trigger: props.trigger ? props.trigger : 'onChange',
+    autoValidate: props.autoValidate,
+    rules: getRules(props),
+  };
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/form/error.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/form/error.jsx
index a30c0770d..ed92a47f1 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/form/error.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/form/error.jsx
@@ -9,98 +9,98 @@ import ConfigProvider from '../config-provider';
  * @order 4
  */
 class Error extends React.Component {
-    static propTypes = {
-        /**
+  static propTypes = {
+    /**
          * 表单名
          */
-        name: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
-        /**
+    name: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
+    /**
          * 自定义 field (在 Form 内不需要设置)
          */
-        field: PropTypes.object,
-        style: PropTypes.object,
-        className: PropTypes.string,
-        /**
+    field: PropTypes.object,
+    style: PropTypes.object,
+    className: PropTypes.string,
+    /**
          * 自定义错误渲染, 可以是 node 或者 function(errors, state)
          */
-        children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-        prefix: PropTypes.string,
-    };
+    children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+    prefix: PropTypes.string,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-    };
+  static defaultProps = {
+    prefix: 'next-',
+  };
 
-    static contextTypes = {
-        _formField: PropTypes.object,
-    };
+  static contextTypes = {
+    _formField: PropTypes.object,
+  };
 
-    static _typeMark = 'form_error';
+  static _typeMark = 'form_error';
 
-    itemRender = errors => {
-        return errors.length ? errors : null;
-    };
+  itemRender = errors => {
+    return errors.length ? errors : null;
+  };
 
-    render() {
-        const {
-            children,
-            name,
-            prefix,
-            style,
-            className,
-            field: _field,
-            ...others
-        } = this.props;
+  render() {
+    const {
+      children,
+      name,
+      prefix,
+      style,
+      className,
+      field: _field,
+      ...others
+    } = this.props;
 
-        if (children && typeof children !== 'function') {
-            return <div className={`${prefix}form-item-help`}>{children}</div>;
-        }
-
-        const field = this.context._formField || _field;
-
-        if (!field || !name) {
-            return null;
-        }
-
-        const isSingle = typeof name === 'string';
-
-        const names = isSingle ? [name] : name;
-        const errorArr = [];
-
-        if (names.length) {
-            const errors = field.getErrors(names);
-            Object.keys(errors).forEach(key => {
-                if (errors[key]) {
-                    errorArr.push(errors[key]);
-                }
-            });
-        }
-
-        let result = null;
-        if (typeof children === 'function') {
-            result = children(
-                errorArr,
-                isSingle ? field.getState(name) : undefined
-            );
-        } else {
-            result = this.itemRender(errorArr);
-        }
-
-        if (!result) {
-            return null;
-        }
-
-        const cls = classNames({
-            [`${prefix}form-item-help`]: true,
-            [className]: className,
-        });
-
-        return (
-            <div {...others} className={cls} style={style}>
-                {result}
-            </div>
-        );
+    if (children && typeof children !== 'function') {
+      return <div className={`${prefix}form-item-help`}>{children}</div>;
     }
+
+    const field = this.context._formField || _field;
+
+    if (!field || !name) {
+      return null;
+    }
+
+    const isSingle = typeof name === 'string';
+
+    const names = isSingle ? [name] : name;
+    const errorArr = [];
+
+    if (names.length) {
+      const errors = field.getErrors(names);
+      Object.keys(errors).forEach(key => {
+        if (errors[key]) {
+          errorArr.push(errors[key]);
+        }
+      });
+    }
+
+    let result = null;
+    if (typeof children === 'function') {
+      result = children(
+        errorArr,
+        isSingle ? field.getState(name) : undefined,
+      );
+    } else {
+      result = this.itemRender(errorArr);
+    }
+
+    if (!result) {
+      return null;
+    }
+
+    const cls = classNames({
+      [`${prefix}form-item-help`]: true,
+      [className]: className,
+    });
+
+    return (
+      <div {...others} className={cls} style={style}>
+        {result}
+      </div>
+    );
+  }
 }
 
 export default ConfigProvider.config(Error);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/form/form.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/form/form.jsx
index 39898d6bf..4e5c19028 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/form/form.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/form/form.jsx
@@ -6,86 +6,86 @@ import Field from '../field';
 import RGrid from '../responsive-grid';
 
 function pickerDefined(obj) {
-    const newObj = {};
-    Object.keys(obj).forEach(i => {
-        if (typeof obj[i] !== 'undefined') {
-            newObj[i] = obj[i];
-        }
-    });
-    return newObj;
+  const newObj = {};
+  Object.keys(obj).forEach(i => {
+    if (typeof obj[i] !== 'undefined') {
+      newObj[i] = obj[i];
+    }
+  });
+  return newObj;
 }
 
 function preventDefault(e) {
-    e.preventDefault();
+  e.preventDefault();
 }
 
 /** Form */
 export default class Form extends React.Component {
-    static propTypes = {
-        /**
+  static propTypes = {
+    /**
          * 样式前缀
          */
-        prefix: PropTypes.string,
-        /**
+    prefix: PropTypes.string,
+    /**
          * 内联表单
          */
-        inline: PropTypes.bool,
-        /**
+    inline: PropTypes.bool,
+    /**
          * 单个 Item 的 size 自定义，优先级高于 Form 的 size, 并且当组件与 Item 一起使用时，组件自身设置 size 属性无效。
          * @enumdesc 大, 中, 小
          */
-        size: PropTypes.oneOf(['large', 'medium', 'small']),
-        /**
+    size: PropTypes.oneOf(['large', 'medium', 'small']),
+    /**
          * 单个 Item 中表单类组件宽度是否是100%
          */
-        fullWidth: PropTypes.bool,
-        /**
+    fullWidth: PropTypes.bool,
+    /**
          * 标签的位置
          * @enumdesc 上, 左, 内
          */
-        labelAlign: PropTypes.oneOf(['top', 'left', 'inset']),
-        /**
+    labelAlign: PropTypes.oneOf(['top', 'left', 'inset']),
+    /**
          * 标签的左右对齐方式
          * @enumdesc 左, 右
          */
-        labelTextAlign: PropTypes.oneOf(['left', 'right']),
-        /**
+    labelTextAlign: PropTypes.oneOf(['left', 'right']),
+    /**
          * field 实例, 传 false 会禁用 field
          */
-        field: PropTypes.any,
-        /**
+    field: PropTypes.any,
+    /**
          * 保存 Form 自动生成的 field 对象
          */
-        saveField: PropTypes.func,
-        /**
+    saveField: PropTypes.func,
+    /**
          * 控制第一级 Item 的 labelCol
          */
-        labelCol: PropTypes.object,
-        /**
+    labelCol: PropTypes.object,
+    /**
          * 控制第一级 Item 的 wrapperCol
          */
-        wrapperCol: PropTypes.object,
-        /**
+    wrapperCol: PropTypes.object,
+    /**
          * form内有 `htmlType="submit"` 的元素的时候会触发
          */
-        onSubmit: PropTypes.func,
-        /**
+    onSubmit: PropTypes.func,
+    /**
          * 子元素
          */
-        children: PropTypes.any,
-        /**
+    children: PropTypes.any,
+    /**
          * 扩展class
          */
-        className: PropTypes.string,
-        /**
+    className: PropTypes.string,
+    /**
          * 自定义内联样式
          */
-        style: PropTypes.object,
-        /**
+    style: PropTypes.object,
+    /**
          * 表单数值
          */
-        value: PropTypes.object,
-        /**
+    value: PropTypes.object,
+    /**
          * 表单变化回调
          * @param {Object} values 表单数据
          * @param {Object} item 详细
@@ -93,167 +93,167 @@ export default class Form extends React.Component {
          * @param {String} item.value 变化的数据
          * @param {Object} item.field field 实例
          */
-        onChange: PropTypes.func,
-        /**
+    onChange: PropTypes.func,
+    /**
          * 设置标签类型
          */
-        component: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
-        fieldOptions: PropTypes.object,
-        rtl: PropTypes.bool,
-        /**
+    component: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
+    fieldOptions: PropTypes.object,
+    rtl: PropTypes.bool,
+    /**
          * 预设屏幕宽度
          */
-        device: PropTypes.oneOf(['phone', 'tablet', 'desktop']),
-        /**
+    device: PropTypes.oneOf(['phone', 'tablet', 'desktop']),
+    /**
          * 是否开启内置的响应式布局 （使用ResponsiveGrid）
          */
-        responsive: PropTypes.bool,
-        /**
+    responsive: PropTypes.bool,
+    /**
          * 是否开启预览态
          */
-        isPreview: PropTypes.bool,
-    };
+    isPreview: PropTypes.bool,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        onSubmit: preventDefault,
-        size: 'medium',
-        labelAlign: 'left',
-        onChange: func.noop,
-        component: 'form',
-        saveField: func.noop,
-        device: 'desktop',
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    onSubmit: preventDefault,
+    size: 'medium',
+    labelAlign: 'left',
+    onChange: func.noop,
+    component: 'form',
+    saveField: func.noop,
+    device: 'desktop',
+  };
 
-    static childContextTypes = {
-        _formField: PropTypes.object,
-        _formSize: PropTypes.string,
-        _formPreview: PropTypes.bool,
-        _formFullWidth: PropTypes.bool,
-    };
+  static childContextTypes = {
+    _formField: PropTypes.object,
+    _formSize: PropTypes.string,
+    _formPreview: PropTypes.bool,
+    _formFullWidth: PropTypes.bool,
+  };
 
-    constructor(props) {
-        super(props);
+  constructor(props) {
+    super(props);
 
-        this._formField = null;
-        if (props.field !== false) {
-            const options = {
-                ...props.fieldOptions,
-                onChange: this.onChange,
-            };
+    this._formField = null;
+    if (props.field !== false) {
+      const options = {
+        ...props.fieldOptions,
+        onChange: this.onChange,
+      };
 
-            if (props.field) {
-                this._formField = props.field;
-                const onChange = this._formField.options.onChange;
-                options.onChange = func.makeChain(onChange, this.onChange);
-                this._formField.setOptions &&
+      if (props.field) {
+        this._formField = props.field;
+        const { onChange } = this._formField.options;
+        options.onChange = func.makeChain(onChange, this.onChange);
+        this._formField.setOptions &&
                     this._formField.setOptions(options);
-            } else {
-                if ('value' in props) {
-                    options.values = props.value;
-                }
-                this._formField = new Field(this, options);
-            }
-
-            props.saveField(this._formField);
+      } else {
+        if ('value' in props) {
+          options.values = props.value;
         }
-    }
+        this._formField = new Field(this, options);
+      }
 
-    getChildContext() {
-        return {
-            _formField: this.props.field ? this.props.field : this._formField,
-            _formSize: this.props.size,
-            _formPreview: this.props.isPreview,
-            _formFullWidth: this.props.fullWidth,
-        };
+      props.saveField(this._formField);
     }
+  }
 
-    componentWillReceiveProps(nextProps) {
-        if (this._formField) {
-            if ('value' in nextProps && nextProps.value !== this.props.value) {
-                this._formField.setValues(nextProps.value);
-            }
-            if ('error' in nextProps && nextProps.error !== this.props.error) {
-                this._formField.setErrors(nextProps.error);
-            }
-        }
-    }
-
-    onChange = (name, value) => {
-        this.props.onChange(this._formField.getValues(), {
-            name,
-            value,
-            field: this._formField,
-        });
+  getChildContext() {
+    return {
+      _formField: this.props.field ? this.props.field : this._formField,
+      _formSize: this.props.size,
+      _formPreview: this.props.isPreview,
+      _formFullWidth: this.props.fullWidth,
     };
+  }
 
-    render() {
-        const {
-            className,
-            inline,
-            size,
-            device,
-            labelAlign,
-            labelTextAlign,
-            onSubmit,
-            children,
-            labelCol,
-            wrapperCol,
-            style,
-            prefix,
-            rtl,
-            component: Tag,
-            responsive,
-        } = this.props;
+  componentWillReceiveProps(nextProps) {
+    if (this._formField) {
+      if ('value' in nextProps && nextProps.value !== this.props.value) {
+        this._formField.setValues(nextProps.value);
+      }
+      if ('error' in nextProps && nextProps.error !== this.props.error) {
+        this._formField.setErrors(nextProps.error);
+      }
+    }
+  }
 
-        const formClassName = classNames({
-            [`${prefix}form`]: true,
-            [`${prefix}inline`]: inline, // 内联
-            [`${prefix}${size}`]: size,
-            [`${prefix}form-responsive-grid`]: responsive,
-            [className]: !!className,
-        });
+  onChange = (name, value) => {
+    this.props.onChange(this._formField.getValues(), {
+      name,
+      value,
+      field: this._formField,
+    });
+  };
 
-        const newChildren = React.Children.map(children, child => {
-            if (
-                child &&
+  render() {
+    const {
+      className,
+      inline,
+      size,
+      device,
+      labelAlign,
+      labelTextAlign,
+      onSubmit,
+      children,
+      labelCol,
+      wrapperCol,
+      style,
+      prefix,
+      rtl,
+      component: Tag,
+      responsive,
+    } = this.props;
+
+    const formClassName = classNames({
+      [`${prefix}form`]: true,
+      [`${prefix}inline`]: inline, // 内联
+      [`${prefix}${size}`]: size,
+      [`${prefix}form-responsive-grid`]: responsive,
+      [className]: !!className,
+    });
+
+    const newChildren = React.Children.map(children, child => {
+      if (
+        child &&
                 typeof child.type === 'function' &&
                 child.type._typeMark === 'form_item'
-            ) {
-                const childrenProps = {
-                    labelCol: child.props.labelCol
-                        ? child.props.labelCol
-                        : labelCol,
-                    wrapperCol: child.props.wrapperCol
-                        ? child.props.wrapperCol
-                        : wrapperCol,
-                    labelAlign: child.props.labelAlign
-                        ? child.props.labelAlign
-                        : device === 'phone'
-                        ? 'top'
-                        : labelAlign,
-                    labelTextAlign: child.props.labelTextAlign
-                        ? child.props.labelTextAlign
-                        : labelTextAlign,
-                    size: child.props.size ? child.props.size : size,
-                    responsive: responsive,
-                };
-                return React.cloneElement(child, pickerDefined(childrenProps));
-            }
-            return child;
-        });
+      ) {
+        const childrenProps = {
+          labelCol: child.props.labelCol
+            ? child.props.labelCol
+            : labelCol,
+          wrapperCol: child.props.wrapperCol
+            ? child.props.wrapperCol
+            : wrapperCol,
+          labelAlign: child.props.labelAlign
+            ? child.props.labelAlign
+            : device === 'phone'
+              ? 'top'
+              : labelAlign,
+          labelTextAlign: child.props.labelTextAlign
+            ? child.props.labelTextAlign
+            : labelTextAlign,
+          size: child.props.size ? child.props.size : size,
+          responsive,
+        };
+        return React.cloneElement(child, pickerDefined(childrenProps));
+      }
+      return child;
+    });
 
-        return (
-            <Tag
-                role="grid"
-                {...obj.pickOthers(Form.propTypes, this.props)}
-                className={formClassName}
-                style={style}
-                dir={rtl ? 'rtl' : undefined}
-                onSubmit={onSubmit}
-            >
-                {responsive ? <RGrid>{newChildren}</RGrid> : newChildren}
-            </Tag>
-        );
-    }
+    return (
+      <Tag
+        role="grid"
+        {...obj.pickOthers(Form.propTypes, this.props)}
+        className={formClassName}
+        style={style}
+        dir={rtl ? 'rtl' : undefined}
+        onSubmit={onSubmit}
+      >
+        {responsive ? <RGrid>{newChildren}</RGrid> : newChildren}
+      </Tag>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/form/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/form/index.jsx
index fac7452df..dd9c96fba 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/form/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/form/index.jsx
@@ -6,31 +6,31 @@ import Reset from './reset';
 import Error from './error';
 
 Form.Item = ConfigProvider.config(Item, {
-    transform: /* istanbul ignore next */ (props, deprecated) => {
-        if ('validateStatus' in props) {
-            deprecated('validateStatus', 'validateState', 'Form.Item');
+  transform: /* istanbul ignore next */ (props, deprecated) => {
+    if ('validateStatus' in props) {
+      deprecated('validateStatus', 'validateState', 'Form.Item');
 
-            const { validateStatus, ...others } = props;
-            props = { validateState: validateStatus, ...others };
-        }
+      const { validateStatus, ...others } = props;
+      props = { validateState: validateStatus, ...others };
+    }
 
-        return props;
-    },
+    return props;
+  },
 });
 Form.Submit = Submit;
 Form.Reset = Reset;
 Form.Error = Error;
 
 export default ConfigProvider.config(Form, {
-    transform: /* istanbul ignore next */ (props, deprecated) => {
-        if ('direction' in props) {
-            deprecated('direction', 'inline', 'Form');
-            const { direction, ...others } = props;
-            if (direction === 'hoz') {
-                props = { inline: true, ...others };
-            }
-        }
+  transform: /* istanbul ignore next */ (props, deprecated) => {
+    if ('direction' in props) {
+      deprecated('direction', 'inline', 'Form');
+      const { direction, ...others } = props;
+      if (direction === 'hoz') {
+        props = { inline: true, ...others };
+      }
+    }
 
-        return props;
-    },
+    return props;
+  },
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/form/item.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/form/item.jsx
index 75708866b..7929008ba 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/form/item.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/form/item.jsx
@@ -17,500 +17,500 @@ const { isNil } = obj;
  *  @order 1
  */
 export default class Item extends React.Component {
-    static propTypes = {
-        /**
+  static propTypes = {
+    /**
          * 样式前缀
          */
-        prefix: PropTypes.string,
-        rtl: PropTypes.bool,
-        /**
+    prefix: PropTypes.string,
+    rtl: PropTypes.bool,
+    /**
          * label 标签的文本
          */
-        label: PropTypes.node,
-        /**
+    label: PropTypes.node,
+    /**
          * label 标签布局，通 `<Col>` 组件，设置 span offset 值，如 {span: 8, offset: 16}，该项仅在垂直表单有效
          */
-        labelCol: PropTypes.object,
-        /**
+    labelCol: PropTypes.object,
+    /**
          * 需要为输入控件设置布局样式时，使用该属性，用法同 labelCol
          */
-        wrapperCol: PropTypes.object,
-        /**
+    wrapperCol: PropTypes.object,
+    /**
          * 自定义提示信息，如不设置，则会根据校验规则自动生成.
          */
-        help: PropTypes.node,
-        /**
+    help: PropTypes.node,
+    /**
          * 额外的提示信息，和 help 类似，当需要错误信息和提示文案同时出现时，可以使用这个。 位于错误信息后面
          */
-        extra: PropTypes.node,
-        /**
+    extra: PropTypes.node,
+    /**
          * 校验状态，如不设置，则会根据校验规则自动生成
          * @enumdesc 失败, 成功, 校验中, 警告
          */
-        validateState: PropTypes.oneOf([
-            'error',
-            'success',
-            'loading',
-            'warning',
-        ]),
-        /**
+    validateState: PropTypes.oneOf([
+      'error',
+      'success',
+      'loading',
+      'warning',
+    ]),
+    /**
          * 配合 validateState 属性使用，是否展示 success/loading 的校验状态图标, 目前只有Input支持
          */
-        hasFeedback: PropTypes.bool, //TODO: hasFeedback => validateStatus=[error,success,loading]
-        /**
+    hasFeedback: PropTypes.bool, // TODO: hasFeedback => validateStatus=[error,success,loading]
+    /**
          * 自定义内联样式
          */
-        style: PropTypes.object,
-        id: PropTypes.string,
-        /**
+    style: PropTypes.object,
+    id: PropTypes.string,
+    /**
          * node 或者 function(values)
          */
-        children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-        /**
+    children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+    /**
          * 单个 Item 的 size 自定义，优先级高于 Form 的 size, 并且当组件与 Item 一起使用时，组件自身设置 size 属性无效。
          */
-        size: PropTypes.oneOf(['large', 'small', 'medium']),
-        /**
+    size: PropTypes.oneOf(['large', 'small', 'medium']),
+    /**
          * 单个 Item 中表单类组件宽度是否是100%
          */
-        fullWidth: PropTypes.bool,
-        /**
+    fullWidth: PropTypes.bool,
+    /**
          * 标签的位置
          * @enumdesc 上, 左, 内
          */
-        labelAlign: PropTypes.oneOf(['top', 'left', 'inset']),
-        /**
+    labelAlign: PropTypes.oneOf(['top', 'left', 'inset']),
+    /**
          * 标签的左右对齐方式
          * @enumdesc 左, 右
          */
-        labelTextAlign: PropTypes.oneOf(['left', 'right']),
-        /**
+    labelTextAlign: PropTypes.oneOf(['left', 'right']),
+    /**
          * 扩展class
          */
-        className: PropTypes.string,
-        /**
+    className: PropTypes.string,
+    /**
          * [表单校验] 不能为空
          */
-        required: PropTypes.bool,
-        /**
+    required: PropTypes.bool,
+    /**
          * required 的星号是否显示
          */
-        asterisk: PropTypes.bool,
-        /**
+    asterisk: PropTypes.bool,
+    /**
          * required 自定义错误信息
          */
-        requiredMessage: PropTypes.string,
-        /**
+    requiredMessage: PropTypes.string,
+    /**
          * required 自定义触发方式
          */
-        requiredTrigger: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.array,
-        ]),
-        /**
+    requiredTrigger: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.array,
+    ]),
+    /**
          * [表单校验] 最小值
          */
-        min: PropTypes.number,
-        /**
+    min: PropTypes.number,
+    /**
          * [表单校验] 最大值
          */
-        max: PropTypes.number,
-        /**
+    max: PropTypes.number,
+    /**
          * min/max 自定义错误信息
          */
-        minmaxMessage: PropTypes.string,
-        /**
+    minmaxMessage: PropTypes.string,
+    /**
          * min/max 自定义触发方式
          */
-        minmaxTrigger: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
-        /**
+    minmaxTrigger: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
+    /**
          * [表单校验] 字符串最小长度 / 数组最小个数
          */
-        minLength: PropTypes.number,
-        /**
+    minLength: PropTypes.number,
+    /**
          * [表单校验] 字符串最大长度 / 数组最大个数
          */
-        maxLength: PropTypes.number,
-        /**
+    maxLength: PropTypes.number,
+    /**
          * minLength/maxLength 自定义错误信息
          */
-        minmaxLengthMessage: PropTypes.string,
-        /**
+    minmaxLengthMessage: PropTypes.string,
+    /**
          * minLength/maxLength 自定义触发方式
          */
-        minmaxLengthTrigger: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.array,
-        ]),
-        /**
+    minmaxLengthTrigger: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.array,
+    ]),
+    /**
          * [表单校验] 字符串精确长度 / 数组精确个数
          */
-        length: PropTypes.number,
-        /**
+    length: PropTypes.number,
+    /**
          * length 自定义错误信息
          */
-        lengthMessage: PropTypes.string,
-        /**
+    lengthMessage: PropTypes.string,
+    /**
          * length 自定义触发方式
          */
-        lengthTrigger: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
-        /**
+    lengthTrigger: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
+    /**
          * 正则校验
          */
-        pattern: PropTypes.any,
-        /**
+    pattern: PropTypes.any,
+    /**
          * pattern 自定义错误信息
          */
-        patternMessage: PropTypes.string,
-        /**
+    patternMessage: PropTypes.string,
+    /**
          * pattern 自定义触发方式
          */
-        patternTrigger: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.array,
-        ]),
-        /**
+    patternTrigger: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.array,
+    ]),
+    /**
          * [表单校验] 四种常用的 pattern
          */
-        format: PropTypes.oneOf(['number', 'email', 'url', 'tel']),
-        /**
+    format: PropTypes.oneOf(['number', 'email', 'url', 'tel']),
+    /**
          * format 自定义错误信息
          */
-        formatMessage: PropTypes.string,
-        /**
+    formatMessage: PropTypes.string,
+    /**
          * format 自定义触发方式
          */
-        formatTrigger: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
-        /**
+    formatTrigger: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
+    /**
          * [表单校验] 自定义校验函数
          */
-        validator: PropTypes.func,
-        /**
+    validator: PropTypes.func,
+    /**
          * validator 自定义触发方式
          */
-        validatorTrigger: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.array,
-        ]),
-        /**
+    validatorTrigger: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.array,
+    ]),
+    /**
          * 是否修改数据时自动触发校验
          */
-        autoValidate: PropTypes.bool,
-        /**
+    autoValidate: PropTypes.bool,
+    /**
          * 预设屏幕宽度
          */
-        device: PropTypes.oneOf(['phone', 'tablet', 'desktop']),
-        responsive: PropTypes.bool,
-        /**
+    device: PropTypes.oneOf(['phone', 'tablet', 'desktop']),
+    responsive: PropTypes.bool,
+    /**
          * 在响应式布局模式下，表单项占多少列
          */
-        colSpan: PropTypes.number,
-        /**
+    colSpan: PropTypes.number,
+    /**
          * 在响应式布局下，且label在左边时，label的宽度是多少
          */
-        labelWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-        /**
+    labelWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    /**
          * 是否开启预览态
          */
-        isPreview: PropTypes.bool,
-        /**
+    isPreview: PropTypes.bool,
+    /**
          * 预览态模式下渲染的内容
          * @param {any} value 根据包裹的组件的 value 类型而决定
          */
-        renderPreview: PropTypes.func,
-    };
+    renderPreview: PropTypes.func,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        hasFeedback: false,
-        labelWidth: 100,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    hasFeedback: false,
+    labelWidth: 100,
+  };
 
-    static contextTypes = {
-        _formField: PropTypes.object,
-        _formSize: PropTypes.oneOf(['large', 'small', 'medium']),
-        _formPreview: PropTypes.bool,
-        _formFullWidth: PropTypes.bool,
-    };
+  static contextTypes = {
+    _formField: PropTypes.object,
+    _formSize: PropTypes.oneOf(['large', 'small', 'medium']),
+    _formPreview: PropTypes.bool,
+    _formFullWidth: PropTypes.bool,
+  };
 
-    static _typeMark = 'form_item';
+  static _typeMark = 'form_item';
 
-    /**
+  /**
      * 从子元素里面提取表单组件
      */
-    getNames() {
-        const children = React.Children.toArray(this.props.children);
-        return children
-            .filter(c => {
-                return c.props && ('name' in c.props || 'data-meta' in c.props);
-            })
-            .map(c => {
-                return c.props.name || c.props.id;
-            });
+  getNames() {
+    const children = React.Children.toArray(this.props.children);
+    return children
+      .filter(c => {
+        return c.props && ('name' in c.props || 'data-meta' in c.props);
+      })
+      .map(c => {
+        return c.props.name || c.props.id;
+      });
+  }
+
+  getHelper() {
+    const { help } = this.props;
+    const { _formField } = this.context;
+
+    return (
+      <Error
+        name={help === undefined ? this.getNames() : undefined}
+        field={_formField}
+      >
+        {help}
+      </Error>
+    );
+  }
+
+  getState() {
+    const { validateState } = this.props;
+    if (validateState) {
+      return validateState;
     }
 
-    getHelper() {
-        const help = this.props.help;
-        const _formField = this.context._formField;
+    if (this.context._formField) {
+      const { getState } = this.context._formField;
+      const names = this.getNames();
+      if (!names.length) {
+        return '';
+      }
 
-        return (
-            <Error
-                name={help === undefined ? this.getNames() : undefined}
-                field={_formField}
-            >
-                {help}
-            </Error>
-        );
+      // get first name
+      return getState(names[0]);
     }
 
-    getState() {
-        const { validateState } = this.props;
-        if (validateState) {
-            return validateState;
-        }
+    return undefined;
+  }
 
-        if (this.context._formField) {
-            const { getState } = this.context._formField;
-            const names = this.getNames();
-            if (!names.length) {
-                return '';
-            }
+  getSize() {
+    return this.props.size || this.context._formSize;
+  }
 
-            // get first name
-            return getState(names[0]);
-        }
+  getIsPreview() {
+    return 'isPreview' in this.props
+      ? this.props.isPreview
+      : this.context._formPreview;
+  }
 
-        return undefined;
+  getFullWidth() {
+    return isNil(this.props.fullWidth)
+      ? !!this.context._formFullWidth
+      : this.props.fullWidth;
+  }
+
+  getItemLabel() {
+    const {
+      id,
+      required,
+      asterisk = required,
+      label,
+      labelCol,
+      wrapperCol,
+      prefix,
+      responsive,
+      labelWidth,
+      labelTextAlign,
+    } = this.props;
+
+    const labelAlign = this.getLabelAlign(
+      this.props.labelAlign,
+      this.props.device,
+    );
+
+    if (!label) {
+      return null;
     }
 
-    getSize() {
-        return this.props.size || this.context._formSize;
+    const ele = (
+      <label
+        htmlFor={id || this.getNames()[0]}
+        required={asterisk}
+        key="label"
+      >
+        {label}
+      </label>
+    );
+
+    const cls = classNames({
+      [`${prefix}form-item-label`]: true,
+      [`${prefix}left`]: labelTextAlign === 'left',
+    });
+
+    if (responsive && labelWidth && labelAlign !== 'top') {
+      return (
+        <div className={cls} style={{ width: labelWidth }}>
+          {ele}
+        </div>
+      );
     }
 
-    getIsPreview() {
-        return 'isPreview' in this.props
-            ? this.props.isPreview
-            : this.context._formPreview;
+    if ((wrapperCol || labelCol) && labelAlign !== 'top') {
+      return (
+        <Col {...labelCol} className={cls}>
+          {ele}
+        </Col>
+      );
     }
 
-    getFullWidth() {
-        return isNil(this.props.fullWidth)
-            ? !!this.context._formFullWidth
-            : this.props.fullWidth;
+    return <div className={cls}>{ele}</div>;
+  }
+
+  getItemWrapper() {
+    const {
+      hasFeedback,
+      labelCol,
+      wrapperCol,
+      children,
+      extra,
+      prefix,
+      renderPreview,
+    } = this.props;
+
+    const labelAlign = this.getLabelAlign(
+      this.props.labelAlign,
+      this.props.device,
+    );
+
+    const state = this.getState();
+
+    const isPreview = this.getIsPreview();
+    const childrenProps = {
+      size: this.getSize(),
+    };
+
+    if (isPreview) {
+      childrenProps.isPreview = true;
     }
 
-    getItemLabel() {
-        const {
-            id,
-            required,
-            asterisk = required,
-            label,
-            labelCol,
-            wrapperCol,
-            prefix,
-            responsive,
-            labelWidth,
-            labelTextAlign,
-        } = this.props;
-
-        const labelAlign = this.getLabelAlign(
-            this.props.labelAlign,
-            this.props.device
-        );
-
-        if (!label) {
-            return null;
-        }
-
-        const ele = (
-            <label
-                htmlFor={id || this.getNames()[0]}
-                required={asterisk}
-                key="label"
-            >
-                {label}
-            </label>
-        );
-
-        const cls = classNames({
-            [`${prefix}form-item-label`]: true,
-            [`${prefix}left`]: labelTextAlign === 'left',
-        });
-
-        if (responsive && labelWidth && labelAlign !== 'top') {
-            return (
-                <div className={cls} style={{ width: labelWidth }}>
-                    {ele}
-                </div>
-            );
-        }
-
-        if ((wrapperCol || labelCol) && labelAlign !== 'top') {
-            return (
-                <Col {...labelCol} className={cls}>
-                    {ele}
-                </Col>
-            );
-        }
-
-        return <div className={cls}>{ele}</div>;
-    }
-
-    getItemWrapper() {
-        const {
-            hasFeedback,
-            labelCol,
-            wrapperCol,
-            children,
-            extra,
-            prefix,
-            renderPreview,
-        } = this.props;
-
-        const labelAlign = this.getLabelAlign(
-            this.props.labelAlign,
-            this.props.device
-        );
-
-        const state = this.getState();
-
-        const isPreview = this.getIsPreview();
-        const childrenProps = {
-            size: this.getSize(),
-        };
-
-        if (isPreview) {
-            childrenProps.isPreview = true;
-        }
-
-        if (
-            'renderPreview' in this.props &&
+    if (
+      'renderPreview' in this.props &&
             typeof renderPreview === 'function'
-        ) {
-            childrenProps.renderPreview = renderPreview;
-        }
+    ) {
+      childrenProps.renderPreview = renderPreview;
+    }
 
-        if (state && (state === 'error' || hasFeedback)) {
-            childrenProps.state = state;
-        }
+    if (state && (state === 'error' || hasFeedback)) {
+      childrenProps.state = state;
+    }
 
-        if (labelAlign === 'inset') {
-            childrenProps.label = this.getItemLabel();
-        }
+    if (labelAlign === 'inset') {
+      childrenProps.label = this.getItemLabel();
+    }
 
-        let childrenNode = children;
-        if (typeof children === 'function' && this.context._formField) {
-            childrenNode = children(this.context._formField.getValues());
-        }
+    let childrenNode = children;
+    if (typeof children === 'function' && this.context._formField) {
+      childrenNode = children(this.context._formField.getValues());
+    }
 
-        const ele = React.Children.map(childrenNode, child => {
-            if (
-                child &&
+    const ele = React.Children.map(childrenNode, child => {
+      if (
+        child &&
                 typeof child.type === 'function' &&
                 child.type._typeMark !== 'form_item' &&
                 child.type._typeMark !== 'form_error'
-            ) {
-                let extraProps = childrenProps;
-                if (
-                    this.context._formField &&
+      ) {
+        let extraProps = childrenProps;
+        if (
+          this.context._formField &&
                     'name' in child.props &&
                     !('data-meta' in child.props)
-                ) {
-                    extraProps = this.context._formField.init(
-                        child.props.name,
-                        {
-                            ...getFieldInitCfg(
-                                this.props,
-                                child.type.displayName
-                            ),
-                            props: { ...child.props, ref: child.ref },
-                        },
-                        childrenProps
-                    );
-                } else {
-                    extraProps = Object.assign({}, child.props, extraProps);
-                }
-
-                return React.cloneElement(child, extraProps);
-            }
-
-            return child;
-        });
-
-        const help = this.getHelper();
-
-        if ((wrapperCol || labelCol) && labelAlign !== 'top') {
-            return (
-                <Col
-                    {...wrapperCol}
-                    className={`${prefix}form-item-control`}
-                    key="item"
-                >
-                    {ele} {help} {extra}
-                </Col>
-            );
+        ) {
+          extraProps = this.context._formField.init(
+            child.props.name,
+            {
+              ...getFieldInitCfg(
+                this.props,
+                child.type.displayName,
+              ),
+              props: { ...child.props, ref: child.ref },
+            },
+            childrenProps,
+          );
+        } else {
+          extraProps = Object.assign({}, child.props, extraProps);
         }
 
-        return (
-            <div className={`${prefix}form-item-control`}>
-                {ele} {help} {extra}
-            </div>
-        );
+        return React.cloneElement(child, extraProps);
+      }
+
+      return child;
+    });
+
+    const help = this.getHelper();
+
+    if ((wrapperCol || labelCol) && labelAlign !== 'top') {
+      return (
+        <Col
+          {...wrapperCol}
+          className={`${prefix}form-item-control`}
+          key="item"
+        >
+          {ele} {help} {extra}
+        </Col>
+      );
     }
 
-    getLabelAlign(labelAlign, device) {
-        if (device === 'phone') {
-            return 'top';
-        }
+    return (
+      <div className={`${prefix}form-item-control`}>
+        {ele} {help} {extra}
+      </div>
+    );
+  }
 
-        return labelAlign;
+  getLabelAlign(labelAlign, device) {
+    if (device === 'phone') {
+      return 'top';
     }
 
-    render() {
-        const {
-            className,
-            style,
-            prefix,
-            wrapperCol,
-            labelCol,
-            responsive,
-        } = this.props;
+    return labelAlign;
+  }
 
-        const labelAlign = this.getLabelAlign(
-            this.props.labelAlign,
-            this.props.device
-        );
+  render() {
+    const {
+      className,
+      style,
+      prefix,
+      wrapperCol,
+      labelCol,
+      responsive,
+    } = this.props;
 
-        const state = this.getState();
-        const size = this.getSize();
-        const fullWidth = this.getFullWidth();
+    const labelAlign = this.getLabelAlign(
+      this.props.labelAlign,
+      this.props.device,
+    );
 
-        const itemClassName = classNames({
-            [`${prefix}form-item`]: true,
-            [`${prefix}${labelAlign}`]: labelAlign,
-            [`has-${state}`]: !!state,
-            [`${prefix}${size}`]: !!size,
-            [`${prefix}form-item-fullwidth`]: fullWidth,
-            [`${className}`]: !!className,
-        });
+    const state = this.getState();
+    const size = this.getSize();
+    const fullWidth = this.getFullWidth();
 
-        // 垂直模式并且左对齐才用到
-        const Tag = responsive
-            ? Cell
-            : (wrapperCol || labelCol) && labelAlign !== 'top'
-            ? Row
-            : 'div';
-        const label = labelAlign === 'inset' ? null : this.getItemLabel();
+    const itemClassName = classNames({
+      [`${prefix}form-item`]: true,
+      [`${prefix}${labelAlign}`]: labelAlign,
+      [`has-${state}`]: !!state,
+      [`${prefix}${size}`]: !!size,
+      [`${prefix}form-item-fullwidth`]: fullWidth,
+      [`${className}`]: !!className,
+    });
 
-        return (
-            <Tag
-                {...obj.pickOthers(Item.propTypes, this.props)}
-                className={itemClassName}
-                style={style}
-            >
-                {label}
-                {this.getItemWrapper()}
-            </Tag>
-        );
-    }
+    // 垂直模式并且左对齐才用到
+    const Tag = responsive
+      ? Cell
+      : (wrapperCol || labelCol) && labelAlign !== 'top'
+        ? Row
+        : 'div';
+    const label = labelAlign === 'inset' ? null : this.getItemLabel();
+
+    return (
+      <Tag
+        {...obj.pickOthers(Item.propTypes, this.props)}
+        className={itemClassName}
+        style={style}
+      >
+        {label}
+        {this.getItemWrapper()}
+      </Tag>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/form/reset.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/form/reset.jsx
index 7dbc5affd..1fb30cbcd 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/form/reset.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/form/reset.jsx
@@ -9,64 +9,64 @@ import { func, obj } from '../util';
  * @order 3
  */
 class Reset extends React.Component {
-    static propTypes = {
-        /**
+  static propTypes = {
+    /**
          * 自定义重置的字段
          */
-        names: PropTypes.array,
-        /**
+    names: PropTypes.array,
+    /**
          * 点击提交后触发
          */
-        onClick: PropTypes.func,
-        /**
+    onClick: PropTypes.func,
+    /**
          * 返回默认值
          */
-        toDefault: PropTypes.bool,
-        /**
+    toDefault: PropTypes.bool,
+    /**
          * 自定义 field (在 Form 内不需要设置)
          */
-        field: PropTypes.object,
-        children: PropTypes.node,
-    };
+    field: PropTypes.object,
+    children: PropTypes.node,
+  };
 
-    static defaultProps = {
-        onClick: func.noop,
-    };
+  static defaultProps = {
+    onClick: func.noop,
+  };
 
-    static contextTypes = {
-        _formField: PropTypes.object,
-    };
+  static contextTypes = {
+    _formField: PropTypes.object,
+  };
 
-    handleClick = () => {
-        const { names, toDefault, onClick } = this.props;
-        const field = this.context._formField || this.props.field;
+  handleClick = () => {
+    const { names, toDefault, onClick } = this.props;
+    const field = this.context._formField || this.props.field;
 
-        if (!field) {
-            onClick();
-            return;
-        }
-
-        if (toDefault) {
-            field.resetToDefault(names);
-        } else {
-            field.reset(names);
-        }
-
-        onClick();
-    };
-
-    render() {
-        const { children } = this.props;
-
-        return (
-            <Button
-                {...obj.pickOthers(Reset.propTypes, this.props)}
-                onClick={this.handleClick}
-            >
-                {children}
-            </Button>
-        );
+    if (!field) {
+      onClick();
+      return;
     }
+
+    if (toDefault) {
+      field.resetToDefault(names);
+    } else {
+      field.reset(names);
+    }
+
+    onClick();
+  };
+
+  render() {
+    const { children } = this.props;
+
+    return (
+      <Button
+        {...obj.pickOthers(Reset.propTypes, this.props)}
+        onClick={this.handleClick}
+      >
+        {children}
+      </Button>
+    );
+  }
 }
 
 export default Reset;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/form/submit.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/form/submit.jsx
index 152fe35b4..7bf6a1f60 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/form/submit.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/form/submit.jsx
@@ -9,67 +9,67 @@ import { func, obj } from '../util';
  * @order 2
  */
 class Submit extends React.Component {
-    static propTypes = {
-        /**
+  static propTypes = {
+    /**
          * 点击提交后触发
          * @param {Object} value 数据
          * @param {Object} errors 错误数据
          * @param {class} field 实例
          */
-        onClick: PropTypes.func,
-        /**
+    onClick: PropTypes.func,
+    /**
          * 是否校验/需要校验的 name 数组
          */
-        validate: PropTypes.oneOfType([PropTypes.bool, PropTypes.array]),
-        /**
+    validate: PropTypes.oneOfType([PropTypes.bool, PropTypes.array]),
+    /**
          * 自定义 field (在 Form 内不需要设置)
          */
-        field: PropTypes.object,
-        children: PropTypes.node,
-    };
+    field: PropTypes.object,
+    children: PropTypes.node,
+  };
 
-    static defaultProps = {
-        onClick: func.noop,
-    };
+  static defaultProps = {
+    onClick: func.noop,
+  };
 
-    static contextTypes = {
-        _formField: PropTypes.object,
-    };
+  static contextTypes = {
+    _formField: PropTypes.object,
+  };
 
-    handleClick = () => {
-        const { onClick, validate } = this.props;
-        const field = this.context._formField || this.props.field;
+  handleClick = () => {
+    const { onClick, validate } = this.props;
+    const field = this.context._formField || this.props.field;
 
-        if (!field) {
-            onClick();
-            return;
-        }
-
-        if (validate === true) {
-            field.validate(errors => {
-                onClick(field.getValues(), errors, field);
-            });
-        } else if (Array.isArray(validate)) {
-            field.validate(validate, errors => {
-                onClick(field.getValues(), errors, field);
-            });
-        } else {
-            onClick(field.getValues(), null, field);
-        }
-    };
-
-    render() {
-        const { children } = this.props;
-
-        return (
-            <Button
-                {...obj.pickOthers(Submit.propTypes, this.props)}
-                onClick={this.handleClick}
-            >
-                {children}
-            </Button>
-        );
+    if (!field) {
+      onClick();
+      return;
     }
+
+    if (validate === true) {
+      field.validate(errors => {
+        onClick(field.getValues(), errors, field);
+      });
+    } else if (Array.isArray(validate)) {
+      field.validate(validate, errors => {
+        onClick(field.getValues(), errors, field);
+      });
+    } else {
+      onClick(field.getValues(), null, field);
+    }
+  };
+
+  render() {
+    const { children } = this.props;
+
+    return (
+      <Button
+        {...obj.pickOthers(Submit.propTypes, this.props)}
+        onClick={this.handleClick}
+      >
+        {children}
+      </Button>
+    );
+  }
 }
 
 export default Submit;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/grid/col.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/grid/col.jsx
index 4d2f7e811..eb791c148 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/grid/col.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/grid/col.jsx
@@ -9,185 +9,185 @@ const breakPoints = ['xxs', 'xs', 's', 'm', 'l', 'xl'];
  * @order 2
  */
 export default class Col extends Component {
-    static isNextCol = true;
+  static isNextCol = true;
 
-    static propTypes = {
-        prefix: PropTypes.string,
-        pure: PropTypes.bool,
-        rtl: PropTypes.bool,
-        className: PropTypes.string,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    pure: PropTypes.bool,
+    rtl: PropTypes.bool,
+    className: PropTypes.string,
+    /**
          * 列内容
          */
-        children: PropTypes.node,
-        /**
+    children: PropTypes.node,
+    /**
          * 列宽度<br><br>**可选值**:<br>1, 2, 3, ..., 22, 23, 24
          */
-        span: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-        /**
+    span: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    /**
          * 固定列宽度，宽度值为20 * 栅格数<br><br>**可选值**:<br>1, 2, 3, ..., 28, 29, 30
          */
-        fixedSpan: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-        /**
+    fixedSpan: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    /**
          * （不支持IE9浏览器）列偏移<br><br>**可选值**:<br>1, 2, 3, ..., 22, 23, 24
          */
-        offset: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-        /**
+    offset: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    /**
          * （不支持IE9浏览器）固定列偏移，宽度值为20 * 栅格数<br><br>**可选值**:<br>1, 2, 3, ..., 28, 29, 30
          */
-        fixedOffset: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-        /**
+    fixedOffset: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    /**
          * （不支持IE9浏览器）多列垂直方向对齐方式，可覆盖Row的align属性
          */
-        align: PropTypes.oneOf([
-            'top',
-            'center',
-            'bottom',
-            'baseline',
-            'stretch',
-        ]),
-        /**
+    align: PropTypes.oneOf([
+      'top',
+      'center',
+      'bottom',
+      'baseline',
+      'stretch',
+    ]),
+    /**
          * 列在不同断点下的显示与隐藏<br><br>**可选值**:<br>true(在所有断点下隐藏)<br>false(在所有断点下显示)<br>'xs'(在 xs 断点下隐藏）<br>['xxs', 'xs', 's', 'm', 'l', 'xl'](在 xxs, xs, s, m, l, xl 断点下隐藏）
          */
-        hidden: PropTypes.oneOfType([
-            PropTypes.bool,
-            PropTypes.string,
-            PropTypes.array,
-        ]),
-        /**
+    hidden: PropTypes.oneOfType([
+      PropTypes.bool,
+      PropTypes.string,
+      PropTypes.array,
+    ]),
+    /**
          * >=320px，响应式栅格，可为栅格数（span）或一个包含栅格数（span）和偏移栅格数（offset）对象
          */
-        xxs: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.number,
-            PropTypes.object,
-        ]),
-        /**
+    xxs: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.number,
+      PropTypes.object,
+    ]),
+    /**
          * >=480px，响应式栅格，可为栅格数（span）或一个包含栅格数（span）和偏移栅格数（offset）对象
          */
-        xs: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.number,
-            PropTypes.object,
-        ]),
-        /**
+    xs: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.number,
+      PropTypes.object,
+    ]),
+    /**
          * >=720px，响应式栅格，可为栅格数（span）或一个包含栅格数（span）和偏移栅格数（offset）对象
          */
-        s: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.number,
-            PropTypes.object,
-        ]),
-        /**
+    s: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.number,
+      PropTypes.object,
+    ]),
+    /**
          * >=990px，响应式栅格，可为栅格数（span）或一个包含栅格数（span）和偏移栅格数（offset）对象
          */
-        m: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.number,
-            PropTypes.object,
-        ]),
-        /**
+    m: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.number,
+      PropTypes.object,
+    ]),
+    /**
          * >=1200px，响应式栅格，可为栅格数（span）或一个包含栅格数（span）和偏移栅格数（offset）对象
          */
-        l: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.number,
-            PropTypes.object,
-        ]),
-        /**
+    l: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.number,
+      PropTypes.object,
+    ]),
+    /**
          * >=1500px，响应式栅格，可为栅格数（span）或一个包含栅格数（span）和偏移栅格数（offset）对象
          */
-        xl: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.number,
-            PropTypes.object,
-        ]),
-        /**
+    xl: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.number,
+      PropTypes.object,
+    ]),
+    /**
          * 指定以何种元素渲染该节点，默认为 'div'
          */
-        component: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
-    };
+    component: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        pure: false,
-        component: 'div',
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    pure: false,
+    component: 'div',
+  };
 
-    render() {
-        /* eslint-disable no-unused-vars */
-        const {
-            prefix,
-            pure,
-            span,
-            offset,
-            fixedSpan,
-            fixedOffset,
-            hidden,
-            align,
-            xxs,
-            xs,
-            s,
-            m,
-            l,
-            xl,
-            component: Tag,
-            className,
-            children,
-            rtl,
-            ...others
-        } = this.props;
-        /* eslint-enable no-unused-vars */
+  render() {
+    /* eslint-disable no-unused-vars */
+    const {
+      prefix,
+      pure,
+      span,
+      offset,
+      fixedSpan,
+      fixedOffset,
+      hidden,
+      align,
+      xxs,
+      xs,
+      s,
+      m,
+      l,
+      xl,
+      component: Tag,
+      className,
+      children,
+      rtl,
+      ...others
+    } = this.props;
+    /* eslint-enable no-unused-vars */
 
-        const pointClassObj = breakPoints.reduce((ret, point) => {
-            let pointProps = {};
-            if (typeof this.props[point] === 'object') {
-                pointProps = this.props[point];
-            } else {
-                pointProps.span = this.props[point];
-            }
+    const pointClassObj = breakPoints.reduce((ret, point) => {
+      let pointProps = {};
+      if (typeof this.props[point] === 'object') {
+        pointProps = this.props[point];
+      } else {
+        pointProps.span = this.props[point];
+      }
 
-            ret[`${prefix}col-${point}-${pointProps.span}`] = !!pointProps.span;
-            ret[
-                `${prefix}col-${point}-offset-${pointProps.offset}`
-            ] = !!pointProps.offset;
+      ret[`${prefix}col-${point}-${pointProps.span}`] = !!pointProps.span;
+      ret[
+        `${prefix}col-${point}-offset-${pointProps.offset}`
+      ] = !!pointProps.offset;
 
-            return ret;
-        }, {});
+      return ret;
+    }, {});
 
-        let hiddenClassObj;
-        if (hidden === true) {
-            hiddenClassObj = { [`${prefix}col-hidden`]: true };
-        } else if (typeof hidden === 'string') {
-            hiddenClassObj = { [`${prefix}col-${hidden}-hidden`]: !!hidden };
-        } else if (Array.isArray(hidden)) {
-            hiddenClassObj = hidden.reduce((ret, point) => {
-                ret[`${prefix}col-${point}-hidden`] = !!point;
-                return ret;
-            }, {});
-        }
-
-        const classes = cx({
-            [`${prefix}col`]: true,
-            [`${prefix}col-${span}`]: !!span,
-            [`${prefix}col-fixed-${fixedSpan}`]: !!fixedSpan,
-            [`${prefix}col-offset-${offset}`]: !!offset,
-            [`${prefix}col-offset-fixed-${fixedOffset}`]: !!fixedOffset,
-            [`${prefix}col-${align}`]: !!align,
-            ...pointClassObj,
-            ...hiddenClassObj,
-            [className]: className,
-        });
-
-        return (
-            <Tag
-                dir={rtl ? 'rtl' : 'ltr'}
-                role="gridcell"
-                className={classes}
-                {...others}
-            >
-                {children}
-            </Tag>
-        );
+    let hiddenClassObj;
+    if (hidden === true) {
+      hiddenClassObj = { [`${prefix}col-hidden`]: true };
+    } else if (typeof hidden === 'string') {
+      hiddenClassObj = { [`${prefix}col-${hidden}-hidden`]: !!hidden };
+    } else if (Array.isArray(hidden)) {
+      hiddenClassObj = hidden.reduce((ret, point) => {
+        ret[`${prefix}col-${point}-hidden`] = !!point;
+        return ret;
+      }, {});
     }
+
+    const classes = cx({
+      [`${prefix}col`]: true,
+      [`${prefix}col-${span}`]: !!span,
+      [`${prefix}col-fixed-${fixedSpan}`]: !!fixedSpan,
+      [`${prefix}col-offset-${offset}`]: !!offset,
+      [`${prefix}col-offset-fixed-${fixedOffset}`]: !!fixedOffset,
+      [`${prefix}col-${align}`]: !!align,
+      ...pointClassObj,
+      ...hiddenClassObj,
+      [className]: className,
+    });
+
+    return (
+      <Tag
+        dir={rtl ? 'rtl' : 'ltr'}
+        role="gridcell"
+        className={classes}
+        {...others}
+      >
+        {children}
+      </Tag>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/grid/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/grid/index.jsx
index 9ffc8fa8a..2d507c778 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/grid/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/grid/index.jsx
@@ -3,28 +3,28 @@ import Row from './row';
 import Col from './col';
 
 const Grid = {
-    Row: ConfigProvider.config(Row, {
-        transform: /* istanbul ignore next */ (props, deprecated) => {
-            if ('type' in props) {
-                deprecated('type', 'fixed | wrap | gutter', 'Row');
+  Row: ConfigProvider.config(Row, {
+    transform: /* istanbul ignore next */ (props, deprecated) => {
+      if ('type' in props) {
+        deprecated('type', 'fixed | wrap | gutter', 'Row');
 
-                const { type, ...others } = props;
-                const types = Array.isArray(type) ? type : [type];
-                let fixed;
-                if (types.indexOf('fixed') > -1) {
-                    fixed = true;
-                }
-                let wrap;
-                if (types.indexOf('wrap') > -1) {
-                    wrap = true;
-                }
-                props = { fixed, wrap, ...others };
-            }
+        const { type, ...others } = props;
+        const types = Array.isArray(type) ? type : [type];
+        let fixed;
+        if (types.indexOf('fixed') > -1) {
+          fixed = true;
+        }
+        let wrap;
+        if (types.indexOf('wrap') > -1) {
+          wrap = true;
+        }
+        props = { fixed, wrap, ...others };
+      }
 
-            return props;
-        },
-    }),
-    Col: ConfigProvider.config(Col),
+      return props;
+    },
+  }),
+  Col: ConfigProvider.config(Col),
 };
 
 export default Grid;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/grid/row.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/grid/row.jsx
index c4e455a1b..e931dc54b 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/grid/row.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/grid/row.jsx
@@ -7,161 +7,161 @@ import cx from 'classnames';
  * @order 1
  */
 export default class Row extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        pure: PropTypes.bool,
-        rtl: PropTypes.bool,
-        className: PropTypes.string,
-        style: PropTypes.object,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    pure: PropTypes.bool,
+    rtl: PropTypes.bool,
+    className: PropTypes.string,
+    style: PropTypes.object,
+    /**
          * 行内容
          */
-        children: PropTypes.node,
-        /**
+    children: PropTypes.node,
+    /**
          * 列间隔
          */
-        gutter: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-        /**
+    gutter: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    /**
          * 列在行中宽度溢出后是否换行
          */
-        wrap: PropTypes.bool,
-        /**
+    wrap: PropTypes.bool,
+    /**
          * 行在某一断点下宽度是否保持不变（默认行宽度随视口变化而变化）
          */
-        fixed: PropTypes.bool,
-        /**
+    fixed: PropTypes.bool,
+    /**
          * 固定行的宽度为某一断点的宽度，不受视口影响而变动
          * @enumdesc 320px, 480px, 720px, 990px, 1200px, 1500px
          */
-        fixedWidth: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl']),
-        /**
+    fixedWidth: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl']),
+    /**
          * （不支持IE9浏览器）多列垂直方向对齐方式
          * @enumdesc 顶部对齐, 居中对齐, 底部对齐, 按第一行文字基线对齐, 未设置高度或设为 auto，将占满整个容器的高度
          */
-        align: PropTypes.oneOf([
-            'top',
-            'center',
-            'bottom',
-            'baseline',
-            'stretch',
-        ]),
-        /**
+    align: PropTypes.oneOf([
+      'top',
+      'center',
+      'bottom',
+      'baseline',
+      'stretch',
+    ]),
+    /**
          * （不支持IE9浏览器）行内具有多余空间时的布局方式
          * @enumdesc 左对齐, 居中对齐, 右对齐, 两端对齐，列之间间距相等, 每列具有相同的左右间距，行两端间距是列间距的二分之一
          */
-        justify: PropTypes.oneOf([
-            'start',
-            'center',
-            'end',
-            'space-between',
-            'space-around',
-        ]),
-        /**
+    justify: PropTypes.oneOf([
+      'start',
+      'center',
+      'end',
+      'space-between',
+      'space-around',
+    ]),
+    /**
          * 行在不同断点下的显示与隐藏<br><br>**可选值**:<br>true(在所有断点下隐藏)<br>false(在所有断点下显示)<br>'xs'(在 xs 断点下隐藏）<br>['xxs', 'xs', 's', 'm', 'l', 'xl'](在 xxs, xs, s, m, l, xl 断点下隐藏）
          */
-        hidden: PropTypes.oneOfType([
-            PropTypes.bool,
-            PropTypes.string,
-            PropTypes.array,
-        ]),
-        /**
+    hidden: PropTypes.oneOfType([
+      PropTypes.bool,
+      PropTypes.string,
+      PropTypes.array,
+    ]),
+    /**
          * 指定以何种元素渲染该节点
          * - 默认为 'div'
          */
-        component: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
-    };
+    component: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        pure: false,
-        fixed: false,
-        gutter: 0,
-        wrap: false,
-        component: 'div',
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    pure: false,
+    fixed: false,
+    gutter: 0,
+    wrap: false,
+    component: 'div',
+  };
 
-    render() {
-        /* eslint-disable no-unused-vars */
-        const {
-            prefix,
-            pure,
-            wrap,
-            fixed,
-            gutter,
-            fixedWidth,
-            align,
-            justify,
-            hidden,
-            className,
-            component: Tag,
-            children,
-            rtl,
-            ...others
-        } = this.props;
-        /* eslint-enable no-unused-vars */
+  render() {
+    /* eslint-disable no-unused-vars */
+    const {
+      prefix,
+      pure,
+      wrap,
+      fixed,
+      gutter,
+      fixedWidth,
+      align,
+      justify,
+      hidden,
+      className,
+      component: Tag,
+      children,
+      rtl,
+      ...others
+    } = this.props;
+    /* eslint-enable no-unused-vars */
 
-        let hiddenClassObj;
-        if (hidden === true) {
-            hiddenClassObj = { [`${prefix}row-hidden`]: true };
-        } else if (typeof hidden === 'string') {
-            hiddenClassObj = { [`${prefix}row-${hidden}-hidden`]: !!hidden };
-        } else if (Array.isArray(hidden)) {
-            hiddenClassObj = hidden.reduce((ret, point) => {
-                ret[`${prefix}row-${point}-hidden`] = !!point;
-                return ret;
-            }, {});
-        }
+    let hiddenClassObj;
+    if (hidden === true) {
+      hiddenClassObj = { [`${prefix}row-hidden`]: true };
+    } else if (typeof hidden === 'string') {
+      hiddenClassObj = { [`${prefix}row-${hidden}-hidden`]: !!hidden };
+    } else if (Array.isArray(hidden)) {
+      hiddenClassObj = hidden.reduce((ret, point) => {
+        ret[`${prefix}row-${point}-hidden`] = !!point;
+        return ret;
+      }, {});
+    }
 
-        const newClassName = cx({
-            [`${prefix}row`]: true,
-            [`${prefix}row-wrap`]: wrap,
-            [`${prefix}row-fixed`]: fixed,
-            [`${prefix}row-fixed-${fixedWidth}`]: !!fixedWidth,
-            [`${prefix}row-justify-${justify}`]: !!justify,
-            [`${prefix}row-align-${align}`]: !!align,
-            ...hiddenClassObj,
-            [className]: !!className,
-        });
+    const newClassName = cx({
+      [`${prefix}row`]: true,
+      [`${prefix}row-wrap`]: wrap,
+      [`${prefix}row-fixed`]: fixed,
+      [`${prefix}row-fixed-${fixedWidth}`]: !!fixedWidth,
+      [`${prefix}row-justify-${justify}`]: !!justify,
+      [`${prefix}row-align-${align}`]: !!align,
+      ...hiddenClassObj,
+      [className]: !!className,
+    });
 
-        let newChildren = children;
-        const gutterNumber = parseInt(gutter, 10);
-        if (gutterNumber !== 0) {
-            const halfGutterString = `${gutterNumber / 2}px`;
-            others.style = {
-                marginLeft: `-${halfGutterString}`,
-                marginRight: `-${halfGutterString}`,
-                ...(others.style || {}),
-            };
-            newChildren = Children.map(children, child => {
-                if (
-                    child &&
+    let newChildren = children;
+    const gutterNumber = parseInt(gutter, 10);
+    if (gutterNumber !== 0) {
+      const halfGutterString = `${gutterNumber / 2}px`;
+      others.style = {
+        marginLeft: `-${halfGutterString}`,
+        marginRight: `-${halfGutterString}`,
+        ...(others.style || {}),
+      };
+      newChildren = Children.map(children, child => {
+        if (
+          child &&
                     child.type &&
                     typeof child.type === 'function' &&
                     child.type.isNextCol
-                ) {
-                    const newChild = cloneElement(child, {
-                        style: {
-                            paddingLeft: halfGutterString,
-                            paddingRight: halfGutterString,
-                            ...(child.style || {}),
-                        },
-                    });
-                    return newChild;
-                }
-
-                return child;
-            });
+        ) {
+          const newChild = cloneElement(child, {
+            style: {
+              paddingLeft: halfGutterString,
+              paddingRight: halfGutterString,
+              ...(child.style || {}),
+            },
+          });
+          return newChild;
         }
 
-        return (
-            <Tag
-                dir={rtl ? 'rtl' : 'ltr'}
-                role="row"
-                className={newClassName}
-                {...others}
-            >
-                {newChildren}
-            </Tag>
-        );
+        return child;
+      });
     }
+
+    return (
+      <Tag
+        dir={rtl ? 'rtl' : 'ltr'}
+        role="row"
+        className={newClassName}
+        {...others}
+      >
+        {newChildren}
+      </Tag>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/icon/icon-font.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/icon/icon-font.jsx
index 35457635d..d6f827dc2 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/icon/icon-font.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/icon/icon-font.jsx
@@ -6,70 +6,70 @@ import Icon from './index';
 const customCache = new Set();
 
 export default function createFromIconfontCN(options = {}) {
-    const { scriptUrl, extraCommonProps = {} } = options;
+  const { scriptUrl, extraCommonProps = {} } = options;
 
-    /**
+  /**
      * DOM API required.
      * Make sure in browser environment.
      * The Custom Icon will create a <script/>
      * that loads SVG symbols and insert the SVG Element into the document body.
      */
-    if (
-        typeof document !== 'undefined' &&
+  if (
+    typeof document !== 'undefined' &&
         typeof window !== 'undefined' &&
         typeof document.createElement === 'function' &&
         typeof scriptUrl === 'string' &&
         scriptUrl.length &&
         !customCache.has(scriptUrl)
-    ) {
-        const script = document.createElement('script');
-        script.setAttribute('src', scriptUrl);
-        script.setAttribute('data-namespace', scriptUrl);
-        customCache.add(scriptUrl);
-        document.body.appendChild(script);
+  ) {
+    const script = document.createElement('script');
+    script.setAttribute('src', scriptUrl);
+    script.setAttribute('data-namespace', scriptUrl);
+    customCache.add(scriptUrl);
+    document.body.appendChild(script);
+  }
+
+  const Iconfont = props => {
+    const {
+      type,
+      size,
+      children,
+      className,
+      prefix = 'next-',
+      ...others
+    } = props;
+
+    // component > children > type
+    let content = null;
+    if (props.type) {
+      content = <use xlinkHref={`#${type}`} />;
+    }
+    if (children) {
+      content = children;
     }
 
-    const Iconfont = props => {
-        const {
-            type,
-            size,
-            children,
-            className,
-            prefix = 'next-',
-            ...others
-        } = props;
+    const classes = cx(
+      {
+        [`${prefix}icon-remote`]: true,
+      },
+      className,
+    );
 
-        // component > children > type
-        let content = null;
-        if (props.type) {
-            content = <use xlinkHref={`#${type}`} />;
-        }
-        if (children) {
-            content = children;
-        }
+    return (
+      <Icon size={size}>
+        <svg
+          className={classes}
+          focusable={false}
+          {...others}
+          {...extraCommonProps}
+        >
+          {content}
+        </svg>
+      </Icon>
+    );
+  };
 
-        const classes = cx(
-            {
-                [`${prefix}icon-remote`]: true,
-            },
-            className
-        );
+  Iconfont.displayName = 'Iconfont';
 
-        return (
-            <Icon size={size}>
-                <svg
-                    className={classes}
-                    focusable={false}
-                    {...others}
-                    {...extraCommonProps}
-                >
-                    {content}
-                </svg>
-            </Icon>
-        );
-    };
-
-    Iconfont.displayName = 'Iconfont';
-
-    return ConfigProvider.config(Iconfont);
+  return ConfigProvider.config(Iconfont);
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/icon/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/icon/index.jsx
index 402b8ff6a..3951d3802 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/icon/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/icon/index.jsx
@@ -8,101 +8,101 @@ import { obj } from '../util';
  * Icon
  */
 class Icon extends Component {
-    static propTypes = {
-        ...ConfigProvider.propTypes,
-        /**
+  static propTypes = {
+    ...ConfigProvider.propTypes,
+    /**
          * 指定显示哪种图标
          */
-        type: PropTypes.string,
-        children: PropTypes.node,
-        /**
+    type: PropTypes.string,
+    children: PropTypes.node,
+    /**
          * 指定图标大小
          * <br/>**可选值**<br/> xxs, xs, small, medium, large, xl, xxl, xxxl, inherit
          */
-        size: PropTypes.oneOfType([
-            PropTypes.oneOf([
-                'xxs',
-                'xs',
-                'small',
-                'medium',
-                'large',
-                'xl',
-                'xxl',
-                'xxxl',
-                'inherit',
-            ]),
-            PropTypes.number,
-        ]),
-        className: PropTypes.string,
-        style: PropTypes.object,
-    };
+    size: PropTypes.oneOfType([
+      PropTypes.oneOf([
+        'xxs',
+        'xs',
+        'small',
+        'medium',
+        'large',
+        'xl',
+        'xxl',
+        'xxxl',
+        'inherit',
+      ]),
+      PropTypes.number,
+    ]),
+    className: PropTypes.string,
+    style: PropTypes.object,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        size: 'medium',
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    size: 'medium',
+  };
 
-    static _typeMark = 'icon';
+  static _typeMark = 'icon';
 
-    render() {
-        /* eslint-disable no-unused-vars*/
-        const {
-            prefix,
-            type,
-            size,
-            className,
-            rtl,
-            style,
-            children,
-        } = this.props;
-        const others = obj.pickOthers(
-            Object.assign({}, Icon.propTypes),
-            this.props
-        );
+  render() {
+    /* eslint-disable no-unused-vars */
+    const {
+      prefix,
+      type,
+      size,
+      className,
+      rtl,
+      style,
+      children,
+    } = this.props;
+    const others = obj.pickOthers(
+      Object.assign({}, Icon.propTypes),
+      this.props,
+    );
 
-        const classes = cx({
-            [`${prefix}icon`]: true,
-            [`${prefix}icon-${type}`]: !!type,
-            [`${prefix}${size}`]: !!size && typeof size === 'string',
-            [className]: !!className,
-        });
+    const classes = cx({
+      [`${prefix}icon`]: true,
+      [`${prefix}icon-${type}`]: !!type,
+      [`${prefix}${size}`]: !!size && typeof size === 'string',
+      [className]: !!className,
+    });
 
-        if (
-            rtl &&
+    if (
+      rtl &&
             [
-                'arrow-left',
-                'arrow-right',
-                'arrow-double-left',
-                'arrow-double-right',
-                'switch',
-                'sorting',
-                'descending',
-                'ascending',
+              'arrow-left',
+              'arrow-right',
+              'arrow-double-left',
+              'arrow-double-right',
+              'switch',
+              'sorting',
+              'descending',
+              'ascending',
             ].indexOf(type) !== -1
-        ) {
-            others.dir = 'rtl';
-        }
-
-        const sizeStyle =
-            typeof size === 'number'
-                ? {
-                      width: size,
-                      height: size,
-                      lineHeight: `${size}px`,
-                      fontSize: size,
-                  }
-                : {};
-
-        return (
-            <i
-                {...others}
-                style={{ ...sizeStyle, ...style }}
-                className={classes}
-            >
-                {children}
-            </i>
-        );
+    ) {
+      others.dir = 'rtl';
     }
+
+    const sizeStyle =
+            typeof size === 'number'
+              ? {
+                width: size,
+                height: size,
+                lineHeight: `${size}px`,
+                fontSize: size,
+              }
+              : {};
+
+    return (
+      <i
+        {...others}
+        style={{ ...sizeStyle, ...style }}
+        className={classes}
+      >
+        {children}
+      </i>
+    );
+  }
 }
 
 Icon.createFromIconfontCN = createFromIconfontCN;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/input/base.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/input/base.jsx
index a32a3f86a..9ffb0f313 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/input/base.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/input/base.jsx
@@ -8,293 +8,293 @@ import { func } from '../util';
 import zhCN from '../locale/zh-cn';
 
 class Base extends React.Component {
-    static propTypes = {
-        ...ConfigProvider.propTypes,
-        /**
+  static propTypes = {
+    ...ConfigProvider.propTypes,
+    /**
          * 当前值
          */
-        value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-        /**
+    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    /**
          * 初始化值
          */
-        defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-        /**
+    defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    /**
          * 发生改变的时候触发的回调
          * @param {String} value 数据
          * @param {Event} e DOM事件对象
          */
-        onChange: PropTypes.func,
-        /**
+    onChange: PropTypes.func,
+    /**
          * 键盘按下的时候触发的回调
          * @param {Event} e DOM事件对象
          * @param {Object} opts 可扩展的附加信息：<br> - opts.overMaxLength: {Boolean} 已超出最大长度<br> - opts.beTrimed: {Boolean} 输入的空格被清理
          */
-        onKeyDown: PropTypes.func,
-        /**
+    onKeyDown: PropTypes.func,
+    /**
          * 禁用状态
          */
-        disabled: PropTypes.bool,
-        /**
+    disabled: PropTypes.bool,
+    /**
          * 最大长度
          */
-        maxLength: PropTypes.number,
-        /**
+    maxLength: PropTypes.number,
+    /**
          * 是否展现最大长度样式
          */
-        hasLimitHint: PropTypes.bool,
-        /**
+    hasLimitHint: PropTypes.bool,
+    /**
          * 当设置了maxLength时，是否截断超出字符串
          */
-        cutString: PropTypes.bool,
-        /**
+    cutString: PropTypes.bool,
+    /**
          * 只读
          */
-        readOnly: PropTypes.bool,
-        /**
+    readOnly: PropTypes.bool,
+    /**
          * onChange返回会自动去除头尾空字符
          */
-        trim: PropTypes.bool,
-        /**
+    trim: PropTypes.bool,
+    /**
          * 输入提示
          */
-        placeholder: PropTypes.string,
-        /**
+    placeholder: PropTypes.string,
+    /**
          * 获取焦点时候触发的回调
          * @param {Event} e DOM事件对象
          */
-        onFocus: PropTypes.func,
-        /**
+    onFocus: PropTypes.func,
+    /**
          * 失去焦点时候触发的回调
          * @param {Event} e DOM事件对象
          */
-        onBlur: PropTypes.func,
-        /**
+    onBlur: PropTypes.func,
+    /**
          * 自定义字符串计算长度方式
          * @param {String} value 数据
          * @returns {Number} 自定义长度
          */
-        getValueLength: PropTypes.func,
-        inputStyle: PropTypes.object,
-        /**
+    getValueLength: PropTypes.func,
+    inputStyle: PropTypes.object,
+    /**
          * 自定义class
          */
-        className: PropTypes.string,
-        /**
+    className: PropTypes.string,
+    /**
          * 自定义内联样式
          */
-        style: PropTypes.object,
-        /**
+    style: PropTypes.object,
+    /**
          * 原生type
          */
-        htmlType: PropTypes.string,
-        /**
+    htmlType: PropTypes.string,
+    /**
          * name
          */
-        name: PropTypes.string,
-        rtl: PropTypes.bool,
-        state: PropTypes.oneOf(['error', 'loading', 'success', 'warning']),
-        locale: PropTypes.object,
-        /**
+    name: PropTypes.string,
+    rtl: PropTypes.bool,
+    state: PropTypes.oneOf(['error', 'loading', 'success', 'warning']),
+    locale: PropTypes.object,
+    /**
          * 是否为预览态
          */
-        isPreview: PropTypes.bool,
-        /**
+    isPreview: PropTypes.bool,
+    /**
          * 预览态模式下渲染的内容
          * @param {number} value 评分值
          */
-        renderPreview: PropTypes.func,
-    };
+    renderPreview: PropTypes.func,
+  };
 
-    static defaultProps = {
-        disabled: false,
-        prefix: 'next-',
-        maxLength: null,
-        hasLimitHint: false,
-        cutString: true,
-        readOnly: false,
-        isPreview: false,
-        trim: false,
-        onFocus: func.noop,
-        onBlur: func.noop,
-        onChange: func.noop,
-        onKeyDown: func.noop,
-        getValueLength: func.noop,
-        locale: zhCN.Input,
-    };
+  static defaultProps = {
+    disabled: false,
+    prefix: 'next-',
+    maxLength: null,
+    hasLimitHint: false,
+    cutString: true,
+    readOnly: false,
+    isPreview: false,
+    trim: false,
+    onFocus: func.noop,
+    onBlur: func.noop,
+    onChange: func.noop,
+    onKeyDown: func.noop,
+    getValueLength: func.noop,
+    locale: zhCN.Input,
+  };
 
-    static getDerivedStateFromProps(nextProps, prevState) {
-        if ('value' in nextProps && nextProps.value !== prevState.value) {
-            const value = nextProps.value;
-            return {
-                value: value === undefined || value === null ? '' : value,
-            };
-        }
-
-        return null;
+  static getDerivedStateFromProps(nextProps, prevState) {
+    if ('value' in nextProps && nextProps.value !== prevState.value) {
+      const { value } = nextProps;
+      return {
+        value: value === undefined || value === null ? '' : value,
+      };
     }
 
-    ieHack(value) {
-        return value;
+    return null;
+  }
+
+  ieHack(value) {
+    return value;
+  }
+
+  onChange(e) {
+    if ('stopPropagation' in e) {
+      e.stopPropagation();
+    } else if ('cancelBubble' in e) {
+      e.cancelBubble();
     }
 
-    onChange(e) {
-        if ('stopPropagation' in e) {
-            e.stopPropagation();
-        } else if ('cancelBubble' in e) {
-            e.cancelBubble();
-        }
+    let { value } = e.target;
 
-        let value = e.target.value;
-
-        if (this.props.trim) {
-            value = value.trim();
-        }
-
-        value = this.ieHack(value);
-
-        // not controlled
-        if (!('value' in this.props)) {
-            this.setState({
-                value,
-            });
-        }
-
-        // Number('') = 0
-        if (value && this.props.htmlType === 'number') {
-            value = Number(value);
-        }
-
-        this.props.onChange(value, e);
+    if (this.props.trim) {
+      value = value.trim();
     }
 
-    onKeyDown(e) {
-        const value = e.target.value;
-        const { maxLength } = this.props;
-        const len = maxLength > 0 && value ? this.getValueLength(value) : 0;
-        const opts = {};
+    value = this.ieHack(value);
 
-        // has enable trim and has input whitespace
-        if (this.props.trim && e.keyCode === 32) {
-            opts.beTrimed = true;
-        }
+    // not controlled
+    if (!('value' in this.props)) {
+      this.setState({
+        value,
+      });
+    }
 
-        // has defined maxLength and has over max length and has not input backspace and delete
-        if (
-            maxLength > 0 &&
+    // Number('') = 0
+    if (value && this.props.htmlType === 'number') {
+      value = Number(value);
+    }
+
+    this.props.onChange(value, e);
+  }
+
+  onKeyDown(e) {
+    const { value } = e.target;
+    const { maxLength } = this.props;
+    const len = maxLength > 0 && value ? this.getValueLength(value) : 0;
+    const opts = {};
+
+    // has enable trim and has input whitespace
+    if (this.props.trim && e.keyCode === 32) {
+      opts.beTrimed = true;
+    }
+
+    // has defined maxLength and has over max length and has not input backspace and delete
+    if (
+      maxLength > 0 &&
             (len > maxLength + 1 ||
                 ((len === maxLength || len === maxLength + 1) &&
                     e.keyCode !== 8 &&
                     e.keyCode !== 46))
-        ) {
-            opts.overMaxLength = true;
-        }
-
-        this.props.onKeyDown(e, opts);
+    ) {
+      opts.overMaxLength = true;
     }
 
-    onFocus(e) {
-        this.setState({
-            focus: true,
-        });
-        this.props.onFocus(e);
-    }
+    this.props.onKeyDown(e, opts);
+  }
 
-    onBlur(e) {
-        this.setState({
-            focus: false,
-        });
-        this.props.onBlur(e);
-    }
+  onFocus(e) {
+    this.setState({
+      focus: true,
+    });
+    this.props.onFocus(e);
+  }
 
-    renderLength() {
-        const { maxLength, hasLimitHint, prefix, rtl } = this.props;
-        const len =
+  onBlur(e) {
+    this.setState({
+      focus: false,
+    });
+    this.props.onBlur(e);
+  }
+
+  renderLength() {
+    const { maxLength, hasLimitHint, prefix, rtl } = this.props;
+    const len =
             maxLength > 0 && this.state.value
-                ? this.getValueLength(this.state.value)
-                : 0;
+              ? this.getValueLength(this.state.value)
+              : 0;
 
-        const classesLenWrap = classNames({
-            [`${prefix}input-len`]: true,
-            [`${prefix}error`]: len > maxLength,
-        });
+    const classesLenWrap = classNames({
+      [`${prefix}input-len`]: true,
+      [`${prefix}error`]: len > maxLength,
+    });
 
-        const content = rtl ? `${maxLength}/${len}` : `${len}/${maxLength}`;
+    const content = rtl ? `${maxLength}/${len}` : `${len}/${maxLength}`;
 
-        return maxLength && hasLimitHint ? (
-            <span className={classesLenWrap}>{content}</span>
-        ) : null;
-    }
+    return maxLength && hasLimitHint ? (
+      <span className={classesLenWrap}>{content}</span>
+    ) : null;
+  }
 
-    renderControl() {
-        const lenWrap = this.renderLength();
+  renderControl() {
+    const lenWrap = this.renderLength();
 
-        return lenWrap ? (
-            <span className={`${this.props.prefix}input-control`}>
-                {lenWrap}
-            </span>
-        ) : null;
-    }
+    return lenWrap ? (
+      <span className={`${this.props.prefix}input-control`}>
+        {lenWrap}
+      </span>
+    ) : null;
+  }
 
-    getClass() {
-        const { disabled, state, prefix } = this.props;
+  getClass() {
+    const { disabled, state, prefix } = this.props;
 
-        return classNames({
-            [`${prefix}input`]: true,
-            [`${prefix}disabled`]: !!disabled,
-            [`${prefix}error`]: state === 'error',
-            [`${prefix}warning`]: state === 'warning',
-            [`${prefix}focus`]: this.state.focus,
-        });
-    }
+    return classNames({
+      [`${prefix}input`]: true,
+      [`${prefix}disabled`]: !!disabled,
+      [`${prefix}error`]: state === 'error',
+      [`${prefix}warning`]: state === 'warning',
+      [`${prefix}focus`]: this.state.focus,
+    });
+  }
 
-    getProps() {
-        const {
-            placeholder,
-            inputStyle,
-            disabled,
-            readOnly,
-            cutString,
-            maxLength,
-            name,
-        } = this.props;
-        const props = {
-            style: inputStyle,
-            placeholder,
-            disabled,
-            readOnly,
-            name,
-            maxLength: cutString ? maxLength : undefined,
-            value: this.state.value,
-            onChange: this.onChange.bind(this),
-            onBlur: this.onBlur.bind(this),
-            onFocus: this.onFocus.bind(this),
-        };
-
-        // fix accessibility：auto process status of aria disabled
-        if (disabled) {
-            props['aria-disabled'] = disabled;
-        }
-
-        return props;
-    }
-
-    saveRef = input => {
-        this.inputRef = input;
+  getProps() {
+    const {
+      placeholder,
+      inputStyle,
+      disabled,
+      readOnly,
+      cutString,
+      maxLength,
+      name,
+    } = this.props;
+    const props = {
+      style: inputStyle,
+      placeholder,
+      disabled,
+      readOnly,
+      name,
+      maxLength: cutString ? maxLength : undefined,
+      value: this.state.value,
+      onChange: this.onChange.bind(this),
+      onBlur: this.onBlur.bind(this),
+      onFocus: this.onFocus.bind(this),
     };
 
-    getInputNode() {
-        return this.inputRef;
+    // fix accessibility：auto process status of aria disabled
+    if (disabled) {
+      props['aria-disabled'] = disabled;
     }
 
-    focus(start, end) {
-        this.inputRef.focus();
-        if (typeof start !== 'undefined') {
-            this.inputRef.selectionStart = start;
-        }
-        if (typeof end !== 'undefined') {
-            this.inputRef.selectionEnd = end;
-        }
+    return props;
+  }
+
+  saveRef = input => {
+    this.inputRef = input;
+  };
+
+  getInputNode() {
+    return this.inputRef;
+  }
+
+  focus(start, end) {
+    this.inputRef.focus();
+    if (typeof start !== 'undefined') {
+      this.inputRef.selectionStart = start;
     }
+    if (typeof end !== 'undefined') {
+      this.inputRef.selectionEnd = end;
+    }
+  }
 }
 
 export default polyfill(Base);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/input/group.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/input/group.jsx
index 0771bee67..818a24079 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/input/group.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/input/group.jsx
@@ -7,90 +7,90 @@ import ConfigProvider from '../config-provider';
  * Input.Group
  */
 class Group extends React.Component {
-    static propTypes = {
-        /**
+  static propTypes = {
+    /**
          * 样式前缀
          */
-        prefix: PropTypes.string,
-        className: PropTypes.string,
-        style: PropTypes.object,
-        children: PropTypes.node,
-        /**
+    prefix: PropTypes.string,
+    className: PropTypes.string,
+    style: PropTypes.object,
+    children: PropTypes.node,
+    /**
          * 输入框前附加内容
          */
-        addonBefore: PropTypes.node,
-        /**
+    addonBefore: PropTypes.node,
+    /**
          * 输入框前附加内容css
          */
-        addonBeforeClassName: PropTypes.string,
-        /**
+    addonBeforeClassName: PropTypes.string,
+    /**
          * 输入框后附加内容
          */
-        addonAfter: PropTypes.node,
-        /**
+    addonAfter: PropTypes.node,
+    /**
          * 输入框后额外css
          */
-        addonAfterClassName: PropTypes.string,
-        /**
+    addonAfterClassName: PropTypes.string,
+    /**
          * rtl
          */
-        rtl: PropTypes.bool,
-    };
+    rtl: PropTypes.bool,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-    };
+  static defaultProps = {
+    prefix: 'next-',
+  };
 
-    render() {
-        const {
-            className,
-            style,
-            children,
-            prefix,
-            addonBefore,
-            addonAfter,
-            addonBeforeClassName,
-            addonAfterClassName,
-            rtl,
-            ...others
-        } = this.props;
+  render() {
+    const {
+      className,
+      style,
+      children,
+      prefix,
+      addonBefore,
+      addonAfter,
+      addonBeforeClassName,
+      addonAfterClassName,
+      rtl,
+      ...others
+    } = this.props;
 
-        const cls = classNames({
-            [`${prefix}input-group`]: true,
-            [className]: !!className,
-        });
+    const cls = classNames({
+      [`${prefix}input-group`]: true,
+      [className]: !!className,
+    });
 
-        const addonCls = `${prefix}input-group-addon`;
-        const beforeCls = classNames(addonCls, {
-            [`${prefix}before`]: true,
-            [addonBeforeClassName]: addonBeforeClassName,
-        });
-        const afterCls = classNames(addonCls, {
-            [`${prefix}after`]: true,
-            [addonAfterClassName]: addonAfterClassName,
-        });
+    const addonCls = `${prefix}input-group-addon`;
+    const beforeCls = classNames(addonCls, {
+      [`${prefix}before`]: true,
+      [addonBeforeClassName]: addonBeforeClassName,
+    });
+    const afterCls = classNames(addonCls, {
+      [`${prefix}after`]: true,
+      [addonAfterClassName]: addonAfterClassName,
+    });
 
-        const before = addonBefore ? (
-            <span className={beforeCls}>{addonBefore}</span>
-        ) : null;
+    const before = addonBefore ? (
+      <span className={beforeCls}>{addonBefore}</span>
+    ) : null;
 
-        const after = addonAfter ? (
-            <span className={afterCls}>{addonAfter}</span>
-        ) : null;
+    const after = addonAfter ? (
+      <span className={afterCls}>{addonAfter}</span>
+    ) : null;
 
-        return (
-            <span
-                {...others}
-                dir={rtl ? 'rtl' : undefined}
-                className={cls}
-                style={style}
-            >
-                {before}
-                {children}
-                {after}
-            </span>
-        );
-    }
+    return (
+      <span
+        {...others}
+        dir={rtl ? 'rtl' : undefined}
+        className={cls}
+        style={style}
+      >
+        {before}
+        {children}
+        {after}
+      </span>
+    );
+  }
 }
 
 export default ConfigProvider.config(Group);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/input/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/input/index.jsx
index 75b3aef84..311bb9d17 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/input/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/input/index.jsx
@@ -5,16 +5,16 @@ import TextArea from './textarea';
 import Group from './group';
 
 Input.Password = ConfigProvider.config(Password, {
-    exportNames: ['getInputNode', 'focus'],
+  exportNames: ['getInputNode', 'focus'],
 });
 
 Input.TextArea = ConfigProvider.config(TextArea, {
-    exportNames: ['getInputNode', 'focus'],
+  exportNames: ['getInputNode', 'focus'],
 });
 Input.Group = Group;
 
 // 用来自动生成文档的工具底层依赖的 react-docgen，无法解析生成 HOC 的方法中存在第二个参数的情况
 // 所以不能在 input.jsx／textarea.jsx 中生成 HOC
 export default ConfigProvider.config(Input, {
-    exportNames: ['getInputNode', 'focus'],
+  exportNames: ['getInputNode', 'focus'],
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/input/input.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/input/input.jsx
index 4e8459097..936faeb64 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/input/input.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/input/input.jsx
@@ -8,398 +8,398 @@ import Group from './group';
 
 // preventDefault here can stop onBlur to keep focus state
 function preventDefault(e) {
-    e.preventDefault();
+  e.preventDefault();
 }
 
 /** Input */
 export default class Input extends Base {
-    static propTypes = {
-        ...Base.propTypes,
-        /**
+  static propTypes = {
+    ...Base.propTypes,
+    /**
          * label
          */
-        label: PropTypes.node,
-        /**
+    label: PropTypes.node,
+    /**
          * 是否出现clear按钮
          */
-        hasClear: PropTypes.bool,
-        /**
+    hasClear: PropTypes.bool,
+    /**
          * 是否有边框
          */
-        hasBorder: PropTypes.bool,
-        /**
+    hasBorder: PropTypes.bool,
+    /**
          * 状态
          * @enumdesc 错误, 校验中, 成功, 警告
          */
-        state: PropTypes.oneOf(['error', 'loading', 'success', 'warning']),
-        /**
+    state: PropTypes.oneOf(['error', 'loading', 'success', 'warning']),
+    /**
          * 尺寸
          * @enumdesc 小, 中, 大
          */
-        size: PropTypes.oneOf(['small', 'medium', 'large']),
-        /**
+    size: PropTypes.oneOf(['small', 'medium', 'large']),
+    /**
          * 按下回车的回调
          */
-        onPressEnter: PropTypes.func,
+    onPressEnter: PropTypes.func,
 
-        onClear: PropTypes.func,
-        /**
+    onClear: PropTypes.func,
+    /**
          * 原生type
          */
-        htmlType: PropTypes.string,
-        htmlSize: PropTypes.string,
-        /**
+    htmlType: PropTypes.string,
+    htmlSize: PropTypes.string,
+    /**
          * 水印 (Icon的type类型，和hasClear占用一个地方)
          */
-        hint: PropTypes.string,
-        /**
+    hint: PropTypes.string,
+    /**
          * 文字前附加内容
          */
-        innerBefore: PropTypes.node,
-        /**
+    innerBefore: PropTypes.node,
+    /**
          * 文字后附加内容
          */
-        innerAfter: PropTypes.node,
-        /**
+    innerAfter: PropTypes.node,
+    /**
          * 输入框前附加内容
          */
-        addonBefore: PropTypes.node,
-        /**
+    addonBefore: PropTypes.node,
+    /**
          * 输入框后附加内容
          */
-        addonAfter: PropTypes.node,
-        /**
+    addonAfter: PropTypes.node,
+    /**
          * 输入框前附加文字
          */
-        addonTextBefore: PropTypes.node,
-        /**
+    addonTextBefore: PropTypes.node,
+    /**
          * 输入框后附加文字
          */
-        addonTextAfter: PropTypes.node,
-        /**
+    addonTextAfter: PropTypes.node,
+    /**
          * (原生input支持)
          */
-        autoComplete: PropTypes.string,
-        /**
+    autoComplete: PropTypes.string,
+    /**
          * 自动聚焦(原生input支持)
          */
-        autoFocus: PropTypes.bool,
-        inputRender: PropTypes.func,
-        extra: PropTypes.node,
-        innerBeforeClassName: PropTypes.string,
-        innerAfterClassName: PropTypes.string,
-        /**
+    autoFocus: PropTypes.bool,
+    inputRender: PropTypes.func,
+    extra: PropTypes.node,
+    innerBeforeClassName: PropTypes.string,
+    innerAfterClassName: PropTypes.string,
+    /**
          * 是否为预览态
          */
-        isPreview: PropTypes.bool,
-        /**
+    isPreview: PropTypes.bool,
+    /**
          * 预览态模式下渲染的内容
          * @param {number} value 评分值
          */
-        renderPreview: PropTypes.func,
+    renderPreview: PropTypes.func,
+  };
+
+  static defaultProps = {
+    ...Base.defaultProps,
+    size: 'medium',
+    autoComplete: 'off',
+    hasBorder: true,
+    isPreview: false,
+    onPressEnter: func.noop,
+    inputRender: el => el,
+  };
+
+  constructor(props) {
+    super(props);
+
+    let value;
+    if ('value' in props) {
+      value = props.value;
+    } else {
+      value = props.defaultValue;
+    }
+
+    this.state = {
+      value: typeof value === 'undefined' ? '' : value,
     };
+  }
 
-    static defaultProps = {
-        ...Base.defaultProps,
-        size: 'medium',
-        autoComplete: 'off',
-        hasBorder: true,
-        isPreview: false,
-        onPressEnter: func.noop,
-        inputRender: el => el,
-    };
-
-    constructor(props) {
-        super(props);
-
-        let value;
-        if ('value' in props) {
-            value = props.value;
-        } else {
-            value = props.defaultValue;
-        }
-
-        this.state = {
-            value: typeof value === 'undefined' ? '' : value,
-        };
+  // `Enter` was considered to be two chars in chrome , but one char in ie.
+  // so we make all `Enter` to be two chars
+  getValueLength(value) {
+    const nv = `${value}`;
+    let strLen = this.props.getValueLength(nv);
+    if (typeof strLen !== 'number') {
+      strLen = nv.length;
     }
 
-    // `Enter` was considered to be two chars in chrome , but one char in ie.
-    // so we make all `Enter` to be two chars
-    getValueLength(value) {
-        const nv = `${value}`;
-        let strLen = this.props.getValueLength(nv);
-        if (typeof strLen !== 'number') {
-            strLen = nv.length;
-        }
+    return strLen;
+  }
 
-        return strLen;
+  renderControl() {
+    const {
+      hasClear,
+      readOnly,
+      state,
+      prefix,
+      hint,
+      extra,
+      locale,
+    } = this.props;
+
+    const lenWrap = this.renderLength();
+
+    let stateWrap = null;
+    if (state === 'success') {
+      stateWrap = <Icon type="success-filling" />;
+    } else if (state === 'loading') {
+      stateWrap = <Icon type="loading" />;
+    } else if (state === 'warning') {
+      stateWrap = <Icon type="warning" />;
     }
 
-    renderControl() {
-        const {
-            hasClear,
-            readOnly,
-            state,
-            prefix,
-            hint,
-            extra,
-            locale,
-        } = this.props;
+    let clearWrap = null;
+    const showClear = hasClear && !readOnly && !!`${this.state.value}`;
 
-        const lenWrap = this.renderLength();
-
-        let stateWrap = null;
-        if (state === 'success') {
-            stateWrap = <Icon type="success-filling" />;
-        } else if (state === 'loading') {
-            stateWrap = <Icon type="loading" />;
-        } else if (state === 'warning') {
-            stateWrap = <Icon type="warning" />;
-        }
-
-        let clearWrap = null;
-        const showClear = hasClear && !readOnly && !!`${this.state.value}`;
-
-        if (hint || showClear) {
-            let hintIcon = null;
-            if (hint) {
-                hintIcon = (
-                    <Icon type={hint} className={`${prefix}input-hint`} />
-                );
-            } else {
-                hintIcon = (
-                    <Icon
-                        type="delete-filling"
-                        role="button"
-                        tabIndex="0"
-                        className={`${prefix}input-hint`}
-                        aria-label={locale.clear}
-                        onClick={this.onClear.bind(this)}
-                        onMouseDown={preventDefault}
-                        onKeyDown={this.handleKeyDownFromClear}
-                    />
-                );
-            }
-
-            clearWrap = (
-                <span className={`${prefix}input-hint-wrap`}>
-                    {hasClear && hint ? (
-                        <Icon
-                            type="delete-filling"
-                            role="button"
-                            tabIndex="0"
-                            className={`${prefix}input-clear`}
-                            aria-label={locale.clear}
-                            onClick={this.onClear.bind(this)}
-                            onMouseDown={preventDefault}
-                            onKeyDown={this.handleKeyDownFromClear}
-                        />
-                    ) : null}
-                    {hintIcon}
-                </span>
-            );
-        }
-
-        if (state === 'loading') {
-            clearWrap = null;
-        }
-
-        return clearWrap || lenWrap || stateWrap || extra ? (
-            <span className={`${prefix}input-control`}>
-                {clearWrap}
-                {lenWrap}
-                {stateWrap}
-                {extra}
-            </span>
-        ) : null;
-    }
-
-    renderLabel() {
-        const { label, prefix, id } = this.props;
-        return label ? (
-            <label className={`${prefix}input-label`} htmlFor={id}>
-                {label}
-            </label>
-        ) : null;
-    }
-
-    renderInner(inner, cls) {
-        return inner ? <span className={cls}>{inner}</span> : null;
-    }
-
-    handleKeyDown = e => {
-        if (e.keyCode === 13) {
-            this.props.onPressEnter(e);
-        }
-
-        this.onKeyDown(e);
-    };
-
-    handleKeyDownFromClear = e => {
-        if (e.keyCode === 13) {
-            this.onClear(e);
-        }
-    };
-
-    onClear(e) {
-        if (this.props.disabled) {
-            return;
-        }
-
-        // 非受控模式清空内部数据
-        if (!('value' in this.props)) {
-            this.setState({
-                value: '',
-            });
-        }
-        this.props.onChange('', e, 'clear');
-        this.focus();
-    }
-
-    render() {
-        const {
-            size,
-            htmlType,
-            htmlSize,
-            autoComplete,
-            autoFocus,
-            disabled,
-            style,
-            innerBefore,
-            innerAfter,
-            innerBeforeClassName,
-            innerAfterClassName,
-            className,
-            hasBorder,
-            prefix,
-            isPreview,
-            renderPreview,
-            addonBefore,
-            addonAfter,
-            addonTextBefore,
-            addonTextAfter,
-            inputRender,
-            rtl,
-        } = this.props;
-
-        const hasAddon =
-            addonBefore || addonAfter || addonTextBefore || addonTextAfter;
-        const cls = classNames(this.getClass(), {
-            [`${prefix}${size}`]: true,
-            [`${prefix}hidden`]: this.props.htmlType === 'hidden',
-            [`${prefix}noborder`]: !hasBorder || this.props.htmlType === 'file',
-            [`${prefix}input-group-auto-width`]: hasAddon,
-            [className]: !!className && !hasAddon,
-        });
-
-        const innerCls = `${prefix}input-inner`;
-        const innerBeforeCls = classNames({
-            [innerCls]: true,
-            [`${prefix}before`]: true,
-            [innerBeforeClassName]: innerBeforeClassName,
-        });
-        const innerAfterCls = classNames({
-            [innerCls]: true,
-            [`${prefix}after`]: true,
-            [innerAfterClassName]: innerAfterClassName,
-        });
-        const previewCls = classNames({
-            [`${prefix}form-preview`]: true,
-            [className]: !!className,
-        });
-
-        const props = this.getProps();
-        // custom data attributes are assigned to the top parent node
-        // data-类自定义数据属性分配到顶层node节点
-        const dataProps = obj.pickAttrsWith(this.props, 'data-');
-        // Custom props are transparently transmitted to the core input node by default
-        // 自定义属性默认透传到核心node节点：input
-        const others = obj.pickOthers(
-            Object.assign({}, dataProps, Input.propTypes),
-            this.props
+    if (hint || showClear) {
+      let hintIcon = null;
+      if (hint) {
+        hintIcon = (
+          <Icon type={hint} className={`${prefix}input-hint`} />
         );
+      } else {
+        hintIcon = (
+          <Icon
+            type="delete-filling"
+            role="button"
+            tabIndex="0"
+            className={`${prefix}input-hint`}
+            aria-label={locale.clear}
+            onClick={this.onClear.bind(this)}
+            onMouseDown={preventDefault}
+            onKeyDown={this.handleKeyDownFromClear}
+          />
+        );
+      }
 
-        if (isPreview) {
-            const { value } = props;
-            const { label } = this.props;
-            if (typeof renderPreview === 'function') {
-                return (
-                    <div {...others} className={previewCls}>
-                        {renderPreview(value, this.props)}
-                    </div>
-                );
-            }
-            return (
-                <div {...others} className={previewCls}>
-                    {addonBefore || addonTextBefore}
-                    {label}
-                    {innerBefore}
-                    {value}
-                    {innerAfter}
-                    {addonAfter || addonTextAfter}
-                </div>
-            );
-        }
-
-        const inputEl = (
-            <input
-                {...others}
-                {...props}
-                height="100%"
-                type={htmlType}
-                size={htmlSize}
-                autoFocus={autoFocus}
-                autoComplete={autoComplete}
-                onKeyDown={this.handleKeyDown}
-                ref={this.saveRef}
+      clearWrap = (
+        <span className={`${prefix}input-hint-wrap`}>
+          {hasClear && hint ? (
+            <Icon
+              type="delete-filling"
+              role="button"
+              tabIndex="0"
+              className={`${prefix}input-clear`}
+              aria-label={locale.clear}
+              onClick={this.onClear.bind(this)}
+              onMouseDown={preventDefault}
+              onKeyDown={this.handleKeyDownFromClear}
             />
-        );
-
-        const inputWrap = (
-            <span
-                {...dataProps}
-                dir={rtl ? 'rtl' : undefined}
-                className={cls}
-                style={hasAddon ? undefined : style}
-            >
-                {this.renderLabel()}
-                {this.renderInner(innerBefore, innerBeforeCls)}
-                {inputRender(inputEl)}
-                {this.renderInner(innerAfter, innerAfterCls)}
-                {this.renderControl()}
-            </span>
-        );
-
-        const groupCls = classNames({
-            [`${prefix}input-group-text`]: true,
-            [`${prefix}${size}`]: !!size,
-            [`${prefix}disabled`]: disabled,
-        });
-
-        const addonBeforeCls = classNames({
-            [groupCls]: addonTextBefore,
-        });
-        const addonAfterCls = classNames({
-            [groupCls]: addonTextAfter,
-        });
-
-        if (hasAddon) {
-            return (
-                <Group
-                    {...dataProps}
-                    className={className}
-                    style={style}
-                    addonBefore={addonBefore || addonTextBefore}
-                    addonBeforeClassName={addonBeforeCls}
-                    addonAfter={addonAfter || addonTextAfter}
-                    addonAfterClassName={addonAfterCls}
-                >
-                    {inputWrap}
-                </Group>
-            );
-        }
-
-        return inputWrap;
+          ) : null}
+          {hintIcon}
+        </span>
+      );
     }
+
+    if (state === 'loading') {
+      clearWrap = null;
+    }
+
+    return clearWrap || lenWrap || stateWrap || extra ? (
+      <span className={`${prefix}input-control`}>
+        {clearWrap}
+        {lenWrap}
+        {stateWrap}
+        {extra}
+      </span>
+    ) : null;
+  }
+
+  renderLabel() {
+    const { label, prefix, id } = this.props;
+    return label ? (
+      <label className={`${prefix}input-label`} htmlFor={id}>
+        {label}
+      </label>
+    ) : null;
+  }
+
+  renderInner(inner, cls) {
+    return inner ? <span className={cls}>{inner}</span> : null;
+  }
+
+  handleKeyDown = e => {
+    if (e.keyCode === 13) {
+      this.props.onPressEnter(e);
+    }
+
+    this.onKeyDown(e);
+  };
+
+  handleKeyDownFromClear = e => {
+    if (e.keyCode === 13) {
+      this.onClear(e);
+    }
+  };
+
+  onClear(e) {
+    if (this.props.disabled) {
+      return;
+    }
+
+    // 非受控模式清空内部数据
+    if (!('value' in this.props)) {
+      this.setState({
+        value: '',
+      });
+    }
+    this.props.onChange('', e, 'clear');
+    this.focus();
+  }
+
+  render() {
+    const {
+      size,
+      htmlType,
+      htmlSize,
+      autoComplete,
+      autoFocus,
+      disabled,
+      style,
+      innerBefore,
+      innerAfter,
+      innerBeforeClassName,
+      innerAfterClassName,
+      className,
+      hasBorder,
+      prefix,
+      isPreview,
+      renderPreview,
+      addonBefore,
+      addonAfter,
+      addonTextBefore,
+      addonTextAfter,
+      inputRender,
+      rtl,
+    } = this.props;
+
+    const hasAddon =
+            addonBefore || addonAfter || addonTextBefore || addonTextAfter;
+    const cls = classNames(this.getClass(), {
+      [`${prefix}${size}`]: true,
+      [`${prefix}hidden`]: this.props.htmlType === 'hidden',
+      [`${prefix}noborder`]: !hasBorder || this.props.htmlType === 'file',
+      [`${prefix}input-group-auto-width`]: hasAddon,
+      [className]: !!className && !hasAddon,
+    });
+
+    const innerCls = `${prefix}input-inner`;
+    const innerBeforeCls = classNames({
+      [innerCls]: true,
+      [`${prefix}before`]: true,
+      [innerBeforeClassName]: innerBeforeClassName,
+    });
+    const innerAfterCls = classNames({
+      [innerCls]: true,
+      [`${prefix}after`]: true,
+      [innerAfterClassName]: innerAfterClassName,
+    });
+    const previewCls = classNames({
+      [`${prefix}form-preview`]: true,
+      [className]: !!className,
+    });
+
+    const props = this.getProps();
+    // custom data attributes are assigned to the top parent node
+    // data-类自定义数据属性分配到顶层node节点
+    const dataProps = obj.pickAttrsWith(this.props, 'data-');
+    // Custom props are transparently transmitted to the core input node by default
+    // 自定义属性默认透传到核心node节点：input
+    const others = obj.pickOthers(
+      Object.assign({}, dataProps, Input.propTypes),
+      this.props,
+    );
+
+    if (isPreview) {
+      const { value } = props;
+      const { label } = this.props;
+      if (typeof renderPreview === 'function') {
+        return (
+          <div {...others} className={previewCls}>
+            {renderPreview(value, this.props)}
+          </div>
+        );
+      }
+      return (
+        <div {...others} className={previewCls}>
+          {addonBefore || addonTextBefore}
+          {label}
+          {innerBefore}
+          {value}
+          {innerAfter}
+          {addonAfter || addonTextAfter}
+        </div>
+      );
+    }
+
+    const inputEl = (
+      <input
+        {...others}
+        {...props}
+        height="100%"
+        type={htmlType}
+        size={htmlSize}
+        autoFocus={autoFocus}
+        autoComplete={autoComplete}
+        onKeyDown={this.handleKeyDown}
+        ref={this.saveRef}
+      />
+    );
+
+    const inputWrap = (
+      <span
+        {...dataProps}
+        dir={rtl ? 'rtl' : undefined}
+        className={cls}
+        style={hasAddon ? undefined : style}
+      >
+        {this.renderLabel()}
+        {this.renderInner(innerBefore, innerBeforeCls)}
+        {inputRender(inputEl)}
+        {this.renderInner(innerAfter, innerAfterCls)}
+        {this.renderControl()}
+      </span>
+    );
+
+    const groupCls = classNames({
+      [`${prefix}input-group-text`]: true,
+      [`${prefix}${size}`]: !!size,
+      [`${prefix}disabled`]: disabled,
+    });
+
+    const addonBeforeCls = classNames({
+      [groupCls]: addonTextBefore,
+    });
+    const addonAfterCls = classNames({
+      [groupCls]: addonTextAfter,
+    });
+
+    if (hasAddon) {
+      return (
+        <Group
+          {...dataProps}
+          className={className}
+          style={style}
+          addonBefore={addonBefore || addonTextBefore}
+          addonBeforeClassName={addonBeforeCls}
+          addonAfter={addonAfter || addonTextAfter}
+          addonAfterClassName={addonAfterCls}
+        >
+          {inputWrap}
+        </Group>
+      );
+    }
+
+    return inputWrap;
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/input/password.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/input/password.jsx
index 792722a4a..223f3d99a 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/input/password.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/input/password.jsx
@@ -6,49 +6,50 @@ import Input from './input';
 import Icon from '../icon/index';
 
 function preventDefault(e) {
-    e.preventDefault();
+  e.preventDefault();
 }
 export default class Password extends Input {
-    state = {
-        hint: 'eye',
-        htmlType: 'password',
-    };
+  state = {
+    hint: 'eye',
+    htmlType: 'password',
+  };
 
-    static propTypes = {
-        ...Input.propTypes,
-        /**
+  static propTypes = {
+    ...Input.propTypes,
+    /**
          * 是否展示切换按钮
          */
-        showToggle: PropTypes.bool,
-    };
-    static defaultProps = {
-        ...Input.defaultProps,
-        showToggle: true,
-    };
+    showToggle: PropTypes.bool,
+  };
 
-    toggleEye = e => {
-        e.preventDefault();
+  static defaultProps = {
+    ...Input.defaultProps,
+    showToggle: true,
+  };
 
-        const eyeClose = this.state.hint === 'eye-close';
+  toggleEye = e => {
+    e.preventDefault();
 
-        this.setState({
-            hint: eyeClose ? 'eye' : 'eye-close',
-            htmlType: eyeClose || !this.props.showToggle ? 'password' : 'text',
-        });
-    };
+    const eyeClose = this.state.hint === 'eye-close';
 
-    render() {
-        const { showToggle, ...others } = this.props;
-        const { hint, htmlType } = this.state;
+    this.setState({
+      hint: eyeClose ? 'eye' : 'eye-close',
+      htmlType: eyeClose || !this.props.showToggle ? 'password' : 'text',
+    });
+  };
 
-        const extra = showToggle ? (
-            <Icon
-                type={hint}
-                onClick={this.toggleEye}
-                onMouseDown={preventDefault}
-            />
-        ) : null;
+  render() {
+    const { showToggle, ...others } = this.props;
+    const { hint, htmlType } = this.state;
 
-        return <Input {...others} extra={extra} htmlType={htmlType} />;
-    }
+    const extra = showToggle ? (
+      <Icon
+        type={hint}
+        onClick={this.toggleEye}
+        onMouseDown={preventDefault}
+      />
+    ) : null;
+
+    return <Input {...others} extra={extra} htmlType={htmlType} />;
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/input/textarea.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/input/textarea.jsx
index 517725e2d..41124afc7 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/input/textarea.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/input/textarea.jsx
@@ -6,34 +6,34 @@ import { obj, env } from '../util';
 import Base from './base';
 
 function onNextFrame(cb) {
-    if (window.requestAnimationFrame) {
-        return window.requestAnimationFrame(cb);
-    }
-    return window.setTimeout(cb, 1);
+  if (window.requestAnimationFrame) {
+    return window.requestAnimationFrame(cb);
+  }
+  return window.setTimeout(cb, 1);
 }
 
 function clearNextFrameAction(nextFrameId) {
-    if (window.cancelAnimationFrame) {
-        window.cancelAnimationFrame(nextFrameId);
-    } else {
-        window.clearTimeout(nextFrameId);
-    }
+  if (window.cancelAnimationFrame) {
+    window.cancelAnimationFrame(nextFrameId);
+  } else {
+    window.clearTimeout(nextFrameId);
+  }
 }
 
 // safari in mac
 const isMacSafari =
     typeof navigator !== 'undefined' && navigator && navigator.userAgent
-        ? navigator.userAgent.match(/^((?!chrome|android|windows).)*safari/i)
-        : false;
+      ? navigator.userAgent.match(/^((?!chrome|android|windows).)*safari/i)
+      : false;
 
 const hiddenStyle = {
-    visibility: 'hidden',
-    position: 'absolute',
-    zIndex: '-1000',
-    top: '-1000px',
-    overflowY: 'hidden',
-    left: 0,
-    right: 0,
+  visibility: 'hidden',
+  position: 'absolute',
+  zIndex: '-1000',
+  top: '-1000px',
+  overflowY: 'hidden',
+  left: 0,
+  right: 0,
 };
 
 /**
@@ -41,268 +41,268 @@ const hiddenStyle = {
  * @order 2
  */
 export default class TextArea extends Base {
-    static propTypes = {
-        ...Base.propTypes,
-        /**
+  static propTypes = {
+    ...Base.propTypes,
+    /**
          * 是否有边框
          */
-        hasBorder: PropTypes.bool,
-        /**
+    hasBorder: PropTypes.bool,
+    /**
          * 状态
          * @enumdesc 错误
          */
-        state: PropTypes.oneOf(['error', 'warning']),
-        /**
+    state: PropTypes.oneOf(['error', 'warning']),
+    /**
          * 自动高度 true / {minRows: 2, maxRows: 4}
          */
-        autoHeight: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
-        /**
+    autoHeight: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
+    /**
          * 多行文本框高度 <br />(不要直接用height设置多行文本框的高度, ie9 10会有兼容性问题)
          */
-        rows: PropTypes.number,
-        /**
+    rows: PropTypes.number,
+    /**
          * 是否为预览态
          */
-        isPreview: PropTypes.bool,
-        /**
+    isPreview: PropTypes.bool,
+    /**
          * 预览态模式下渲染的内容
          * @param {number} value 评分值
          */
-        renderPreview: PropTypes.func,
+    renderPreview: PropTypes.func,
+  };
+
+  static defaultProps = {
+    ...Base.defaultProps,
+    hasBorder: true,
+    isPreview: false,
+    rows: 4,
+    autoHeight: false,
+  };
+
+  constructor(props) {
+    super(props);
+
+    let value;
+    if ('value' in props) {
+      value = props.value;
+    } else {
+      value = props.defaultValue;
+    }
+
+    this.state = {
+      value: typeof value === 'undefined' ? '' : value,
     };
+  }
 
-    static defaultProps = {
-        ...Base.defaultProps,
-        hasBorder: true,
-        isPreview: false,
-        rows: 4,
-        autoHeight: false,
-    };
-
-    constructor(props) {
-        super(props);
-
-        let value;
-        if ('value' in props) {
-            value = props.value;
-        } else {
-            value = props.defaultValue;
-        }
-
-        this.state = {
-            value: typeof value === 'undefined' ? '' : value,
-        };
-    }
-
-    componentDidMount() {
-        const autoHeight = this.props.autoHeight;
-        if (autoHeight) {
-            if (typeof autoHeight === 'object') {
-                /* eslint-disable react/no-did-mount-set-state */
-                this.setState(
-                    this._getMinMaxHeight(autoHeight, this.state.value)
-                );
-            } else {
-                this.setState({
-                    height: this._getHeight(this.state.value),
-                    overflowY: 'hidden',
-                });
-            }
-        }
-    }
-
-    componentDidUpdate(prevProps) {
-        if (this.props.autoHeight && this.props.value !== prevProps.value) {
-            this._resizeTextArea(this.props.value);
-        }
-    }
-
-    _getMinMaxHeight({ minRows, maxRows }, value) {
-        const node = ReactDOM.findDOMNode(this.helpRef);
-        node.setAttribute('rows', minRows);
-        const minHeight = node.clientHeight;
-
-        node.setAttribute('rows', maxRows);
-        const maxHeight = node.clientHeight;
-
-        node.setAttribute('rows', '1');
-        const height = this._getHeight(value);
-
-        return {
-            minHeight,
-            maxHeight,
-            height,
-            overflowY: height <= maxHeight ? 'hidden' : undefined,
-        };
-    }
-
-    _getHeight(value) {
-        const node = ReactDOM.findDOMNode(this.helpRef);
-        node.value = value;
-
-        return node.scrollHeight;
-    }
-
-    _resizeTextArea = value => {
-        if (this.nextFrameActionId) {
-            clearNextFrameAction(this.nextFrameActionId);
-        }
-        this.nextFrameActionId = onNextFrame(() => {
-            const height = this._getHeight(value);
-            const maxHeight = this.state.maxHeight
-                ? this.state.maxHeight
-                : Infinity;
-
-            this.setState({
-                height: this._getHeight(value),
-                overflowY: height <= maxHeight ? 'hidden' : undefined,
-            });
+  componentDidMount() {
+    const { autoHeight } = this.props;
+    if (autoHeight) {
+      if (typeof autoHeight === 'object') {
+        /* eslint-disable react/no-did-mount-set-state */
+        this.setState(
+          this._getMinMaxHeight(autoHeight, this.state.value),
+        );
+      } else {
+        this.setState({
+          height: this._getHeight(this.state.value),
+          overflowY: 'hidden',
         });
+      }
+    }
+  }
+
+  componentDidUpdate(prevProps) {
+    if (this.props.autoHeight && this.props.value !== prevProps.value) {
+      this._resizeTextArea(this.props.value);
+    }
+  }
+
+  _getMinMaxHeight({ minRows, maxRows }, value) {
+    const node = ReactDOM.findDOMNode(this.helpRef);
+    node.setAttribute('rows', minRows);
+    const minHeight = node.clientHeight;
+
+    node.setAttribute('rows', maxRows);
+    const maxHeight = node.clientHeight;
+
+    node.setAttribute('rows', '1');
+    const height = this._getHeight(value);
+
+    return {
+      minHeight,
+      maxHeight,
+      height,
+      overflowY: height <= maxHeight ? 'hidden' : undefined,
     };
+  }
 
-    ieHack(value) {
-        // Fix: textarea dit not support maxLength in ie9
-        /* istanbul ignore if */
-        if (env.ieVersion === 9 && this.props.maxLength) {
-            const maxLength = parseInt(this.props.maxLength);
-            const len = this.getValueLength(value, true);
-            if (len > maxLength && this.props.cutString) {
-                value = value.replace(/\n/g, '\n\n');
-                value = value.substr(0, maxLength);
-                value = value.replace(/\n\n/g, '\n');
-            }
-        }
+  _getHeight(value) {
+    const node = ReactDOM.findDOMNode(this.helpRef);
+    node.value = value;
 
-        this.props.autoHeight && this._resizeTextArea(value);
+    return node.scrollHeight;
+  }
 
-        return value;
+  _resizeTextArea = value => {
+    if (this.nextFrameActionId) {
+      clearNextFrameAction(this.nextFrameActionId);
+    }
+    this.nextFrameActionId = onNextFrame(() => {
+      const height = this._getHeight(value);
+      const maxHeight = this.state.maxHeight
+        ? this.state.maxHeight
+        : Infinity;
+
+      this.setState({
+        height: this._getHeight(value),
+        overflowY: height <= maxHeight ? 'hidden' : undefined,
+      });
+    });
+  };
+
+  ieHack(value) {
+    // Fix: textarea dit not support maxLength in ie9
+    /* istanbul ignore if */
+    if (env.ieVersion === 9 && this.props.maxLength) {
+      const maxLength = parseInt(this.props.maxLength);
+      const len = this.getValueLength(value, true);
+      if (len > maxLength && this.props.cutString) {
+        value = value.replace(/\n/g, '\n\n');
+        value = value.substr(0, maxLength);
+        value = value.replace(/\n\n/g, '\n');
+      }
     }
 
-    /**
+    this.props.autoHeight && this._resizeTextArea(value);
+
+    return value;
+  }
+
+  /**
      * value.length !== maxLength  in ie/safari(mac) while value has `Enter`
      * about maxLength compute: `Enter` was considered to be one char(\n) in chrome , but two chars(\r\n) in ie/safari(mac).
      * so while value has `Enter`, we should let display length + 1
      */
-    getValueLength(value) {
-        const { maxLength, cutString } = this.props;
+  getValueLength(value) {
+    const { maxLength, cutString } = this.props;
 
-        const nv = `${value}`;
-        let strLen = this.props.getValueLength(nv);
-        if (typeof strLen !== 'number') {
-            strLen = nv.length;
-        }
-
-        /* istanbul ignore if */
-        if (env.ieVersion || isMacSafari) {
-            strLen = strLen + nv.split('\n').length - 1;
-            if (strLen > maxLength && cutString) {
-                strLen = maxLength;
-            }
-        }
-
-        return strLen;
+    const nv = `${value}`;
+    let strLen = this.props.getValueLength(nv);
+    if (typeof strLen !== 'number') {
+      strLen = nv.length;
     }
 
-    saveTextAreaRef(textArea) {
-        this.inputRef = textArea;
+    /* istanbul ignore if */
+    if (env.ieVersion || isMacSafari) {
+      strLen = strLen + nv.split('\n').length - 1;
+      if (strLen > maxLength && cutString) {
+        strLen = maxLength;
+      }
     }
 
-    saveHelpRef(ref) {
-        this.helpRef = ref;
-    }
+    return strLen;
+  }
 
-    render() {
-        const {
-            rows,
-            style,
-            className,
-            autoHeight,
-            isPreview,
-            renderPreview,
-            prefix,
-            rtl,
-            hasBorder,
-        } = this.props;
+  saveTextAreaRef(textArea) {
+    this.inputRef = textArea;
+  }
 
-        const cls = classNames(this.getClass(), {
-            [`${prefix}input-textarea`]: true,
-            [`${prefix}noborder`]: !hasBorder,
-            [className]: !!className,
-        });
+  saveHelpRef(ref) {
+    this.helpRef = ref;
+  }
 
-        const props = this.getProps();
-        // custom data attributes are assigned to the top parent node
-        // data-类自定义数据属性分配到顶层node节点
-        const dataProps = obj.pickAttrsWith(this.props, 'data-');
-        // Custom props are transparently transmitted to the core input node by default
-        // 自定义属性默认透传到核心node节点：input
-        const others = obj.pickOthers(
-            Object.assign({}, dataProps, TextArea.propTypes),
-            this.props
-        );
+  render() {
+    const {
+      rows,
+      style,
+      className,
+      autoHeight,
+      isPreview,
+      renderPreview,
+      prefix,
+      rtl,
+      hasBorder,
+    } = this.props;
 
-        const textareStyle = {
-            ...props.style,
-            height: this.state.height,
-            minHeight: this.state.minHeight,
-            maxHeight: this.state.maxHeight,
-            overflowY: this.state.overflowY,
-        };
+    const cls = classNames(this.getClass(), {
+      [`${prefix}input-textarea`]: true,
+      [`${prefix}noborder`]: !hasBorder,
+      [className]: !!className,
+    });
 
-        const previewCls = classNames({
-            [`${prefix}input-textarea`]: true,
-            [`${prefix}form-preview`]: true,
-            [className]: !!className,
-        });
+    const props = this.getProps();
+    // custom data attributes are assigned to the top parent node
+    // data-类自定义数据属性分配到顶层node节点
+    const dataProps = obj.pickAttrsWith(this.props, 'data-');
+    // Custom props are transparently transmitted to the core input node by default
+    // 自定义属性默认透传到核心node节点：input
+    const others = obj.pickOthers(
+      Object.assign({}, dataProps, TextArea.propTypes),
+      this.props,
+    );
 
-        const wrapStyle = autoHeight
-            ? { ...style, position: 'relative' }
-            : style;
+    const textareStyle = {
+      ...props.style,
+      height: this.state.height,
+      minHeight: this.state.minHeight,
+      maxHeight: this.state.maxHeight,
+      overflowY: this.state.overflowY,
+    };
 
-        if (isPreview) {
-            const { value } = props;
-            if ('renderPreview' in this.props) {
-                return (
-                    <div {...others} className={previewCls}>
-                        {renderPreview(value, this.props)}
-                    </div>
-                );
-            }
-            return (
-                <div {...others} className={previewCls}>
-                    {value.split('\n').map((data, i) => (
-                        <p key={`p-${i}`}>{data}</p>
-                    ))}
-                </div>
-            );
-        }
+    const previewCls = classNames({
+      [`${prefix}input-textarea`]: true,
+      [`${prefix}form-preview`]: true,
+      [className]: !!className,
+    });
 
+    const wrapStyle = autoHeight
+      ? { ...style, position: 'relative' }
+      : style;
+
+    if (isPreview) {
+      const { value } = props;
+      if ('renderPreview' in this.props) {
         return (
-            <span
-                className={cls}
-                style={wrapStyle}
-                dir={rtl ? 'rtl' : undefined}
-                {...dataProps}
-            >
-                <textarea
-                    {...others}
-                    {...props}
-                    data-real
-                    rows={rows}
-                    style={textareStyle}
-                    ref={this.saveRef.bind(this)}
-                    onKeyDown={this.onKeyDown.bind(this)}
-                />
-                {autoHeight ? (
-                    <textarea
-                        data-fake
-                        ref={this.saveHelpRef.bind(this)}
-                        style={{ ...props.style, ...hiddenStyle }}
-                        rows="1"
-                    />
-                ) : null}
-                {this.renderControl()}
-            </span>
+          <div {...others} className={previewCls}>
+            {renderPreview(value, this.props)}
+          </div>
         );
+      }
+      return (
+        <div {...others} className={previewCls}>
+          {value.split('\n').map((data, i) => (
+            <p key={`p-${i}`}>{data}</p>
+          ))}
+        </div>
+      );
     }
+
+    return (
+      <span
+        className={cls}
+        style={wrapStyle}
+        dir={rtl ? 'rtl' : undefined}
+        {...dataProps}
+      >
+        <textarea
+          {...others}
+          {...props}
+          data-real
+          rows={rows}
+          style={textareStyle}
+          ref={this.saveRef.bind(this)}
+          onKeyDown={this.onKeyDown.bind(this)}
+        />
+        {autoHeight ? (
+          <textarea
+            data-fake
+            ref={this.saveHelpRef.bind(this)}
+            style={{ ...props.style, ...hiddenStyle }}
+            rows="1"
+          />
+        ) : null}
+        {this.renderControl()}
+      </span>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/list/item.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/list/item.jsx
index 395fd9456..8209f466f 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/list/item.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/list/item.jsx
@@ -8,69 +8,69 @@ import ConfigProvider from '../config-provider';
  * List.Item
  */
 class ListItem extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    /**
          * 列表元素的标题
          */
-        title: PropTypes.node,
-        /**
+    title: PropTypes.node,
+    /**
          * 列表元素的描述内容
          */
-        description: PropTypes.node,
-        /**
+    description: PropTypes.node,
+    /**
          * 列表元素的头像 / 图标 / 图片内容
          */
-        media: PropTypes.node,
-        /**
+    media: PropTypes.node,
+    /**
          * 额外内容
          */
-        extra: PropTypes.node,
-        className: PropTypes.any,
-    };
+    extra: PropTypes.node,
+    className: PropTypes.any,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-    };
+  static defaultProps = {
+    prefix: 'next-',
+  };
 
-    render() {
-        const {
-            prefix,
-            title,
-            description,
-            media,
-            extra,
-            className,
-            children,
-            ...others
-        } = this.props;
+  render() {
+    const {
+      prefix,
+      title,
+      description,
+      media,
+      extra,
+      className,
+      children,
+      ...others
+    } = this.props;
 
-        const classes = classNames(`${prefix}list-item`, className);
+    const classes = classNames(`${prefix}list-item`, className);
 
-        return (
-            <li {...others} className={classes}>
-                {media ? (
-                    <div className={`${prefix}list-item-media`}>{media}</div>
-                ) : null}
-                <div className={`${prefix}list-item-content`}>
-                    {title ? (
-                        <div className={`${prefix}list-item-title`}>
-                            {title}
-                        </div>
-                    ) : null}
-                    {description ? (
-                        <div className={`${prefix}list-item-description`}>
-                            {description}
-                        </div>
-                    ) : null}
-                    {children}
-                </div>
-                {extra ? (
-                    <div className={`${prefix}list-item-extra`}>{extra}</div>
-                ) : null}
-            </li>
-        );
-    }
+    return (
+      <li {...others} className={classes}>
+        {media ? (
+          <div className={`${prefix}list-item-media`}>{media}</div>
+        ) : null}
+        <div className={`${prefix}list-item-content`}>
+          {title ? (
+            <div className={`${prefix}list-item-title`}>
+              {title}
+            </div>
+          ) : null}
+          {description ? (
+            <div className={`${prefix}list-item-description`}>
+              {description}
+            </div>
+          ) : null}
+          {children}
+        </div>
+        {extra ? (
+          <div className={`${prefix}list-item-extra`}>{extra}</div>
+        ) : null}
+      </li>
+    );
+  }
 }
 
 export default ConfigProvider.config(polyfill(ListItem));
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/list/list.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/list/list.jsx
index bb224fadb..5f45f5331 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/list/list.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/list/list.jsx
@@ -8,74 +8,74 @@ import ConfigProvider from '../config-provider';
  * List
  */
 class List extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        rtl: PropTypes.bool,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    rtl: PropTypes.bool,
+    /**
          * 列表头部
          */
-        header: PropTypes.node,
-        /**
+    header: PropTypes.node,
+    /**
          * 列表尾部
          */
-        footer: PropTypes.node,
-        /**
+    footer: PropTypes.node,
+    /**
          * 列表尺寸
          */
-        size: PropTypes.oneOf(['medium', 'small']),
-        /**
+    size: PropTypes.oneOf(['medium', 'small']),
+    /**
          * 是否显示分割线
          */
-        divider: PropTypes.bool,
-        className: PropTypes.string,
-        children: PropTypes.any,
-    };
+    divider: PropTypes.bool,
+    className: PropTypes.string,
+    children: PropTypes.any,
+  };
 
-    static defaultProps = {
-        rtl: false,
-        size: 'medium',
-        divider: true,
-        prefix: 'next-',
-    };
+  static defaultProps = {
+    rtl: false,
+    size: 'medium',
+    divider: true,
+    prefix: 'next-',
+  };
 
-    render() {
-        const {
-            prefix,
-            header,
-            footer,
-            size,
-            divider,
-            className,
-            children,
-            rtl,
-            ...others
-        } = this.props;
+  render() {
+    const {
+      prefix,
+      header,
+      footer,
+      size,
+      divider,
+      className,
+      children,
+      rtl,
+      ...others
+    } = this.props;
 
-        if (rtl) {
-            others.dir = 'rtl';
-        }
-
-        const classes = classNames(
-            `${prefix}list`,
-            {
-                [`${prefix}list-small`]: size === 'small',
-                [`${prefix}list-divider`]: divider,
-            },
-            className
-        );
-
-        return (
-            <div {...others} className={classes}>
-                {header ? (
-                    <div className={`${prefix}list-header`}>{header}</div>
-                ) : null}
-                <ul className={`${prefix}list-items`}>{children}</ul>
-                {footer ? (
-                    <div className={`${prefix}list-footer`}>{footer}</div>
-                ) : null}
-            </div>
-        );
+    if (rtl) {
+      others.dir = 'rtl';
     }
+
+    const classes = classNames(
+      `${prefix}list`,
+      {
+        [`${prefix}list-small`]: size === 'small',
+        [`${prefix}list-divider`]: divider,
+      },
+      className,
+    );
+
+    return (
+      <div {...others} className={classes}>
+        {header ? (
+          <div className={`${prefix}list-header`}>{header}</div>
+        ) : null}
+        <ul className={`${prefix}list-items`}>{children}</ul>
+        {footer ? (
+          <div className={`${prefix}list-footer`}>{footer}</div>
+        ) : null}
+      </div>
+    );
+  }
 }
 
 export default ConfigProvider.config(polyfill(List));
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/loading/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/loading/index.jsx
index 6fb7ef63e..4391e31e8 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/loading/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/loading/index.jsx
@@ -9,183 +9,183 @@ import { obj, func } from '../util';
 
 /** Loading */
 class Loading extends React.Component {
-    static propTypes = {
-        /**
+  static propTypes = {
+    /**
          * 样式前缀
          */
-        prefix: PropTypes.string,
-        /**
+    prefix: PropTypes.string,
+    /**
          * 自定义内容
          */
-        tip: PropTypes.any,
-        /**
+    tip: PropTypes.any,
+    /**
          * 自定义内容位置
          * @enumdesc 出现在动画右边, 出现在动画下面
          */
-        tipAlign: PropTypes.oneOf(['right', 'bottom']),
-        /**
+    tipAlign: PropTypes.oneOf(['right', 'bottom']),
+    /**
          * loading 状态, 默认 true
          */
-        visible: PropTypes.bool,
-        onVisibleChange: PropTypes.func,
-        /**
+    visible: PropTypes.bool,
+    onVisibleChange: PropTypes.func,
+    /**
          * 自定义class
          */
-        className: PropTypes.string,
-        /**
+    className: PropTypes.string,
+    /**
          * 自定义内联样式
          */
-        style: PropTypes.object,
-        /**
+    style: PropTypes.object,
+    /**
          * 设置动画尺寸
          * @description 仅仅对默认动画效果起作用
          * @enumdesc 大号, 中号
          */
-        size: PropTypes.oneOf(['large', 'medium']),
-        /**
+    size: PropTypes.oneOf(['large', 'medium']),
+    /**
          * 自定义动画
          */
-        indicator: PropTypes.any,
-        /**
+    indicator: PropTypes.any,
+    /**
          * 动画颜色
          */
-        color: PropTypes.string,
-        /**
+    color: PropTypes.string,
+    /**
          * 全屏展示
          */
-        fullScreen: PropTypes.bool,
-        /**
+    fullScreen: PropTypes.bool,
+    /**
          * 子元素
          */
-        children: PropTypes.any,
-        /**
+    children: PropTypes.any,
+    /**
          * should loader be displayed inline
          */
-        inline: PropTypes.bool,
-        rtl: PropTypes.bool,
-    };
+    inline: PropTypes.bool,
+    rtl: PropTypes.bool,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        visible: true,
-        onVisibleChange: func.noop,
-        animate: null,
-        tipAlign: 'bottom',
-        size: 'large',
-        inline: true,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    visible: true,
+    onVisibleChange: func.noop,
+    animate: null,
+    tipAlign: 'bottom',
+    size: 'large',
+    inline: true,
+  };
 
-    render() {
-        const {
-            tip,
-            visible,
-            children,
-            className,
-            style,
-            indicator,
-            color,
-            prefix,
-            fullScreen,
-            onVisibleChange,
-            tipAlign,
-            size,
-            inline,
-            rtl,
-        } = this.props;
+  render() {
+    const {
+      tip,
+      visible,
+      children,
+      className,
+      style,
+      indicator,
+      color,
+      prefix,
+      fullScreen,
+      onVisibleChange,
+      tipAlign,
+      size,
+      inline,
+      rtl,
+    } = this.props;
 
-        let indicatorDom = null;
-        const dotCls = `${prefix}loading-dot`;
+    let indicatorDom = null;
+    const dotCls = `${prefix}loading-dot`;
 
-        if (indicator) {
-            indicatorDom = indicator;
-        } else {
-            const backgroundColor = color;
-            const fusionReactorCls = classNames({
-                [`${prefix}loading-fusion-reactor`]: true,
-                [`${prefix}loading-medium-fusion-reactor`]: size === 'medium',
-            });
-            indicatorDom = (
-                <div className={fusionReactorCls} dir={rtl ? 'rtl' : undefined}>
-                    <span className={dotCls} style={{ backgroundColor }} />
-                    <span className={dotCls} style={{ backgroundColor }} />
-                    <span className={dotCls} style={{ backgroundColor }} />
-                    <span className={dotCls} style={{ backgroundColor }} />
-                </div>
-            );
-        }
-
-        const loadingCls = classNames({
-            [`${prefix}loading`]: true,
-            [`${prefix}open`]: visible,
-            [`${prefix}loading-inline`]: inline,
-            [className]: className,
-        });
-
-        const tipCls = classNames({
-            [`${prefix}loading-tip`]: true,
-            [`${prefix}loading-tip-fullscreen`]: fullScreen,
-            // 默认非 right就是 bottom
-            [`${prefix}loading-right-tip`]: tipAlign === 'right',
-        });
-
-        const others = obj.pickOthers(Loading.propTypes, this.props);
-
-        const contentCls = classNames({
-            [`${prefix}loading-component`]: visible,
-            [`${prefix}loading-wrap`]: true,
-        });
-
-        return fullScreen ? (
-            [
-                children,
-                <Overlay
-                    key="overlay"
-                    hasMask
-                    align="cc cc"
-                    {...others}
-                    className={className}
-                    style={style}
-                    visible={visible}
-                    onRequestClose={onVisibleChange}
-                >
-                    <div className={tipCls}>
-                        <div className={`${prefix}loading-indicator`}>
-                            {indicatorDom}
-                        </div>
-                        <div className={`${prefix}loading-tip-content`}>
-                            {tip}
-                        </div>
-                        {/* 由于撑开问题 使用同样的两个DOM */}
-                        <div className={`${prefix}loading-tip-placeholder`}>
-                            {tip}
-                        </div>
-                    </div>
-                </Overlay>,
-            ]
-        ) : (
-            <div className={loadingCls} style={style} {...others}>
-                {visible ? (
-                    <div className={tipCls}>
-                        <div className={`${prefix}loading-indicator`}>
-                            {indicatorDom}
-                        </div>
-                        <div className={`${prefix}loading-tip-content`}>
-                            {tip}
-                        </div>
-                        <div className={`${prefix}loading-tip-placeholder`}>
-                            {tip}
-                        </div>
-                    </div>
-                ) : null}
-                <div className={contentCls}>
-                    {visible ? (
-                        <div className={`${prefix}loading-masker`} />
-                    ) : null}
-                    {children}
-                </div>
-            </div>
-        );
+    if (indicator) {
+      indicatorDom = indicator;
+    } else {
+      const backgroundColor = color;
+      const fusionReactorCls = classNames({
+        [`${prefix}loading-fusion-reactor`]: true,
+        [`${prefix}loading-medium-fusion-reactor`]: size === 'medium',
+      });
+      indicatorDom = (
+        <div className={fusionReactorCls} dir={rtl ? 'rtl' : undefined}>
+          <span className={dotCls} style={{ backgroundColor }} />
+          <span className={dotCls} style={{ backgroundColor }} />
+          <span className={dotCls} style={{ backgroundColor }} />
+          <span className={dotCls} style={{ backgroundColor }} />
+        </div>
+      );
     }
+
+    const loadingCls = classNames({
+      [`${prefix}loading`]: true,
+      [`${prefix}open`]: visible,
+      [`${prefix}loading-inline`]: inline,
+      [className]: className,
+    });
+
+    const tipCls = classNames({
+      [`${prefix}loading-tip`]: true,
+      [`${prefix}loading-tip-fullscreen`]: fullScreen,
+      // 默认非 right就是 bottom
+      [`${prefix}loading-right-tip`]: tipAlign === 'right',
+    });
+
+    const others = obj.pickOthers(Loading.propTypes, this.props);
+
+    const contentCls = classNames({
+      [`${prefix}loading-component`]: visible,
+      [`${prefix}loading-wrap`]: true,
+    });
+
+    return fullScreen ? (
+      [
+        children,
+        <Overlay
+          key="overlay"
+          hasMask
+          align="cc cc"
+          {...others}
+          className={className}
+          style={style}
+          visible={visible}
+          onRequestClose={onVisibleChange}
+        >
+          <div className={tipCls}>
+            <div className={`${prefix}loading-indicator`}>
+              {indicatorDom}
+            </div>
+            <div className={`${prefix}loading-tip-content`}>
+              {tip}
+            </div>
+            {/* 由于撑开问题 使用同样的两个DOM */}
+            <div className={`${prefix}loading-tip-placeholder`}>
+              {tip}
+            </div>
+          </div>
+        </Overlay>,
+      ]
+    ) : (
+      <div className={loadingCls} style={style} {...others}>
+        {visible ? (
+          <div className={tipCls}>
+            <div className={`${prefix}loading-indicator`}>
+              {indicatorDom}
+            </div>
+            <div className={`${prefix}loading-tip-content`}>
+              {tip}
+            </div>
+            <div className={`${prefix}loading-tip-placeholder`}>
+              {tip}
+            </div>
+          </div>
+        ) : null}
+        <div className={contentCls}>
+          {visible ? (
+            <div className={`${prefix}loading-masker`} />
+          ) : null}
+          {children}
+        </div>
+      </div>
+    );
+  }
 }
 
 export default ConfigProvider.config(Loading);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/locale/en-us.js b/packages/material-parser/test/fixtures/fusion-next-component/src/locale/en-us.js
index 3d8cbfb10..97873669f 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/locale/en-us.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/locale/en-us.js
@@ -1,136 +1,136 @@
 export default {
-    momentLocale: 'en',
-    Timeline: {
-        expand: 'Expand',
-        fold: 'Fold',
-    },
-    Balloon: {
-        close: 'Close',
-    },
-    Card: {
-        expand: 'Expand',
-        fold: 'Fold',
-    },
-    Calendar: {
-        today: 'Today',
-        now: 'Now',
-        ok: 'OK',
-        clear: 'Clear',
-        month: 'Month',
-        year: 'Year',
-        prevYear: 'Previous Year',
-        nextYear: 'Next Year',
-        prevMonth: 'Previous Month',
-        nextMonth: 'Next Month',
-        prevDecade: 'Previous Decade',
-        nextDecade: 'Next Decade',
-        yearSelectAriaLabel: 'Select Year',
-        monthSelectAriaLabel: 'Select Month',
-    },
-    DatePicker: {
-        placeholder: 'Select Date',
-        datetimePlaceholder: 'Select Date And Time',
-        monthPlaceholder: 'Select Month',
-        yearPlaceholder: 'Select Year',
-        weekPlaceholder: 'Select week',
-        now: 'Now',
-        selectTime: 'Select Time',
-        selectDate: 'Select Date',
-        ok: 'OK',
-        clear: 'Clear',
-        startPlaceholder: 'Start Date',
-        endPlaceholder: 'End Date',
-        hour: 'H',
-        minute: 'M',
-        second: 'S',
-    },
-    Dialog: {
-        close: 'Close',
-        ok: 'OK',
-        cancel: 'Cancel',
-    },
-    Drawer: {
-        close: 'Close',
-    },
-    Message: {
-        closeAriaLabel: 'Close',
-    },
-    Pagination: {
-        prev: 'Previous',
-        next: 'Next',
-        goTo: 'Go to',
-        page: 'Page',
-        go: 'View',
-        total: 'Page {current}, {total} pages',
-        labelPrev: 'Previous page, current page {current}',
-        labelNext: 'Next page, current page {current}',
-        inputAriaLabel: 'Please enter what page to skip to',
-        selectAriaLabel:
+  momentLocale: 'en',
+  Timeline: {
+    expand: 'Expand',
+    fold: 'Fold',
+  },
+  Balloon: {
+    close: 'Close',
+  },
+  Card: {
+    expand: 'Expand',
+    fold: 'Fold',
+  },
+  Calendar: {
+    today: 'Today',
+    now: 'Now',
+    ok: 'OK',
+    clear: 'Clear',
+    month: 'Month',
+    year: 'Year',
+    prevYear: 'Previous Year',
+    nextYear: 'Next Year',
+    prevMonth: 'Previous Month',
+    nextMonth: 'Next Month',
+    prevDecade: 'Previous Decade',
+    nextDecade: 'Next Decade',
+    yearSelectAriaLabel: 'Select Year',
+    monthSelectAriaLabel: 'Select Month',
+  },
+  DatePicker: {
+    placeholder: 'Select Date',
+    datetimePlaceholder: 'Select Date And Time',
+    monthPlaceholder: 'Select Month',
+    yearPlaceholder: 'Select Year',
+    weekPlaceholder: 'Select week',
+    now: 'Now',
+    selectTime: 'Select Time',
+    selectDate: 'Select Date',
+    ok: 'OK',
+    clear: 'Clear',
+    startPlaceholder: 'Start Date',
+    endPlaceholder: 'End Date',
+    hour: 'H',
+    minute: 'M',
+    second: 'S',
+  },
+  Dialog: {
+    close: 'Close',
+    ok: 'OK',
+    cancel: 'Cancel',
+  },
+  Drawer: {
+    close: 'Close',
+  },
+  Message: {
+    closeAriaLabel: 'Close',
+  },
+  Pagination: {
+    prev: 'Previous',
+    next: 'Next',
+    goTo: 'Go to',
+    page: 'Page',
+    go: 'View',
+    total: 'Page {current}, {total} pages',
+    labelPrev: 'Previous page, current page {current}',
+    labelNext: 'Next page, current page {current}',
+    inputAriaLabel: 'Please enter what page to skip to',
+    selectAriaLabel:
             'Please select how many items are displayed on each page',
-        pageSize: 'Items per page:',
+    pageSize: 'Items per page:',
+  },
+  Input: {
+    clear: 'Clear',
+  },
+  Select: {
+    selectPlaceholder: 'Please Select',
+    autoCompletePlaceholder: 'Please Input',
+    notFoundContent: 'No Options',
+    maxTagPlaceholder: 'Selected {selected}/{total} Total',
+  },
+  Table: {
+    empty: 'No Data',
+    ok: 'OK',
+    reset: 'Reset',
+    asc: 'Ascending Order',
+    desc: 'Descending Order',
+    expanded: 'Expanded',
+    folded: 'Folded',
+    filter: 'Filter',
+    selectAll: 'Select All',
+  },
+  TimePicker: {
+    placeholder: 'Select Time',
+    clear: 'Clear',
+    hour: 'H',
+    minute: 'M',
+    second: 'S',
+  },
+  Transfer: {
+    items: 'items',
+    item: 'item',
+    moveAll: 'Move All',
+    searchPlaceholder: 'Please Input',
+    moveToLeft: 'Uncheck Selected Elements',
+    moveToRight: 'Submit Selected Elements',
+  },
+  Upload: {
+    card: {
+      cancel: 'Cancel',
+      addPhoto: 'Add Picture',
+      download: 'Download',
+      delete: 'Delete',
     },
-    Input: {
-        clear: 'Clear',
-    },
-    Select: {
-        selectPlaceholder: 'Please Select',
-        autoCompletePlaceholder: 'Please Input',
-        notFoundContent: 'No Options',
-        maxTagPlaceholder: 'Selected {selected}/{total} Total',
-    },
-    Table: {
-        empty: 'No Data',
-        ok: 'OK',
-        reset: 'Reset',
-        asc: 'Ascending Order',
-        desc: 'Descending Order',
-        expanded: 'Expanded',
-        folded: 'Folded',
-        filter: 'Filter',
-        selectAll: 'Select All',
-    },
-    TimePicker: {
-        placeholder: 'Select Time',
-        clear: 'Clear',
-        hour: 'H',
-        minute: 'M',
-        second: 'S',
-    },
-    Transfer: {
-        items: 'items',
-        item: 'item',
-        moveAll: 'Move All',
-        searchPlaceholder: 'Please Input',
-        moveToLeft: 'Uncheck Selected Elements',
-        moveToRight: 'Submit Selected Elements',
-    },
-    Upload: {
-        card: {
-            cancel: 'Cancel',
-            addPhoto: 'Add Picture',
-            download: 'Download',
-            delete: 'Delete',
-        },
-        drag: {
-            text: 'Click or Drag the file to this area to upload',
-            hint:
+    drag: {
+      text: 'Click or Drag the file to this area to upload',
+      hint:
                 'Support docx, xls, PDF, rar, zip, PNG, JPG and other files upload',
-        },
-        upload: {
-            delete: 'Delete',
-        },
     },
-    Search: {
-        buttonText: 'Search',
-    },
-    Tag: {
-        delete: 'Delete',
-    },
-    Rating: {
-        description: 'Rating Options',
-    },
-    Switch: {
-        on: 'on',
-        off: 'off',
+    upload: {
+      delete: 'Delete',
     },
+  },
+  Search: {
+    buttonText: 'Search',
+  },
+  Tag: {
+    delete: 'Delete',
+  },
+  Rating: {
+    description: 'Rating Options',
+  },
+  Switch: {
+    on: 'on',
+    off: 'off',
+  },
 };
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/locale/ja-jp.js b/packages/material-parser/test/fixtures/fusion-next-component/src/locale/ja-jp.js
index b7f9bb92b..94aad2c77 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/locale/ja-jp.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/locale/ja-jp.js
@@ -1,134 +1,134 @@
 export default {
-    momentLocale: 'ja',
-    Timeline: {
-        expand: '開く',
-        fold: '閉じる',
+  momentLocale: 'ja',
+  Timeline: {
+    expand: '開く',
+    fold: '閉じる',
+  },
+  Balloon: {
+    close: '閉鎖する',
+  },
+  Card: {
+    expand: '開く',
+    fold: '閉じる',
+  },
+  Calendar: {
+    today: '本日',
+    now: '現在',
+    ok: '確認',
+    clear: 'クリア',
+    month: '月',
+    year: '年',
+    prevYear: '前の年',
+    nextYear: '次の年',
+    prevMonth: '前の月',
+    nextMonth: '来月',
+    prevDecade: '前の十年',
+    nextDecade: '次の十年',
+    yearSelectAriaLabel: '年を選んで',
+    monthSelectAriaLabel: '月を選択し',
+  },
+  DatePicker: {
+    placeholder: '日付けの選択',
+    datetimePlaceholder: '日時を選択してください',
+    monthPlaceholder: '月を選択してください',
+    yearPlaceholder: '年を選択してください',
+    weekPlaceholder: '周を選んでください',
+    now: '現在',
+    selectTime: '時間の選択',
+    selectDate: '日付けの選択',
+    ok: '確認',
+    clear: 'クリア',
+    startPlaceholder: '開始日',
+    endPlaceholder: '最終日',
+    hour: '時',
+    minute: '分',
+    second: '秒',
+  },
+  Dialog: {
+    close: '閉鎖する',
+    ok: '確認',
+    cancel: 'キャンセル',
+  },
+  Drawer: {
+    close: '閉鎖する',
+  },
+  Message: {
+    closeAriaLabel: '閉鎖する',
+  },
+  Pagination: {
+    prev: '前のページ',
+    next: '次のページ',
+    goTo: '第',
+    page: 'ページへ',
+    go: '確認',
+    total: '第{current}ページ、{total}ページ',
+    labelPrev: '前のページ、当面の第{current}ページ',
+    labelNext: '次のページ、当面の第{current}ページ',
+    inputAriaLabel: '数ページまでジャンプしてください',
+    selectAriaLabel: 'ページごとに数本表示してください',
+    pageSize: 'ページサイズ：',
+  },
+  Input: {
+    clear: 'クリア',
+  },
+  Select: {
+    selectPlaceholder: '選択',
+    autoCompletePlaceholder: '入力',
+    notFoundContent: '選択肢なし',
+    maxTagPlaceholder: '選択済み {selected}/{total}',
+  },
+  Table: {
+    empty: 'データなし',
+    ok: '確認',
+    reset: 'リセット',
+    asc: '昇順',
+    desc: '降順',
+    expanded: '展開している',
+    folded: '収まった',
+    filter: 'フィルタ',
+    selectAll: '全選',
+  },
+  TimePicker: {
+    placeholder: '時間の選択',
+    clear: 'クリア',
+    hour: '時',
+    minute: '分',
+    second: '秒',
+  },
+  Transfer: {
+    items: '項目',
+    item: '項目',
+    moveAll: '全ての移動',
+    searchPlaceholder: '入力',
+    moveToLeft: '選択した要素のチェックを外します',
+    moveToRight: '選択した要素を送信',
+  },
+  Upload: {
+    card: {
+      cancel: 'キャンセル',
+      addPhoto: '画像アップロード',
+      download: 'ダウンロード',
+      delete: '削除',
     },
-    Balloon: {
-        close: '閉鎖する',
+    drag: {
+      text: '枠にドラッグしてアップロード',
+      hint: 'docx, xls, PDF, rar, zip, PNG, JPG 等がサポートしています',
     },
-    Card: {
-        expand: '開く',
-        fold: '閉じる',
-    },
-    Calendar: {
-        today: '本日',
-        now: '現在',
-        ok: '確認',
-        clear: 'クリア',
-        month: '月',
-        year: '年',
-        prevYear: '前の年',
-        nextYear: '次の年',
-        prevMonth: '前の月',
-        nextMonth: '来月',
-        prevDecade: '前の十年',
-        nextDecade: '次の十年',
-        yearSelectAriaLabel: '年を選んで',
-        monthSelectAriaLabel: '月を選択し',
-    },
-    DatePicker: {
-        placeholder: '日付けの選択',
-        datetimePlaceholder: '日時を選択してください',
-        monthPlaceholder: '月を選択してください',
-        yearPlaceholder: '年を選択してください',
-        weekPlaceholder: '周を選んでください',
-        now: '現在',
-        selectTime: '時間の選択',
-        selectDate: '日付けの選択',
-        ok: '確認',
-        clear: 'クリア',
-        startPlaceholder: '開始日',
-        endPlaceholder: '最終日',
-        hour: '時',
-        minute: '分',
-        second: '秒',
-    },
-    Dialog: {
-        close: '閉鎖する',
-        ok: '確認',
-        cancel: 'キャンセル',
-    },
-    Drawer: {
-        close: '閉鎖する',
-    },
-    Message: {
-        closeAriaLabel: '閉鎖する',
-    },
-    Pagination: {
-        prev: '前のページ',
-        next: '次のページ',
-        goTo: '第',
-        page: 'ページへ',
-        go: '確認',
-        total: '第{current}ページ、{total}ページ',
-        labelPrev: '前のページ、当面の第{current}ページ',
-        labelNext: '次のページ、当面の第{current}ページ',
-        inputAriaLabel: '数ページまでジャンプしてください',
-        selectAriaLabel: 'ページごとに数本表示してください',
-        pageSize: 'ページサイズ：',
-    },
-    Input: {
-        clear: 'クリア',
-    },
-    Select: {
-        selectPlaceholder: '選択',
-        autoCompletePlaceholder: '入力',
-        notFoundContent: '選択肢なし',
-        maxTagPlaceholder: '選択済み {selected}/{total}',
-    },
-    Table: {
-        empty: 'データなし',
-        ok: '確認',
-        reset: 'リセット',
-        asc: '昇順',
-        desc: '降順',
-        expanded: '展開している',
-        folded: '収まった',
-        filter: 'フィルタ',
-        selectAll: '全選',
-    },
-    TimePicker: {
-        placeholder: '時間の選択',
-        clear: 'クリア',
-        hour: '時',
-        minute: '分',
-        second: '秒',
-    },
-    Transfer: {
-        items: '項目',
-        item: '項目',
-        moveAll: '全ての移動',
-        searchPlaceholder: '入力',
-        moveToLeft: '選択した要素のチェックを外します',
-        moveToRight: '選択した要素を送信',
-    },
-    Upload: {
-        card: {
-            cancel: 'キャンセル',
-            addPhoto: '画像アップロード',
-            download: 'ダウンロード',
-            delete: '削除',
-        },
-        drag: {
-            text: '枠にドラッグしてアップロード',
-            hint: 'docx, xls, PDF, rar, zip, PNG, JPG 等がサポートしています',
-        },
-        upload: {
-            delete: '削除',
-        },
-    },
-    Search: {
-        buttonText: 'サーチ',
-    },
-    Tag: {
-        delete: 'デリート',
-    },
-    Rating: {
-        description: '評価オプション',
-    },
-    Switch: {
-        on: '開いています',
-        off: '閉じられました',
+    upload: {
+      delete: '削除',
     },
+  },
+  Search: {
+    buttonText: 'サーチ',
+  },
+  Tag: {
+    delete: 'デリート',
+  },
+  Rating: {
+    description: '評価オプション',
+  },
+  Switch: {
+    on: '開いています',
+    off: '閉じられました',
+  },
 };
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/locale/zh-cn.js b/packages/material-parser/test/fixtures/fusion-next-component/src/locale/zh-cn.js
index a377af45d..e9013e1d2 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/locale/zh-cn.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/locale/zh-cn.js
@@ -1,134 +1,134 @@
 export default {
-    momentLocale: 'zh-cn',
-    Timeline: {
-        expand: '展开',
-        fold: '收起',
+  momentLocale: 'zh-cn',
+  Timeline: {
+    expand: '展开',
+    fold: '收起',
+  },
+  Balloon: {
+    close: '关闭',
+  },
+  Card: {
+    expand: '展开',
+    fold: '收起',
+  },
+  Calendar: {
+    today: '今天',
+    now: '此刻',
+    ok: '确定',
+    clear: '清除',
+    month: '月',
+    year: '年',
+    prevYear: '上一年',
+    nextYear: '下一年',
+    prevMonth: '上个月',
+    nextMonth: '下个月',
+    prevDecade: '上十年',
+    nextDecade: '后十年',
+    yearSelectAriaLabel: '选择年份',
+    monthSelectAriaLabel: '选择月份',
+  },
+  DatePicker: {
+    placeholder: '请选择日期',
+    datetimePlaceholder: '请选择日期和时间',
+    monthPlaceholder: '请选择月',
+    yearPlaceholder: '请选择年',
+    weekPlaceholder: '请选择周',
+    now: '此刻',
+    selectTime: '选择时间',
+    selectDate: '选择日期',
+    ok: '确定',
+    clear: '清除',
+    startPlaceholder: '起始日期',
+    endPlaceholder: '结束日期',
+    hour: '时',
+    minute: '分',
+    second: '秒',
+  },
+  Dialog: {
+    close: '关闭',
+    ok: '确认',
+    cancel: '取消',
+  },
+  Drawer: {
+    close: '关闭',
+  },
+  Message: {
+    closeAriaLabel: '关闭',
+  },
+  Pagination: {
+    prev: '上一页',
+    next: '下一页',
+    goTo: '到第',
+    page: '页',
+    go: '确定',
+    total: '第{current}页，共{total}页',
+    labelPrev: '上一页，当前第{current}页',
+    labelNext: '下一页，当前第{current}页',
+    inputAriaLabel: '请输入跳转到第几页',
+    selectAriaLabel: '请选择每页显示几条',
+    pageSize: '每页显示：',
+  },
+  Input: {
+    clear: '清除',
+  },
+  Select: {
+    selectPlaceholder: '请选择',
+    autoCompletePlaceholder: '请输入',
+    notFoundContent: '无选项',
+    maxTagPlaceholder: '已选择 {selected}/{total} 项',
+  },
+  Table: {
+    empty: '没有数据',
+    ok: '确认',
+    reset: '重置',
+    asc: '升序',
+    desc: '降序',
+    expanded: '已展开',
+    folded: '已折叠',
+    filter: '筛选',
+    selectAll: '全选',
+  },
+  TimePicker: {
+    placeholder: '请选择时间',
+    clear: '清除',
+    hour: '时',
+    minute: '分',
+    second: '秒',
+  },
+  Transfer: {
+    items: '项',
+    item: '项',
+    moveAll: '移动全部',
+    searchPlaceholder: '请输入',
+    moveToLeft: '撤销选中元素',
+    moveToRight: '提交选中元素',
+  },
+  Upload: {
+    card: {
+      cancel: '取消',
+      addPhoto: '上传图片',
+      download: '下载',
+      delete: '删除',
     },
-    Balloon: {
-        close: '关闭',
+    drag: {
+      text: '点击或者拖动文件到虚线框内上传',
+      hint: '支持 docx, xls, PDF, rar, zip, PNG, JPG 等类型的文件',
     },
-    Card: {
-        expand: '展开',
-        fold: '收起',
-    },
-    Calendar: {
-        today: '今天',
-        now: '此刻',
-        ok: '确定',
-        clear: '清除',
-        month: '月',
-        year: '年',
-        prevYear: '上一年',
-        nextYear: '下一年',
-        prevMonth: '上个月',
-        nextMonth: '下个月',
-        prevDecade: '上十年',
-        nextDecade: '后十年',
-        yearSelectAriaLabel: '选择年份',
-        monthSelectAriaLabel: '选择月份',
-    },
-    DatePicker: {
-        placeholder: '请选择日期',
-        datetimePlaceholder: '请选择日期和时间',
-        monthPlaceholder: '请选择月',
-        yearPlaceholder: '请选择年',
-        weekPlaceholder: '请选择周',
-        now: '此刻',
-        selectTime: '选择时间',
-        selectDate: '选择日期',
-        ok: '确定',
-        clear: '清除',
-        startPlaceholder: '起始日期',
-        endPlaceholder: '结束日期',
-        hour: '时',
-        minute: '分',
-        second: '秒',
-    },
-    Dialog: {
-        close: '关闭',
-        ok: '确认',
-        cancel: '取消',
-    },
-    Drawer: {
-        close: '关闭',
-    },
-    Message: {
-        closeAriaLabel: '关闭',
-    },
-    Pagination: {
-        prev: '上一页',
-        next: '下一页',
-        goTo: '到第',
-        page: '页',
-        go: '确定',
-        total: '第{current}页，共{total}页',
-        labelPrev: '上一页，当前第{current}页',
-        labelNext: '下一页，当前第{current}页',
-        inputAriaLabel: '请输入跳转到第几页',
-        selectAriaLabel: '请选择每页显示几条',
-        pageSize: '每页显示：',
-    },
-    Input: {
-        clear: '清除',
-    },
-    Select: {
-        selectPlaceholder: '请选择',
-        autoCompletePlaceholder: '请输入',
-        notFoundContent: '无选项',
-        maxTagPlaceholder: '已选择 {selected}/{total} 项',
-    },
-    Table: {
-        empty: '没有数据',
-        ok: '确认',
-        reset: '重置',
-        asc: '升序',
-        desc: '降序',
-        expanded: '已展开',
-        folded: '已折叠',
-        filter: '筛选',
-        selectAll: '全选',
-    },
-    TimePicker: {
-        placeholder: '请选择时间',
-        clear: '清除',
-        hour: '时',
-        minute: '分',
-        second: '秒',
-    },
-    Transfer: {
-        items: '项',
-        item: '项',
-        moveAll: '移动全部',
-        searchPlaceholder: '请输入',
-        moveToLeft: '撤销选中元素',
-        moveToRight: '提交选中元素',
-    },
-    Upload: {
-        card: {
-            cancel: '取消',
-            addPhoto: '上传图片',
-            download: '下载',
-            delete: '删除',
-        },
-        drag: {
-            text: '点击或者拖动文件到虚线框内上传',
-            hint: '支持 docx, xls, PDF, rar, zip, PNG, JPG 等类型的文件',
-        },
-        upload: {
-            delete: '删除',
-        },
-    },
-    Search: {
-        buttonText: '搜索',
-    },
-    Tag: {
-        delete: '删除',
-    },
-    Rating: {
-        description: '评分选项',
-    },
-    Switch: {
-        on: '已打开',
-        off: '已关闭',
+    upload: {
+      delete: '删除',
     },
+  },
+  Search: {
+    buttonText: '搜索',
+  },
+  Tag: {
+    delete: '删除',
+  },
+  Rating: {
+    description: '评分选项',
+  },
+  Switch: {
+    on: '已打开',
+    off: '已关闭',
+  },
 };
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/locale/zh-tw.js b/packages/material-parser/test/fixtures/fusion-next-component/src/locale/zh-tw.js
index fe465b1c9..b5153a8cd 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/locale/zh-tw.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/locale/zh-tw.js
@@ -1,134 +1,134 @@
 export default {
-    momentLocale: 'zh-tw',
-    Timeline: {
-        expand: '展開',
-        fold: '收起',
+  momentLocale: 'zh-tw',
+  Timeline: {
+    expand: '展開',
+    fold: '收起',
+  },
+  Balloon: {
+    close: '關閉',
+  },
+  Card: {
+    expand: '展開',
+    fold: '收起',
+  },
+  Calendar: {
+    today: '今天',
+    now: '此刻',
+    ok: '確定',
+    clear: '清除',
+    month: '月',
+    year: '年',
+    prevYear: '上一年',
+    nextYear: '下一年',
+    prevMonth: '上个月',
+    nextMonth: '下个月',
+    prevDecade: '上十年',
+    nextDecade: '后十年',
+    yearSelectAriaLabel: '選擇年份',
+    monthSelectAriaLabel: '選擇月份',
+  },
+  DatePicker: {
+    placeholder: '請選擇日期',
+    datetimePlaceholder: '請選擇日期和時間',
+    monthPlaceholder: '請選擇月',
+    yearPlaceholder: '請選擇年',
+    weekPlaceholder: '請選擇周',
+    now: '此刻',
+    selectTime: '選擇時間',
+    selectDate: '選擇日期',
+    ok: '確定',
+    clear: '清除',
+    startPlaceholder: '起始日期',
+    endPlaceholder: '結束日期',
+    hour: '時',
+    minute: '分',
+    second: '秒',
+  },
+  Dialog: {
+    close: '關閉',
+    ok: '確認',
+    cancel: '取消',
+  },
+  Drawer: {
+    close: '關閉',
+  },
+  Message: {
+    closeAriaLabel: '關閉',
+  },
+  Pagination: {
+    prev: '上一頁',
+    next: '下一頁',
+    goTo: '到第',
+    page: '頁',
+    go: '確定',
+    total: '第{current}頁，共{total}頁',
+    labelPrev: '上一頁，當前第{current}頁',
+    labelNext: '下一頁，當前第{current}頁',
+    inputAriaLabel: '請輸入跳轉到第幾頁',
+    selectAriaLabel: '請選擇每頁顯示幾條',
+    pageSize: '每頁顯示：',
+  },
+  Input: {
+    clear: '清除',
+  },
+  Select: {
+    selectPlaceholder: '請選擇',
+    autoCompletePlaceholder: '請輸入',
+    notFoundContent: '無選項',
+    maxTagPlaceholder: '已選擇 {selected}/{total} 項',
+  },
+  Table: {
+    empty: '沒有數據',
+    ok: '確認',
+    reset: '重置',
+    asc: '昇冪',
+    desc: '降序',
+    expanded: '已展開',
+    folded: '已折疊',
+    filter: '篩選',
+    selectAll: '全選',
+  },
+  TimePicker: {
+    placeholder: '請選擇時間',
+    clear: '清除',
+    hour: '時',
+    minute: '分',
+    second: '秒',
+  },
+  Transfer: {
+    items: '項',
+    item: '項',
+    moveAll: '移動全部',
+    searchPlaceholder: '請輸入',
+    moveToLeft: '撤銷選中元素',
+    moveToRight: '提交選中元素',
+  },
+  Upload: {
+    card: {
+      cancel: '取消',
+      addPhoto: '上傳圖片',
+      download: '下載',
+      delete: '刪除',
     },
-    Balloon: {
-        close: '關閉',
+    drag: {
+      text: '點擊或者拖動文件到虛線框內上傳',
+      hint: '支持 docx, xls, PDF, rar, zip, PNG, JPG 等類型的文件',
     },
-    Card: {
-        expand: '展開',
-        fold: '收起',
-    },
-    Calendar: {
-        today: '今天',
-        now: '此刻',
-        ok: '確定',
-        clear: '清除',
-        month: '月',
-        year: '年',
-        prevYear: '上一年',
-        nextYear: '下一年',
-        prevMonth: '上个月',
-        nextMonth: '下个月',
-        prevDecade: '上十年',
-        nextDecade: '后十年',
-        yearSelectAriaLabel: '選擇年份',
-        monthSelectAriaLabel: '選擇月份',
-    },
-    DatePicker: {
-        placeholder: '請選擇日期',
-        datetimePlaceholder: '請選擇日期和時間',
-        monthPlaceholder: '請選擇月',
-        yearPlaceholder: '請選擇年',
-        weekPlaceholder: '請選擇周',
-        now: '此刻',
-        selectTime: '選擇時間',
-        selectDate: '選擇日期',
-        ok: '確定',
-        clear: '清除',
-        startPlaceholder: '起始日期',
-        endPlaceholder: '結束日期',
-        hour: '時',
-        minute: '分',
-        second: '秒',
-    },
-    Dialog: {
-        close: '關閉',
-        ok: '確認',
-        cancel: '取消',
-    },
-    Drawer: {
-        close: '關閉',
-    },
-    Message: {
-        closeAriaLabel: '關閉',
-    },
-    Pagination: {
-        prev: '上一頁',
-        next: '下一頁',
-        goTo: '到第',
-        page: '頁',
-        go: '確定',
-        total: '第{current}頁，共{total}頁',
-        labelPrev: '上一頁，當前第{current}頁',
-        labelNext: '下一頁，當前第{current}頁',
-        inputAriaLabel: '請輸入跳轉到第幾頁',
-        selectAriaLabel: '請選擇每頁顯示幾條',
-        pageSize: '每頁顯示：',
-    },
-    Input: {
-        clear: '清除',
-    },
-    Select: {
-        selectPlaceholder: '請選擇',
-        autoCompletePlaceholder: '請輸入',
-        notFoundContent: '無選項',
-        maxTagPlaceholder: '已選擇 {selected}/{total} 項',
-    },
-    Table: {
-        empty: '沒有數據',
-        ok: '確認',
-        reset: '重置',
-        asc: '昇冪',
-        desc: '降序',
-        expanded: '已展開',
-        folded: '已折疊',
-        filter: '篩選',
-        selectAll: '全選',
-    },
-    TimePicker: {
-        placeholder: '請選擇時間',
-        clear: '清除',
-        hour: '時',
-        minute: '分',
-        second: '秒',
-    },
-    Transfer: {
-        items: '項',
-        item: '項',
-        moveAll: '移動全部',
-        searchPlaceholder: '請輸入',
-        moveToLeft: '撤銷選中元素',
-        moveToRight: '提交選中元素',
-    },
-    Upload: {
-        card: {
-            cancel: '取消',
-            addPhoto: '上傳圖片',
-            download: '下載',
-            delete: '刪除',
-        },
-        drag: {
-            text: '點擊或者拖動文件到虛線框內上傳',
-            hint: '支持 docx, xls, PDF, rar, zip, PNG, JPG 等類型的文件',
-        },
-        upload: {
-            delete: '刪除',
-        },
-    },
-    Search: {
-        buttonText: '檢索',
-    },
-    Tag: {
-        delete: '删除',
-    },
-    Rating: {
-        description: '評分選項',
-    },
-    Switch: {
-        on: '已打開',
-        off: '已關閉',
+    upload: {
+      delete: '刪除',
     },
+  },
+  Search: {
+    buttonText: '檢索',
+  },
+  Tag: {
+    delete: '删除',
+  },
+  Rating: {
+    description: '評分選項',
+  },
+  Switch: {
+    on: '已打開',
+    off: '已關閉',
+  },
 };
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/menu-button/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/menu-button/index.jsx
index d01f72778..763e61db3 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/menu-button/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/menu-button/index.jsx
@@ -14,233 +14,233 @@ const { Popup } = Overlay;
  * MenuButton
  */
 class MenuButton extends React.Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    /**
          * 按钮上的文本内容
          */
-        label: PropTypes.node,
-        /**
+    label: PropTypes.node,
+    /**
          * 弹层是否与按钮宽度相同
          */
-        autoWidth: PropTypes.bool,
-        /**
+    autoWidth: PropTypes.bool,
+    /**
          * 弹层触发方式
          */
-        popupTriggerType: PropTypes.oneOf(['click', 'hover']),
-        /**
+    popupTriggerType: PropTypes.oneOf(['click', 'hover']),
+    /**
          * 弹层容器
          */
-        popupContainer: PropTypes.any,
-        /**
+    popupContainer: PropTypes.any,
+    /**
          * 弹层展开状态
          */
-        visible: PropTypes.bool,
-        /**
+    visible: PropTypes.bool,
+    /**
          * 弹层默认是否展开
          */
-        defaultVisible: PropTypes.bool,
-        /**
+    defaultVisible: PropTypes.bool,
+    /**
          * 弹层在显示和隐藏触发的事件
          */
-        onVisibleChange: PropTypes.func,
-        /**
+    onVisibleChange: PropTypes.func,
+    /**
          * 弹层自定义样式
          */
-        popupStyle: PropTypes.object,
-        /**
+    popupStyle: PropTypes.object,
+    /**
          * 弹层自定义样式类
          */
-        popupClassName: PropTypes.string,
-        /**
+    popupClassName: PropTypes.string,
+    /**
          * 弹层属性透传
          */
-        popupProps: PropTypes.object,
-        /**
+    popupProps: PropTypes.object,
+    /**
          * 是否跟随滚动
          */
-        followTrigger: PropTypes.bool,
-        /**
+    followTrigger: PropTypes.bool,
+    /**
          * 默认激活的菜单项（用法同 Menu 非受控）
          */
-        defaultSelectedKeys: PropTypes.array,
-        /**
+    defaultSelectedKeys: PropTypes.array,
+    /**
          * 激活的菜单项（用法同 Menu 受控）
          */
-        selectedKeys: PropTypes.array,
-        /**
+    selectedKeys: PropTypes.array,
+    /**
          * 菜单的选择模式，同 Menu
          */
-        selectMode: PropTypes.oneOf(['single', 'multiple']),
-        /**
+    selectMode: PropTypes.oneOf(['single', 'multiple']),
+    /**
          * 点击菜单项后的回调，同 Menu
          */
-        onItemClick: PropTypes.func,
-        /**
+    onItemClick: PropTypes.func,
+    /**
          * 选择菜单后的回调，同 Menu
          */
-        onSelect: PropTypes.func,
-        /**
+    onSelect: PropTypes.func,
+    /**
          * 菜单属性透传
          */
-        menuProps: PropTypes.object,
-        style: PropTypes.object,
-        className: PropTypes.string,
-        children: PropTypes.any,
-    };
+    menuProps: PropTypes.object,
+    style: PropTypes.object,
+    className: PropTypes.string,
+    children: PropTypes.any,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        autoWidth: true,
-        popupTriggerType: 'click',
-        onVisibleChange: func.noop,
-        onItemClick: func.noop,
-        onSelect: func.noop,
-        defaultSelectedKeys: [],
-        menuProps: {},
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    autoWidth: true,
+    popupTriggerType: 'click',
+    onVisibleChange: func.noop,
+    onItemClick: func.noop,
+    onSelect: func.noop,
+    defaultSelectedKeys: [],
+    menuProps: {},
+  };
 
-    constructor(props, context) {
-        super(props, context);
-        this.state = {
-            selectedKeys: props.selectedKeys || props.defaultSelectedKeys,
-            visible: props.visible || props.defaultVisible,
-        };
+  constructor(props, context) {
+    super(props, context);
+    this.state = {
+      selectedKeys: props.selectedKeys || props.defaultSelectedKeys,
+      visible: props.visible || props.defaultVisible,
+    };
+  }
+
+  componentWillReceiveProps(nextProps) {
+    if ('visible' in nextProps) {
+      this.setState({
+        visible: nextProps.visible,
+      });
     }
 
-    componentWillReceiveProps(nextProps) {
-        if ('visible' in nextProps) {
-            this.setState({
-                visible: nextProps.visible,
-            });
-        }
+    if ('selectedKeys' in nextProps) {
+      this.setState({
+        selectedKeys: nextProps.selectedKeys,
+      });
+    }
+  }
 
-        if ('selectedKeys' in nextProps) {
-            this.setState({
-                selectedKeys: nextProps.selectedKeys,
-            });
-        }
+  clickMenuItem = (key, ...others) => {
+    const { selectMode } = this.props;
+
+    this.props.onItemClick(key, ...others);
+
+    if (selectMode === 'multiple') {
+      return;
     }
 
-    clickMenuItem = (key, ...others) => {
-        const { selectMode } = this.props;
+    this.onPopupVisibleChange(false, 'menuSelect');
+  };
 
-        this.props.onItemClick(key, ...others);
-
-        if (selectMode === 'multiple') {
-            return;
-        }
-
-        this.onPopupVisibleChange(false, 'menuSelect');
-    };
-
-    selectMenu = (keys, ...others) => {
-        if (!('selectedKeys' in this.props)) {
-            this.setState({
-                selectedKeys: keys,
-            });
-        }
-        this.props.onSelect(keys, ...others);
-    };
-
-    onPopupOpen = () => {
-        const button = findDOMNode(this);
-        if (this.props.autoWidth && button && this.menu) {
-            this.menu.style.width = `${button.offsetWidth}px`;
-        }
-    };
-
-    onPopupVisibleChange = (visible, type) => {
-        if (!('visible' in this.props)) {
-            this.setState({
-                visible,
-            });
-        }
-        this.props.onVisibleChange(visible, type);
-    };
-
-    _menuRefHandler = ref => {
-        this.menu = findDOMNode(ref);
-
-        const refFn = this.props.menuProps.ref;
-        if (typeof refFn === 'function') {
-            refFn(ref);
-        }
-    };
-
-    render() {
-        const {
-            prefix,
-            style,
-            className,
-            label,
-            popupTriggerType,
-            popupContainer,
-            popupStyle,
-            popupClassName,
-            popupProps,
-            followTrigger,
-            selectMode,
-            menuProps,
-            children,
-            ...others
-        } = this.props;
-
-        const state = this.state;
-
-        const classNames = classnames(
-            {
-                [`${prefix}menu-btn`]: true,
-                [`${prefix}expand`]: state.visible,
-                opened: state.visible,
-            },
-            className
-        );
-
-        const popupClassNames = classnames(
-            {
-                [`${prefix}menu-btn-popup`]: true,
-            },
-            popupClassName
-        );
-
-        const trigger = (
-            <Button
-                style={style}
-                className={classNames}
-                {...obj.pickOthers(MenuButton.propTypes, others)}
-            >
-                {label}{' '}
-                <Icon type="arrow-down" className={`${prefix}menu-btn-arrow`} />
-            </Button>
-        );
-
-        return (
-            <Popup
-                {...popupProps}
-                followTrigger={followTrigger}
-                visible={state.visible}
-                onVisibleChange={this.onPopupVisibleChange}
-                trigger={trigger}
-                triggerType={popupTriggerType}
-                container={popupContainer}
-                onOpen={this.onPopupOpen}
-                style={popupStyle}
-                className={popupClassNames}
-            >
-                <Menu
-                    {...menuProps}
-                    ref={this._menuRefHandler}
-                    selectedKeys={state.selectedKeys}
-                    selectMode={selectMode}
-                    onSelect={this.selectMenu}
-                    onItemClick={this.clickMenuItem}
-                >
-                    {children}
-                </Menu>
-            </Popup>
-        );
+  selectMenu = (keys, ...others) => {
+    if (!('selectedKeys' in this.props)) {
+      this.setState({
+        selectedKeys: keys,
+      });
     }
+    this.props.onSelect(keys, ...others);
+  };
+
+  onPopupOpen = () => {
+    const button = findDOMNode(this);
+    if (this.props.autoWidth && button && this.menu) {
+      this.menu.style.width = `${button.offsetWidth}px`;
+    }
+  };
+
+  onPopupVisibleChange = (visible, type) => {
+    if (!('visible' in this.props)) {
+      this.setState({
+        visible,
+      });
+    }
+    this.props.onVisibleChange(visible, type);
+  };
+
+  _menuRefHandler = ref => {
+    this.menu = findDOMNode(ref);
+
+    const refFn = this.props.menuProps.ref;
+    if (typeof refFn === 'function') {
+      refFn(ref);
+    }
+  };
+
+  render() {
+    const {
+      prefix,
+      style,
+      className,
+      label,
+      popupTriggerType,
+      popupContainer,
+      popupStyle,
+      popupClassName,
+      popupProps,
+      followTrigger,
+      selectMode,
+      menuProps,
+      children,
+      ...others
+    } = this.props;
+
+    const { state } = this;
+
+    const classNames = classnames(
+      {
+        [`${prefix}menu-btn`]: true,
+        [`${prefix}expand`]: state.visible,
+        opened: state.visible,
+      },
+      className,
+    );
+
+    const popupClassNames = classnames(
+      {
+        [`${prefix}menu-btn-popup`]: true,
+      },
+      popupClassName,
+    );
+
+    const trigger = (
+      <Button
+        style={style}
+        className={classNames}
+        {...obj.pickOthers(MenuButton.propTypes, others)}
+      >
+        {label}{' '}
+        <Icon type="arrow-down" className={`${prefix}menu-btn-arrow`} />
+      </Button>
+    );
+
+    return (
+      <Popup
+        {...popupProps}
+        followTrigger={followTrigger}
+        visible={state.visible}
+        onVisibleChange={this.onPopupVisibleChange}
+        trigger={trigger}
+        triggerType={popupTriggerType}
+        container={popupContainer}
+        onOpen={this.onPopupOpen}
+        style={popupStyle}
+        className={popupClassNames}
+      >
+        <Menu
+          {...menuProps}
+          ref={this._menuRefHandler}
+          selectedKeys={state.selectedKeys}
+          selectMode={selectMode}
+          onSelect={this.selectMenu}
+          onItemClick={this.clickMenuItem}
+        >
+          {children}
+        </Menu>
+      </Popup>
+    );
+  }
 }
 
 MenuButton.Item = Menu.Item;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/menu/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/menu/index.jsx
index e9620ad16..4d8b1c5e9 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/menu/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/menu/index.jsx
@@ -20,33 +20,33 @@ Menu.create = create;
 
 /* istanbul ignore next */
 const transform = (props, deprecated) => {
-    if ('indentSize' in props) {
-        deprecated('indentSize', 'inlineIndent', 'Menu');
+  if ('indentSize' in props) {
+    deprecated('indentSize', 'inlineIndent', 'Menu');
 
-        const { indentSize, ...others } = props;
-        props = { inlineIndent: indentSize, ...others };
-    }
+    const { indentSize, ...others } = props;
+    props = { inlineIndent: indentSize, ...others };
+  }
 
-    if ('onDeselect' in props) {
-        deprecated('onDeselect', 'onSelect', 'Menu');
-        if (props.onDeselect) {
-            const { onDeselect, onSelect, ...others } = props;
-            const newOnSelect = (selectedKeys, item, extra) => {
-                if (!extra.select) {
-                    onDeselect(extra.key);
-                }
-                if (onSelect) {
-                    onSelect(selectedKeys, item, extra);
-                }
-            };
-
-            props = { onSelect: newOnSelect, ...others };
+  if ('onDeselect' in props) {
+    deprecated('onDeselect', 'onSelect', 'Menu');
+    if (props.onDeselect) {
+      const { onDeselect, onSelect, ...others } = props;
+      const newOnSelect = (selectedKeys, item, extra) => {
+        if (!extra.select) {
+          onDeselect(extra.key);
         }
-    }
+        if (onSelect) {
+          onSelect(selectedKeys, item, extra);
+        }
+      };
 
-    return props;
+      props = { onSelect: newOnSelect, ...others };
+    }
+  }
+
+  return props;
 };
 
 export default ConfigProvider.config(Menu, {
-    transform,
+  transform,
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/checkable-item.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/checkable-item.jsx
index bb8b937d2..481287ead 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/checkable-item.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/checkable-item.jsx
@@ -10,134 +10,134 @@ const { bindCtx } = func;
 const { pickOthers } = obj;
 
 export default class CheckableItem extends Component {
-    static propTypes = {
-        _key: PropTypes.string,
-        root: PropTypes.object,
-        disabled: PropTypes.bool,
-        inlineIndent: PropTypes.number,
-        checked: PropTypes.bool,
-        indeterminate: PropTypes.bool,
-        onChange: PropTypes.func,
-        checkType: PropTypes.oneOf(['checkbox', 'radio']),
-        checkDisabled: PropTypes.bool,
-        helper: PropTypes.node,
-        children: PropTypes.node,
-        onKeyDown: PropTypes.func,
-        onClick: PropTypes.func,
-        id: PropTypes.string,
+  static propTypes = {
+    _key: PropTypes.string,
+    root: PropTypes.object,
+    disabled: PropTypes.bool,
+    inlineIndent: PropTypes.number,
+    checked: PropTypes.bool,
+    indeterminate: PropTypes.bool,
+    onChange: PropTypes.func,
+    checkType: PropTypes.oneOf(['checkbox', 'radio']),
+    checkDisabled: PropTypes.bool,
+    helper: PropTypes.node,
+    children: PropTypes.node,
+    onKeyDown: PropTypes.func,
+    onClick: PropTypes.func,
+    id: PropTypes.string,
+  };
+
+  static defaultProps = {
+    disabled: false,
+    checked: false,
+    indeterminate: false,
+    checkType: 'checkbox',
+    checkDisabled: false,
+    onChange: noop,
+  };
+
+  constructor(props) {
+    super(props);
+
+    bindCtx(this, ['stopPropagation', 'handleKeyDown', 'handleClick']);
+    this.id = htmlId.escapeForId(
+      `checkable-item-${props.id || props._key}`,
+    );
+  }
+
+  stopPropagation(e) {
+    e.stopPropagation();
+  }
+
+  handleCheck(e) {
+    const { checkType, checked, onChange } = this.props;
+    if (!(checkType === 'radio' && checked)) {
+      onChange(!checked, e);
+    }
+  }
+
+  handleKeyDown(e) {
+    if (e.keyCode === KEYCODE.SPACE && !this.props.checkDisabled) {
+      this.handleCheck(e);
+    }
+
+    this.props.onKeyDown && this.props.onKeyDown(e);
+  }
+
+  handleClick(e) {
+    this.handleCheck(e);
+
+    this.props.onClick && this.props.onClick(e);
+  }
+
+  renderCheck() {
+    const {
+      root,
+      checked,
+      indeterminate,
+      disabled,
+      checkType,
+      checkDisabled,
+      onChange,
+    } = this.props;
+    const { labelToggleChecked } = root.props;
+    const Check = checkType === 'radio' ? Radio : Checkbox;
+
+    const checkProps = {
+      tabIndex: '-1',
+      checked,
+      disabled: disabled || checkDisabled,
     };
+    if (checkType === 'checkbox') {
+      checkProps.indeterminate = indeterminate;
+    }
+    if (!labelToggleChecked) {
+      checkProps.onChange = onChange;
+      checkProps.onClick = this.stopPropagation;
+    }
 
-    static defaultProps = {
-        disabled: false,
-        checked: false,
-        indeterminate: false,
-        checkType: 'checkbox',
-        checkDisabled: false,
-        onChange: noop,
+    return <Check aria-labelledby={this.id} {...checkProps} />;
+  }
+
+  render() {
+    const {
+      _key,
+      root,
+      checked,
+      disabled,
+      onClick,
+      helper,
+      children,
+    } = this.props;
+    const { prefix, labelToggleChecked } = root.props;
+    const others = pickOthers(
+      Object.keys(CheckableItem.propTypes),
+      this.props,
+    );
+
+    const newProps = {
+      _key,
+      root,
+      disabled,
+      type: 'item',
+      onClick,
+      onKeyDown: this.handleKeyDown,
+      ...others,
     };
-
-    constructor(props) {
-        super(props);
-
-        bindCtx(this, ['stopPropagation', 'handleKeyDown', 'handleClick']);
-        this.id = htmlId.escapeForId(
-            `checkable-item-${props.id || props._key}`
-        );
+    if (labelToggleChecked && !disabled) {
+      newProps.onClick = this.handleClick;
     }
 
-    stopPropagation(e) {
-        e.stopPropagation();
-    }
-
-    handleCheck(e) {
-        const { checkType, checked, onChange } = this.props;
-        if (!(checkType === 'radio' && checked)) {
-            onChange(!checked, e);
-        }
-    }
-
-    handleKeyDown(e) {
-        if (e.keyCode === KEYCODE.SPACE && !this.props.checkDisabled) {
-            this.handleCheck(e);
-        }
-
-        this.props.onKeyDown && this.props.onKeyDown(e);
-    }
-
-    handleClick(e) {
-        this.handleCheck(e);
-
-        this.props.onClick && this.props.onClick(e);
-    }
-
-    renderCheck() {
-        const {
-            root,
-            checked,
-            indeterminate,
-            disabled,
-            checkType,
-            checkDisabled,
-            onChange,
-        } = this.props;
-        const { labelToggleChecked } = root.props;
-        const Check = checkType === 'radio' ? Radio : Checkbox;
-
-        const checkProps = {
-            tabIndex: '-1',
-            checked,
-            disabled: disabled || checkDisabled,
-        };
-        if (checkType === 'checkbox') {
-            checkProps.indeterminate = indeterminate;
-        }
-        if (!labelToggleChecked) {
-            checkProps.onChange = onChange;
-            checkProps.onClick = this.stopPropagation;
-        }
-
-        return <Check aria-labelledby={this.id} {...checkProps} />;
-    }
-
-    render() {
-        const {
-            _key,
-            root,
-            checked,
-            disabled,
-            onClick,
-            helper,
-            children,
-        } = this.props;
-        const { prefix, labelToggleChecked } = root.props;
-        const others = pickOthers(
-            Object.keys(CheckableItem.propTypes),
-            this.props
-        );
-
-        const newProps = {
-            _key,
-            root,
-            disabled,
-            type: 'item',
-            onClick,
-            onKeyDown: this.handleKeyDown,
-            ...others,
-        };
-        if (labelToggleChecked && !disabled) {
-            newProps.onClick = this.handleClick;
-        }
-
-        return (
-            <Item aria-checked={checked} {...newProps}>
-                {this.renderCheck()}
-                <span className={`${prefix}menu-item-text`} id={this.id}>
-                    {children}
-                </span>
-                {helper ? (
-                    <div className={`${prefix}menu-item-helper`}>{helper}</div>
-                ) : null}
-            </Item>
-        );
-    }
+    return (
+      <Item aria-checked={checked} {...newProps}>
+        {this.renderCheck()}
+        <span className={`${prefix}menu-item-text`} id={this.id}>
+          {children}
+        </span>
+        {helper ? (
+          <div className={`${prefix}menu-item-helper`}>{helper}</div>
+        ) : null}
+      </Item>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/checkbox-item.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/checkbox-item.jsx
index 5057bc063..849729401 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/checkbox-item.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/checkbox-item.jsx
@@ -8,55 +8,55 @@ import CheckableItem from './checkable-item';
  * @description 该子组件选中情况不受 defaultSelectedKeys/selectedKeys 控制，请自行控制选中逻辑
  */
 export default class CheckboxItem extends Component {
-    static menuChildType = 'item';
+  static menuChildType = 'item';
 
-    static propTypes = {
-        /**
+  static propTypes = {
+    /**
          * 是否选中
          */
-        checked: PropTypes.bool,
-        /**
+    checked: PropTypes.bool,
+    /**
          * 是否半选中
          */
-        indeterminate: PropTypes.bool,
-        /**
+    indeterminate: PropTypes.bool,
+    /**
          * 是否禁用
          */
-        disabled: PropTypes.bool,
-        /**
+    disabled: PropTypes.bool,
+    /**
          * 选中或取消选中触发的回调函数
          * @param {Boolean} checked 是否选中
          * @param {Object} event 选中事件对象
          */
-        onChange: PropTypes.func,
-        /**
+    onChange: PropTypes.func,
+    /**
          * 帮助文本
          */
-        helper: PropTypes.node,
-        /**
+    helper: PropTypes.node,
+    /**
          * 标签内容
          */
-        children: PropTypes.node,
-        checkboxDisabled: PropTypes.bool,
-    };
+    children: PropTypes.node,
+    checkboxDisabled: PropTypes.bool,
+  };
 
-    static defaultProps = {
-        checked: false,
-        indeterminate: false,
-        disabled: false,
-        onChange: () => {},
-        checkboxDisabled: false,
-    };
+  static defaultProps = {
+    checked: false,
+    indeterminate: false,
+    disabled: false,
+    onChange: () => {},
+    checkboxDisabled: false,
+  };
 
-    render() {
-        const { checkboxDisabled, ...others } = this.props;
-        return (
-            <CheckableItem
-                role="menuitemcheckbox"
-                checkType="checkbox"
-                checkDisabled={checkboxDisabled}
-                {...others}
-            />
-        );
-    }
+  render() {
+    const { checkboxDisabled, ...others } = this.props;
+    return (
+      <CheckableItem
+        role="menuitemcheckbox"
+        checkType="checkbox"
+        checkDisabled={checkboxDisabled}
+        {...others}
+      />
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/create.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/create.jsx
index 5001b7531..175351326 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/create.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/create.jsx
@@ -14,131 +14,131 @@ const Menu = ConfigProvider.config(menu);
 let menuInstance;
 
 class ContextMenu extends Component {
-    static propTypes = {
-        className: PropTypes.string,
-        popupClassName: PropTypes.string,
-        target: PropTypes.any,
-        align: PropTypes.string,
-        offset: PropTypes.array,
-        overlayProps: PropTypes.object,
-        afterClose: PropTypes.func,
-        mode: PropTypes.oneOf(['inline', 'popup']),
-        onOpen: PropTypes.func,
-        onItemClick: PropTypes.func,
+  static propTypes = {
+    className: PropTypes.string,
+    popupClassName: PropTypes.string,
+    target: PropTypes.any,
+    align: PropTypes.string,
+    offset: PropTypes.array,
+    overlayProps: PropTypes.object,
+    afterClose: PropTypes.func,
+    mode: PropTypes.oneOf(['inline', 'popup']),
+    onOpen: PropTypes.func,
+    onItemClick: PropTypes.func,
+  };
+
+  static defaultProps = {
+    prefix: 'next-',
+    align: 'tl tl',
+    mode: 'popup',
+  };
+
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      visible: true,
     };
 
-    static defaultProps = {
-        prefix: 'next-',
-        align: 'tl tl',
-        mode: 'popup',
-    };
+    bindCtx(this, [
+      'handleOverlayClose',
+      'handleOverlayOpen',
+      'handleItemClick',
+      'getOverlay',
+    ]);
+  }
 
-    constructor(props) {
-        super(props);
+  getOverlay(ref) {
+    this.overlay = ref;
+  }
 
-        this.state = {
-            visible: true,
-        };
+  close() {
+    this.setState({
+      visible: false,
+    });
+    menuInstance = null;
+  }
 
-        bindCtx(this, [
-            'handleOverlayClose',
-            'handleOverlayOpen',
-            'handleItemClick',
-            'getOverlay',
-        ]);
-    }
-
-    getOverlay(ref) {
-        this.overlay = ref;
-    }
-
-    close() {
-        this.setState({
-            visible: false,
-        });
-        menuInstance = null;
-    }
-
-    handleOverlayClose(triggerType, e, ...others) {
-        const clickedPopupMenu =
+  handleOverlayClose(triggerType, e, ...others) {
+    const clickedPopupMenu =
             triggerType === 'docClick' &&
             this.popupNodes.some(node => node.contains(e.target));
-        if (!clickedPopupMenu) {
-            this.close();
-            const { overlayProps } = this.props;
-            if (overlayProps && overlayProps.onRequestClose) {
-                overlayProps.onRequestClose(triggerType, e, ...others);
-            }
-        }
+    if (!clickedPopupMenu) {
+      this.close();
+      const { overlayProps } = this.props;
+      if (overlayProps && overlayProps.onRequestClose) {
+        overlayProps.onRequestClose(triggerType, e, ...others);
+      }
     }
+  }
 
-    handleOverlayOpen() {
-        this.popupNodes = this.overlay
-            .getInstance()
-            .getContent()
-            .getInstance().popupNodes;
-        const { overlayProps } = this.props;
-        if (overlayProps && overlayProps.onOpen) {
-            overlayProps.onOpen();
-        }
+  handleOverlayOpen() {
+    this.popupNodes = this.overlay
+      .getInstance()
+      .getContent()
+      .getInstance().popupNodes;
+    const { overlayProps } = this.props;
+    if (overlayProps && overlayProps.onOpen) {
+      overlayProps.onOpen();
     }
+  }
 
-    handleItemClick(...args) {
-        this.close();
+  handleItemClick(...args) {
+    this.close();
 
-        this.props.onItemClick && this.props.onItemClick(...args);
-    }
+    this.props.onItemClick && this.props.onItemClick(...args);
+  }
 
-    render() {
-        const {
-            className,
-            popupClassName,
-            target,
-            align,
-            offset,
-            afterClose,
-            overlayProps = {},
-            ...others
-        } = this.props;
-        const contextProps = getContextProps(this.props);
-        const { prefix } = contextProps;
-        const { visible } = this.state;
+  render() {
+    const {
+      className,
+      popupClassName,
+      target,
+      align,
+      offset,
+      afterClose,
+      overlayProps = {},
+      ...others
+    } = this.props;
+    const contextProps = getContextProps(this.props);
+    const { prefix } = contextProps;
+    const { visible } = this.state;
 
-        const newOverlayProps = {
-            ...contextProps,
-            ...overlayProps,
-            target,
-            align,
-            offset,
-            afterClose,
-            visible,
-            onRequestClose: this.handleOverlayClose,
-            onOpen: this.handleOverlayOpen,
-            ref: this.getOverlay,
-        };
-        const menuProps = {
-            ...contextProps,
-            triggerType: 'hover',
-            ...others,
-            className: cx({
-                [`${prefix}context`]: true,
-                [className]: !!className,
-            }),
-            popupClassName: cx({
-                [`${prefix}context`]: true,
-                [popupClassName]: !!popupClassName,
-            }),
-            onItemClick: this.handleItemClick,
-        };
+    const newOverlayProps = {
+      ...contextProps,
+      ...overlayProps,
+      target,
+      align,
+      offset,
+      afterClose,
+      visible,
+      onRequestClose: this.handleOverlayClose,
+      onOpen: this.handleOverlayOpen,
+      ref: this.getOverlay,
+    };
+    const menuProps = {
+      ...contextProps,
+      triggerType: 'hover',
+      ...others,
+      className: cx({
+        [`${prefix}context`]: true,
+        [className]: !!className,
+      }),
+      popupClassName: cx({
+        [`${prefix}context`]: true,
+        [popupClassName]: !!popupClassName,
+      }),
+      onItemClick: this.handleItemClick,
+    };
 
-        newOverlayProps.rtl = false;
+    newOverlayProps.rtl = false;
 
-        return (
-            <Overlay {...newOverlayProps}>
-                <Menu {...menuProps} />
-            </Overlay>
-        );
-    }
+    return (
+      <Overlay {...newOverlayProps}>
+        <Menu {...menuProps} />
+      </Overlay>
+    );
+  }
 }
 
 /**
@@ -147,47 +147,47 @@ class ContextMenu extends Component {
  * @param {Object} props 属性对象
  */
 export default function create(props) {
-    if (menuInstance) {
-        menuInstance.destroy();
-    }
+  if (menuInstance) {
+    menuInstance.destroy();
+  }
 
-    /* eslint-disable no-unused-vars */
-    const { afterClose, ...others } = props;
-    /* eslint-enable no-unused-vars */
+  /* eslint-disable no-unused-vars */
+  const { afterClose, ...others } = props;
+  /* eslint-enable no-unused-vars */
 
-    const div = document.createElement('div');
-    document.body.appendChild(div);
+  const div = document.createElement('div');
+  document.body.appendChild(div);
 
-    const closeChain = () => {
-        unmountComponentAtNode(div);
-        document.body.removeChild(div);
+  const closeChain = () => {
+    unmountComponentAtNode(div);
+    document.body.removeChild(div);
 
-        afterClose && afterClose();
-    };
+    afterClose && afterClose();
+  };
 
-    const newContext = ConfigProvider.getContext();
+  const newContext = ConfigProvider.getContext();
 
-    let menu;
-    render(
-        <ConfigProvider {...newContext}>
-            <ContextMenu
-                ref={ref => {
-                    menu = ref;
-                }}
-                afterClose={closeChain}
-                {...others}
-            />
-        </ConfigProvider>,
-        div
-    );
+  let menu;
+  render(
+    <ConfigProvider {...newContext}>
+      <ContextMenu
+        ref={ref => {
+          menu = ref;
+        }}
+        afterClose={closeChain}
+        {...others}
+      />
+    </ConfigProvider>,
+    div,
+  );
 
-    menuInstance = {
-        destroy: () => {
-            if (menu) {
-                menu.close();
-            }
-        },
-    };
+  menuInstance = {
+    destroy: () => {
+      if (menu) {
+        menu.close();
+      }
+    },
+  };
 
-    return menuInstance;
+  return menuInstance;
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/divider.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/divider.jsx
index c64ffad48..89d0761a2 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/divider.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/divider.jsx
@@ -7,22 +7,22 @@ import cx from 'classnames';
  * @order 6
  */
 export default class Divider extends Component {
-    static menuChildType = 'divider';
+  static menuChildType = 'divider';
 
-    static propTypes = {
-        root: PropTypes.object,
-        className: PropTypes.string,
-    };
+  static propTypes = {
+    root: PropTypes.object,
+    className: PropTypes.string,
+  };
 
-    render() {
-        const { root, className, ...others } = this.props;
-        const { prefix } = root.props;
+  render() {
+    const { root, className, ...others } = this.props;
+    const { prefix } = root.props;
 
-        const newClassName = cx({
-            [`${prefix}menu-divider`]: true,
-            [className]: !!className,
-        });
+    const newClassName = cx({
+      [`${prefix}menu-divider`]: true,
+      [className]: !!className,
+    });
 
-        return <li role="separator" className={newClassName} {...others} />;
-    }
+    return <li role="separator" className={newClassName} {...others} />;
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/group.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/group.jsx
index 77f57f954..b4c6fd6d5 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/group.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/group.jsx
@@ -8,67 +8,67 @@ import Item from './item';
  * @order 5
  */
 export default class Group extends Component {
-    static menuChildType = 'group';
+  static menuChildType = 'group';
 
-    static propTypes = {
-        root: PropTypes.object,
-        className: PropTypes.string,
-        /**
+  static propTypes = {
+    root: PropTypes.object,
+    className: PropTypes.string,
+    /**
          * 标签内容
          */
-        label: PropTypes.node,
-        /**
+    label: PropTypes.node,
+    /**
          * 菜单项
          */
-        children: PropTypes.node,
-        parentMode: PropTypes.oneOf(['inline', 'popup']),
-    };
+    children: PropTypes.node,
+    parentMode: PropTypes.oneOf(['inline', 'popup']),
+  };
 
-    render() {
-        const {
-            root,
-            className,
-            label,
-            children,
-            parentMode,
-            ...others
-        } = this.props;
-        const { prefix } = root.props;
+  render() {
+    const {
+      root,
+      className,
+      label,
+      children,
+      parentMode,
+      ...others
+    } = this.props;
+    const { prefix } = root.props;
 
-        const newClassName = cx({
-            [`${prefix}menu-group-label`]: true,
-            [className]: !!className,
-        });
+    const newClassName = cx({
+      [`${prefix}menu-group-label`]: true,
+      [className]: !!className,
+    });
 
-        const newChildren = children.map(child => {
-            // to fix https://github.com/alibaba-fusion/next/issues/952
-            if (typeof child !== 'function' && typeof child !== 'object') {
-                return child;
-            }
-            const { className } = child.props;
-            const newChildClassName = cx({
-                [`${prefix}menu-group-item`]: true,
-                [className]: !!className,
-            });
+    const newChildren = children.map(child => {
+      // to fix https://github.com/alibaba-fusion/next/issues/952
+      if (typeof child !== 'function' && typeof child !== 'object') {
+        return child;
+      }
+      const { className } = child.props;
+      const newChildClassName = cx({
+        [`${prefix}menu-group-item`]: true,
+        [className]: !!className,
+      });
 
-            return cloneElement(child, {
-                parentMode,
-                className: newChildClassName,
-            });
-        });
+      return cloneElement(child, {
+        parentMode,
+        className: newChildClassName,
+      });
+    });
 
-        return [
-            <Item
-                key="menu-group-label"
-                className={newClassName}
-                replaceClassName
-                root={root}
-                parentMode={parentMode}
-                {...others}
-            >
-                {label}
-            </Item>,
-            ...newChildren,
-        ];
-    }
+    return [
+      <Item
+        key="menu-group-label"
+        className={newClassName}
+        replaceClassName
+        root={root}
+        parentMode={parentMode}
+        {...others}
+      >
+        {label}
+      </Item>,
+      ...newChildren,
+    ];
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/item.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/item.jsx
index ad5118a67..dc3ecf99b 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/item.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/item.jsx
@@ -8,222 +8,222 @@ const { bindCtx } = func;
 const { pickOthers } = obj;
 
 export default class Item extends Component {
-    static propTypes = {
-        _key: PropTypes.string,
-        level: PropTypes.number,
-        inlineLevel: PropTypes.number,
-        groupIndent: PropTypes.number,
-        root: PropTypes.object,
-        menu: PropTypes.any,
-        parent: PropTypes.object,
-        parentMode: PropTypes.oneOf(['inline', 'popup']),
-        type: PropTypes.oneOf(['submenu', 'item']),
-        component: PropTypes.string,
-        disabled: PropTypes.bool,
-        className: PropTypes.string,
-        onClick: PropTypes.func,
-        onKeyDown: PropTypes.func,
-        needIndent: PropTypes.bool,
-        replaceClassName: PropTypes.bool,
-    };
+  static propTypes = {
+    _key: PropTypes.string,
+    level: PropTypes.number,
+    inlineLevel: PropTypes.number,
+    groupIndent: PropTypes.number,
+    root: PropTypes.object,
+    menu: PropTypes.any,
+    parent: PropTypes.object,
+    parentMode: PropTypes.oneOf(['inline', 'popup']),
+    type: PropTypes.oneOf(['submenu', 'item']),
+    component: PropTypes.string,
+    disabled: PropTypes.bool,
+    className: PropTypes.string,
+    onClick: PropTypes.func,
+    onKeyDown: PropTypes.func,
+    needIndent: PropTypes.bool,
+    replaceClassName: PropTypes.bool,
+  };
 
-    static defaultProps = {
-        component: 'li',
-        groupIndent: 0,
-        replaceClassName: false,
-        needIndent: true,
-    };
+  static defaultProps = {
+    component: 'li',
+    groupIndent: 0,
+    replaceClassName: false,
+    needIndent: true,
+  };
 
-    constructor(props) {
-        super(props);
+  constructor(props) {
+    super(props);
 
-        bindCtx(this, ['handleClick', 'handleKeyDown']);
+    bindCtx(this, ['handleClick', 'handleKeyDown']);
+  }
+
+  componentDidMount() {
+    this.itemNode = findDOMNode(this);
+
+    const { parentMode, root, menu } = this.props;
+    if (menu) {
+      this.menuNode = findDOMNode(menu);
+    } else if (parentMode === 'popup') {
+      this.menuNode = this.itemNode.parentNode;
+    } else {
+      this.menuNode = findDOMNode(root);
+      const { prefix, header, footer } = root.props;
+      if (header || footer) {
+        this.menuNode = this.menuNode.querySelector(
+          `.${prefix}menu-content`,
+        );
+      }
     }
 
-    componentDidMount() {
-        this.itemNode = findDOMNode(this);
+    this.setFocus();
+  }
 
-        const { parentMode, root, menu } = this.props;
-        if (menu) {
-            this.menuNode = findDOMNode(menu);
-        } else if (parentMode === 'popup') {
-            this.menuNode = this.itemNode.parentNode;
-        } else {
-            this.menuNode = findDOMNode(root);
-            const { prefix, header, footer } = root.props;
-            if (header || footer) {
-                this.menuNode = this.menuNode.querySelector(
-                    `.${prefix}menu-content`
-                );
-            }
-        }
+  componentDidUpdate() {
+    this.setFocus();
+  }
 
-        this.setFocus();
-    }
+  focusable() {
+    const { root, type, disabled } = this.props;
+    const { focusable } = root.props;
+    return focusable && (type === 'submenu' || !disabled);
+  }
 
-    componentDidUpdate() {
-        this.setFocus();
-    }
+  getFocused() {
+    const { _key, root } = this.props;
+    const { focusedKey } = root.state;
+    return focusedKey === _key;
+  }
 
-    focusable() {
-        const { root, type, disabled } = this.props;
-        const { focusable } = root.props;
-        return focusable && (type === 'submenu' || !disabled);
-    }
-
-    getFocused() {
-        const { _key, root } = this.props;
-        const { focusedKey } = root.state;
-        return focusedKey === _key;
-    }
-
-    setFocus() {
-        const focused = this.getFocused();
-        if (focused) {
-            if (this.focusable()) {
-                this.itemNode.focus({ preventScroll: true });
-            }
-            if (
-                this.menuNode &&
+  setFocus() {
+    const focused = this.getFocused();
+    if (focused) {
+      if (this.focusable()) {
+        this.itemNode.focus({ preventScroll: true });
+      }
+      if (
+        this.menuNode &&
                 this.menuNode.scrollHeight > this.menuNode.clientHeight
-            ) {
-                const scrollBottom =
+      ) {
+        const scrollBottom =
                     this.menuNode.clientHeight + this.menuNode.scrollTop;
-                const itemBottom =
+        const itemBottom =
                     this.itemNode.offsetTop + this.itemNode.offsetHeight;
-                if (itemBottom > scrollBottom) {
-                    this.menuNode.scrollTop =
+        if (itemBottom > scrollBottom) {
+          this.menuNode.scrollTop =
                         itemBottom - this.menuNode.clientHeight;
-                } else if (this.itemNode.offsetTop < this.menuNode.scrollTop) {
-                    this.menuNode.scrollTop = this.itemNode.offsetTop;
-                }
-            }
+        } else if (this.itemNode.offsetTop < this.menuNode.scrollTop) {
+          this.menuNode.scrollTop = this.itemNode.offsetTop;
         }
+      }
+    }
+  }
+
+  handleClick(e) {
+    e.stopPropagation();
+
+    const { _key, root, disabled } = this.props;
+
+    if (!disabled) {
+      root.handleItemClick(_key, this, e);
+
+      this.props.onClick && this.props.onClick(e);
+    } else {
+      e.preventDefault();
+    }
+  }
+
+  handleKeyDown(e) {
+    const { _key, root, type } = this.props;
+
+    if (this.focusable()) {
+      root.handleItemKeyDown(_key, type, this, e);
+
+      switch (e.keyCode) {
+        case KEYCODE.ENTER: {
+          if (!(type === 'submenu')) {
+            this.handleClick(e);
+          }
+          break;
+        }
+      }
     }
 
-    handleClick(e) {
-        e.stopPropagation();
+    this.props.onKeyDown && this.props.onKeyDown(e);
+  }
 
-        const { _key, root, disabled } = this.props;
+  getTitle(children) {
+    let labelString = '';
 
-        if (!disabled) {
-            root.handleItemClick(_key, this, e);
-
-            this.props.onClick && this.props.onClick(e);
-        } else {
-            e.preventDefault();
+    const loop = children => {
+      Children.forEach(children, child => {
+        if (isValidElement(child) && child.props.children) {
+          loop(child.props.children);
+        } else if (typeof child === 'string') {
+          labelString += child;
         }
+      });
+    };
+
+    loop(children);
+
+    return labelString;
+  }
+
+  render() {
+    const {
+      inlineLevel,
+      root,
+      replaceClassName,
+      groupIndent,
+      component,
+      disabled,
+      className,
+      children,
+      needIndent,
+      parentMode,
+      _key,
+    } = this.props;
+    const others = pickOthers(Object.keys(Item.propTypes), this.props);
+
+    const {
+      prefix,
+      focusable,
+      inlineIndent,
+      itemClassName,
+      rtl,
+    } = root.props;
+    const focused = this.getFocused();
+
+    const newClassName = replaceClassName
+      ? className
+      : cx({
+        [`${prefix}menu-item`]: true,
+        [`${prefix}disabled`]: disabled,
+        [`${prefix}focused`]: !focusable && focused,
+        [itemClassName]: !!itemClassName,
+        [className]: !!className,
+      });
+    if (disabled) {
+      others['aria-disabled'] = true;
+      others['aria-hidden'] = true;
     }
 
-    handleKeyDown(e) {
-        const { _key, root, type } = this.props;
+    others.tabIndex = root.tabbableKey === _key ? '0' : '-1';
 
-        if (this.focusable()) {
-            root.handleItemKeyDown(_key, type, this, e);
-
-            switch (e.keyCode) {
-                case KEYCODE.ENTER: {
-                    if (!(type === 'submenu')) {
-                        this.handleClick(e);
-                    }
-                    break;
-                }
-            }
-        }
-
-        this.props.onKeyDown && this.props.onKeyDown(e);
-    }
-
-    getTitle(children) {
-        let labelString = '';
-
-        const loop = children => {
-            Children.forEach(children, child => {
-                if (isValidElement(child) && child.props.children) {
-                    loop(child.props.children);
-                } else if (typeof child === 'string') {
-                    labelString += child;
-                }
-            });
-        };
-
-        loop(children);
-
-        return labelString;
-    }
-
-    render() {
-        const {
-            inlineLevel,
-            root,
-            replaceClassName,
-            groupIndent,
-            component,
-            disabled,
-            className,
-            children,
-            needIndent,
-            parentMode,
-            _key,
-        } = this.props;
-        const others = pickOthers(Object.keys(Item.propTypes), this.props);
-
-        const {
-            prefix,
-            focusable,
-            inlineIndent,
-            itemClassName,
-            rtl,
-        } = root.props;
-        const focused = this.getFocused();
-
-        const newClassName = replaceClassName
-            ? className
-            : cx({
-                  [`${prefix}menu-item`]: true,
-                  [`${prefix}disabled`]: disabled,
-                  [`${prefix}focused`]: !focusable && focused,
-                  [itemClassName]: !!itemClassName,
-                  [className]: !!className,
-              });
-        if (disabled) {
-            others['aria-disabled'] = true;
-            others['aria-hidden'] = true;
-        }
-
-        others.tabIndex = root.tabbableKey === _key ? '0' : '-1';
-
-        if (
-            parentMode === 'inline' &&
+    if (
+      parentMode === 'inline' &&
             inlineLevel > 1 &&
             inlineIndent > 0 &&
             needIndent
-        ) {
-            const paddingProp = rtl ? 'paddingRight' : 'paddingLeft';
-            others.style = {
-                ...(others.style || {}),
-                [paddingProp]: `${inlineLevel * inlineIndent -
+    ) {
+      const paddingProp = rtl ? 'paddingRight' : 'paddingLeft';
+      others.style = {
+        ...(others.style || {}),
+        [paddingProp]: `${inlineLevel * inlineIndent -
                     (groupIndent || 0) * 0.4 * inlineIndent}px`,
-            };
-        }
-        const TagName = component;
-
-        let role = 'menuitem';
-        if ('selectMode' in root.props) {
-            role = 'option';
-        }
-
-        return (
-            <TagName
-                role={role}
-                title={this.getTitle(children)}
-                {...others}
-                className={newClassName}
-                onClick={this.handleClick}
-                onKeyDown={this.handleKeyDown}
-            >
-                <div className={`${prefix}menu-item-inner`}>{children}</div>
-            </TagName>
-        );
+      };
     }
+    const TagName = component;
+
+    let role = 'menuitem';
+    if ('selectMode' in root.props) {
+      role = 'option';
+    }
+
+    return (
+      <TagName
+        role={role}
+        title={this.getTitle(children)}
+        {...others}
+        className={newClassName}
+        onClick={this.handleClick}
+        onKeyDown={this.handleKeyDown}
+      >
+        <div className={`${prefix}menu-item-inner`}>{children}</div>
+      </TagName>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/menu.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/menu.jsx
index 9418d9f07..7b6ed96d5 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/menu.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/menu.jsx
@@ -16,97 +16,97 @@ const MENUITEM_OVERFLOWED_CLASSNAME = 'menuitem-overflowed';
  * Menu
  */
 export default class Menu extends Component {
-    static isNextMenu = true;
+  static isNextMenu = true;
 
-    static propTypes = {
-        ...ConfigProvider.propTypes,
-        prefix: PropTypes.string,
-        pure: PropTypes.bool,
-        rtl: PropTypes.bool,
-        className: PropTypes.string,
-        /**
+  static propTypes = {
+    ...ConfigProvider.propTypes,
+    prefix: PropTypes.string,
+    pure: PropTypes.bool,
+    rtl: PropTypes.bool,
+    className: PropTypes.string,
+    /**
          * 菜单项和子菜单
          */
-        children: PropTypes.node,
-        /**
+    children: PropTypes.node,
+    /**
          * 点击菜单项触发的回调函数
          * @param {String} key 点击的菜单项的 key 值
          * @param {Object} item 点击的菜单项对象
          * @param {Object} event 点击的事件对象
          */
-        onItemClick: PropTypes.func,
-        /**
+    onItemClick: PropTypes.func,
+    /**
          * 当前打开的子菜单的 key 值
          */
-        openKeys: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
-        /**
+    openKeys: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
+    /**
          * 初始打开的子菜单的 key 值
          */
-        defaultOpenKeys: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.array,
-        ]),
-        /**
+    defaultOpenKeys: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.array,
+    ]),
+    /**
          * 初始展开所有的子菜单，只在 mode 设置为 'inline' 以及 openMode 设置为 'multiple' 下生效，优先级高于 defaultOpenKeys
          */
-        defaultOpenAll: PropTypes.bool,
-        /**
+    defaultOpenAll: PropTypes.bool,
+    /**
          * 打开或关闭子菜单触发的回调函数
          * @param {String} key 打开的所有子菜单的 key 值
          * @param {Object} extra 额外参数
          * @param {String} extra.key 当前操作子菜单的 key 值
          * @param {Boolean} extra.open 是否是打开
          */
-        onOpen: PropTypes.func,
-        /**
+    onOpen: PropTypes.func,
+    /**
          * 子菜单打开的模式
          */
-        mode: PropTypes.oneOf(['inline', 'popup']),
-        /**
+    mode: PropTypes.oneOf(['inline', 'popup']),
+    /**
          * 子菜单打开的触发行为
          */
-        triggerType: PropTypes.oneOf(['click', 'hover']),
-        /**
+    triggerType: PropTypes.oneOf(['click', 'hover']),
+    /**
          * 展开内连子菜单的模式，同时可以展开一个子菜单还是多个子菜单，该属性仅在 mode 为 inline 时生效
          */
-        openMode: PropTypes.oneOf(['single', 'multiple']),
-        /**
+    openMode: PropTypes.oneOf(['single', 'multiple']),
+    /**
          * 内连子菜单缩进距离
          */
-        inlineIndent: PropTypes.number,
-        inlineArrowDirection: PropTypes.oneOf(['down', 'right']),
-        /**
+    inlineIndent: PropTypes.number,
+    inlineArrowDirection: PropTypes.oneOf(['down', 'right']),
+    /**
          * 是否自动让弹层的宽度和菜单项保持一致，如果弹层的宽度比菜单项小则和菜单项保持一致，如果宽度大于菜单项则不做处理
          */
-        popupAutoWidth: PropTypes.bool,
-        /**
+    popupAutoWidth: PropTypes.bool,
+    /**
          * 弹层的对齐方式
          */
-        popupAlign: PropTypes.oneOf(['follow', 'outside']),
-        /**
+    popupAlign: PropTypes.oneOf(['follow', 'outside']),
+    /**
          * 弹层自定义 props
          */
-        popupProps: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
-        /**
+    popupProps: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
+    /**
          * 弹出子菜单自定义 className
          */
-        popupClassName: PropTypes.string,
-        /**
+    popupClassName: PropTypes.string,
+    /**
          * 弹出子菜单自定义 style
          */
-        popupStyle: PropTypes.object,
-        /**
+    popupStyle: PropTypes.object,
+    /**
          * 当前选中菜单项的 key 值
          */
-        selectedKeys: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
-        /**
+    selectedKeys: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
+    /**
          * 初始选中菜单项的 key 值
          */
-        defaultSelectedKeys: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.array,
-        ]),
-        /**
+    defaultSelectedKeys: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.array,
+    ]),
+    /**
          * 选中或取消选中菜单项触发的回调函数
          * @param {Array} selectedKeys 选中的所有菜单项的值
          * @param {Object} item 选中或取消选中的菜单项
@@ -116,388 +116,387 @@ export default class Menu extends Component {
          * @param {Object} extra.label 菜单项的文本
          * @param {Array} extra.keyPath 菜单项 key 的路径
          */
-        onSelect: PropTypes.func,
-        /**
+    onSelect: PropTypes.func,
+    /**
          * 选中模式，单选还是多选，默认无值，不可选
          */
-        selectMode: PropTypes.oneOf(['single', 'multiple']),
-        /**
+    selectMode: PropTypes.oneOf(['single', 'multiple']),
+    /**
          * 是否只能选择第一层菜单项（不能选择子菜单中的菜单项）
          */
-        shallowSelect: PropTypes.bool,
-        /**
+    shallowSelect: PropTypes.bool,
+    /**
          * 是否显示选中图标，如果设置为 false 需配合配置平台设置选中时的背景色以示区分
          */
-        hasSelectedIcon: PropTypes.bool,
-        labelToggleChecked: PropTypes.bool,
-        /**
+    hasSelectedIcon: PropTypes.bool,
+    labelToggleChecked: PropTypes.bool,
+    /**
          * 是否将选中图标居右，仅当 hasSelectedIcon 为true 时生效。
          * 注意：SubMenu 上的选中图标一直居左，不受此API控制
          */
-        isSelectIconRight: PropTypes.bool,
-        /**
+    isSelectIconRight: PropTypes.bool,
+    /**
          * 菜单第一层展示方向
          */
-        direction: PropTypes.oneOf(['ver', 'hoz']),
-        /**
+    direction: PropTypes.oneOf(['ver', 'hoz']),
+    /**
          * 横向菜单条 item 和 footer 的对齐方向，在 direction 设置为 'hoz' 并且 header 存在时生效
          */
-        hozAlign: PropTypes.oneOf(['left', 'right']),
-        /**
+    hozAlign: PropTypes.oneOf(['left', 'right']),
+    /**
          * 横向菜单模式下，是否维持在一行，即超出一行折叠成 SubMenu 显示， 仅在 direction='hoz' mode='popup' 时生效
          */
-        hozInLine: PropTypes.bool,
-        renderMore: PropTypes.func,
-        /**
+    hozInLine: PropTypes.bool,
+    renderMore: PropTypes.func,
+    /**
          * 自定义菜单头部
          */
-        header: PropTypes.node,
-        /**
+    header: PropTypes.node,
+    /**
          * 自定义菜单尾部
          */
-        footer: PropTypes.node,
-        /**
+    footer: PropTypes.node,
+    /**
          * 是否自动获得焦点
          */
-        autoFocus: PropTypes.bool,
-        /**
+    autoFocus: PropTypes.bool,
+    /**
          * 当前获得焦点的子菜单或菜单项 key 值
          */
-        focusedKey: PropTypes.string,
-        focusable: PropTypes.bool,
-        onItemFocus: PropTypes.func,
-        onBlur: PropTypes.func,
-        /**
+    focusedKey: PropTypes.string,
+    focusable: PropTypes.bool,
+    onItemFocus: PropTypes.func,
+    onBlur: PropTypes.func,
+    /**
          * 是否开启嵌入式模式，一般用于Layout的布局中，开启后没有默认背景、外层border、box-shadow，可以配合`<Menu style={{lineHeight: '100px'}}>` 自定义高度
          */
-        embeddable: PropTypes.bool,
-        onItemKeyDown: PropTypes.func,
-        expandAnimation: PropTypes.bool,
-        itemClassName: PropTypes.string,
+    embeddable: PropTypes.bool,
+    onItemKeyDown: PropTypes.func,
+    expandAnimation: PropTypes.bool,
+    itemClassName: PropTypes.string,
+  };
+
+  static defaultProps = {
+    prefix: 'next-',
+    pure: false,
+    defaultOpenKeys: [],
+    defaultOpenAll: false,
+    onOpen: noop,
+    mode: 'inline',
+    triggerType: 'click',
+    openMode: 'multiple',
+    inlineIndent: 20,
+    inlineArrowDirection: 'down',
+    popupAutoWidth: false,
+    popupAlign: 'follow',
+    popupProps: {},
+    defaultSelectedKeys: [],
+    onSelect: noop,
+    shallowSelect: false,
+    hasSelectedIcon: true,
+    isSelectIconRight: false,
+    labelToggleChecked: true,
+    direction: 'ver',
+    hozAlign: 'left',
+    hozInLine: false,
+    autoFocus: false,
+    focusable: true,
+    embeddable: false,
+    onItemFocus: noop,
+    onItemKeyDown: noop,
+    onItemClick: noop,
+    expandAnimation: true,
+  };
+
+  constructor(props) {
+    super(props);
+
+    const {
+      children,
+      selectedKeys,
+      defaultSelectedKeys,
+      focusedKey,
+      focusable,
+      autoFocus,
+      hozInLine,
+    } = this.props;
+
+    this.state = {
+      lastVisibleIndex: undefined,
     };
 
-    static defaultProps = {
-        prefix: 'next-',
-        pure: false,
-        defaultOpenKeys: [],
-        defaultOpenAll: false,
-        onOpen: noop,
-        mode: 'inline',
-        triggerType: 'click',
-        openMode: 'multiple',
-        inlineIndent: 20,
-        inlineArrowDirection: 'down',
-        popupAutoWidth: false,
-        popupAlign: 'follow',
-        popupProps: {},
-        defaultSelectedKeys: [],
-        onSelect: noop,
-        shallowSelect: false,
-        hasSelectedIcon: true,
-        isSelectIconRight: false,
-        labelToggleChecked: true,
-        direction: 'ver',
-        hozAlign: 'left',
-        hozInLine: false,
-        autoFocus: false,
-        focusable: true,
-        embeddable: false,
-        onItemFocus: noop,
-        onItemKeyDown: noop,
-        onItemClick: noop,
-        expandAnimation: true,
+    this.newChildren = this.getNewChildren({ children, hozInLine });
+
+    if (focusable) {
+      this.tabbableKey = this.getFirstAvaliablelChildKey('0');
+    }
+
+    this.state = {
+      lastVisibleIndex: undefined,
+      openKeys: this.getInitOpenKeys(props),
+      selectedKeys: this.normalizeToArray(
+        selectedKeys || defaultSelectedKeys,
+      ),
+      focusedKey: !isNil(this.props.focusedKey)
+        ? focusedKey
+        : focusable && autoFocus
+          ? this.tabbableKey
+          : null,
     };
 
-    constructor(props) {
-        super(props);
+    bindCtx(this, [
+      'handleOpen',
+      'handleSelect',
+      'handleItemClick',
+      'handleItemKeyDown',
+      'onBlur',
+      'adjustChildrenWidth',
+    ]);
 
-        const {
-            children,
-            selectedKeys,
-            defaultSelectedKeys,
-            focusedKey,
-            focusable,
-            autoFocus,
-            hozInLine,
-        } = this.props;
+    this.popupNodes = [];
+  }
 
-        this.state = {
-            lastVisibleIndex: undefined,
-        };
+  componentDidMount() {
+    this.menuNode = findDOMNode(this);
 
-        this.newChildren = this.getNewChildren({ children, hozInLine });
+    this.adjustChildrenWidth();
 
-        if (focusable) {
-            this.tabbableKey = this.getFirstAvaliablelChildKey('0');
-        }
+    if (this.props.hozInLine) {
+      events.on(window, 'resize', this.adjustChildrenWidth);
+    }
+  }
 
-        this.state = {
-            lastVisibleIndex: undefined,
-            openKeys: this.getInitOpenKeys(props),
-            selectedKeys: this.normalizeToArray(
-                selectedKeys || defaultSelectedKeys
-            ),
-            focusedKey: !isNil(this.props.focusedKey)
-                ? focusedKey
-                : focusable && autoFocus
-                ? this.tabbableKey
-                : null,
-        };
+  componentWillReceiveProps(nextProps) {
+    const state = {};
 
-        bindCtx(this, [
-            'handleOpen',
-            'handleSelect',
-            'handleItemClick',
-            'handleItemKeyDown',
-            'onBlur',
-            'adjustChildrenWidth',
-        ]);
-
-        this.popupNodes = [];
+    if ('openKeys' in nextProps) {
+      state.openKeys = this.normalizeToArray(nextProps.openKeys);
+    }
+    if ('selectedKeys' in nextProps) {
+      state.selectedKeys = this.normalizeToArray(nextProps.selectedKeys);
+    }
+    if ('focusedKey' in nextProps) {
+      state.focusedKey = nextProps.focusedKey;
     }
 
-    componentDidMount() {
-        this.menuNode = findDOMNode(this);
+    if (Object.keys(state).length) {
+      this.setState(state);
+    }
+  }
 
-        this.adjustChildrenWidth();
-
-        if (this.props.hozInLine) {
-            events.on(window, 'resize', this.adjustChildrenWidth);
-        }
+  componentWillUpdate(nextProps, nextState) {
+    if (this.state.lastVisibleIndex !== nextState.lastVisibleIndex) {
+      this.adjustChildrenWidth();
     }
 
-    componentWillReceiveProps(nextProps) {
-        const state = {};
+    this.newChildren = this.getNewChildren(nextProps);
 
-        if ('openKeys' in nextProps) {
-            state.openKeys = this.normalizeToArray(nextProps.openKeys);
-        }
-        if ('selectedKeys' in nextProps) {
-            state.selectedKeys = this.normalizeToArray(nextProps.selectedKeys);
-        }
-        if ('focusedKey' in nextProps) {
-            state.focusedKey = nextProps.focusedKey;
+    if (this.props.focusable) {
+      if (this.tabbableKey in this.k2n) {
+        if (this.state.focusedKey) {
+          this.tabbableKey = this.state.focusedKey;
         }
+      } else {
+        this.tabbableKey = this.getFirstAvaliablelChildKey('0');
+      }
+    }
+  }
 
-        if (Object.keys(state).length) {
-            this.setState(state);
-        }
+  componentWillUnmount() {
+    events.off(window, 'resize', this.adjustChildrenWidth);
+  }
+
+  adjustChildrenWidth() {
+    const { direction, prefix, header, footer, hozInLine } = this.props;
+    if (direction !== 'hoz' || !hozInLine) {
+      return;
     }
 
-    componentWillUpdate(nextProps, nextState) {
-        if (this.state.lastVisibleIndex !== nextState.lastVisibleIndex) {
-            this.adjustChildrenWidth();
-        }
-
-        this.newChildren = this.getNewChildren(nextProps);
-
-        if (this.props.focusable) {
-            if (this.tabbableKey in this.k2n) {
-                if (this.state.focusedKey) {
-                    this.tabbableKey = this.state.focusedKey;
-                }
-            } else {
-                this.tabbableKey = this.getFirstAvaliablelChildKey('0');
-            }
-        }
+    if (!this.menuNode && !this.menuContent) {
+      return;
     }
 
-    componentWillUnmount() {
-        events.off(window, 'resize', this.adjustChildrenWidth);
-    }
+    let children = [];
+    let spaceWidth;
 
-    adjustChildrenWidth() {
-        const { direction, prefix, header, footer, hozInLine } = this.props;
-        if (direction !== 'hoz' || !hozInLine) {
-            return;
-        }
-
-        if (!this.menuNode && !this.menuContent) {
-            return;
-        }
-
-        let children = [],
-            spaceWidth;
-
-        if (header || footer) {
-            children = this.menuContent.children;
-            spaceWidth =
+    if (header || footer) {
+      children = this.menuContent.children;
+      spaceWidth =
                 getWidth(this.menuNode) -
                 getWidth(this.menuHeader) -
                 getWidth(this.menuFooter);
-        } else {
-            children = this.menuNode.children;
-            spaceWidth = getWidth(this.menuNode);
-        }
-
-        if (children.length < 2) {
-            return;
-        }
-
-        let currentSumWidth = 0,
-            lastVisibleIndex = -1;
-
-        const menuItemNodes = [].slice
-            .call(children)
-            .filter(
-                node =>
-                    node.className.split(' ').indexOf(`${prefix}menu-more`) < 0
-            );
-
-        const overflowedItems = menuItemNodes.filter(
-            c =>
-                c.className.split(' ').indexOf(MENUITEM_OVERFLOWED_CLASSNAME) >=
-                0
-        );
-
-        overflowedItems.forEach(c => {
-            dom.setStyle(c, 'display', 'inline-block');
-        });
-
-        const lastIndicator = children[children.length - 1];
-        dom.setStyle(lastIndicator, 'display', 'inline-block');
-        const moreWidth = getWidth(lastIndicator);
-        dom.setStyle(lastIndicator, 'display', 'none');
-
-        this.menuItemSizes = menuItemNodes.map(c => getWidth(c));
-
-        overflowedItems.forEach(c => {
-            dom.setStyle(c, 'display', 'none');
-        });
-
-        this.menuItemSizes.forEach(liWidth => {
-            currentSumWidth += liWidth;
-            if (currentSumWidth + moreWidth <= spaceWidth) {
-                lastVisibleIndex++;
-            }
-        });
-
-        this.setState({
-            lastVisibleIndex,
-        });
-    }
-    onBlur(e) {
-        this.setState({
-            focusedKey: undefined,
-        });
-
-        this.props.onBlur && this.props.onBlur(e);
+    } else {
+      children = this.menuNode.children;
+      spaceWidth = getWidth(this.menuNode);
     }
 
-    getInitOpenKeys(props) {
-        let initOpenKeys;
+    if (children.length < 2) {
+      return;
+    }
 
-        const {
-            openKeys,
-            defaultOpenKeys,
-            defaultOpenAll,
-            mode,
-            openMode,
-        } = props;
-        if (openKeys) {
-            initOpenKeys = openKeys;
-        } else if (
-            defaultOpenAll &&
+    let currentSumWidth = 0;
+    let lastVisibleIndex = -1;
+
+    const menuItemNodes = [].slice
+      .call(children)
+      .filter(
+        node => node.className.split(' ').indexOf(`${prefix}menu-more`) < 0,
+      );
+
+    const overflowedItems = menuItemNodes.filter(
+      c => c.className.split(' ').indexOf(MENUITEM_OVERFLOWED_CLASSNAME) >=
+                0,
+    );
+
+    overflowedItems.forEach(c => {
+      dom.setStyle(c, 'display', 'inline-block');
+    });
+
+    const lastIndicator = children[children.length - 1];
+    dom.setStyle(lastIndicator, 'display', 'inline-block');
+    const moreWidth = getWidth(lastIndicator);
+    dom.setStyle(lastIndicator, 'display', 'none');
+
+    this.menuItemSizes = menuItemNodes.map(c => getWidth(c));
+
+    overflowedItems.forEach(c => {
+      dom.setStyle(c, 'display', 'none');
+    });
+
+    this.menuItemSizes.forEach(liWidth => {
+      currentSumWidth += liWidth;
+      if (currentSumWidth + moreWidth <= spaceWidth) {
+        lastVisibleIndex++;
+      }
+    });
+
+    this.setState({
+      lastVisibleIndex,
+    });
+  }
+
+  onBlur(e) {
+    this.setState({
+      focusedKey: undefined,
+    });
+
+    this.props.onBlur && this.props.onBlur(e);
+  }
+
+  getInitOpenKeys(props) {
+    let initOpenKeys;
+
+    const {
+      openKeys,
+      defaultOpenKeys,
+      defaultOpenAll,
+      mode,
+      openMode,
+    } = props;
+    if (openKeys) {
+      initOpenKeys = openKeys;
+    } else if (
+      defaultOpenAll &&
             mode === 'inline' &&
             openMode === 'multiple'
-        ) {
-            initOpenKeys = Object.keys(this.k2n).filter(key => {
-                return this.k2n[key].type === 'submenu';
-            });
-        } else {
-            initOpenKeys = defaultOpenKeys;
-        }
-
-        return this.normalizeToArray(initOpenKeys);
+    ) {
+      initOpenKeys = Object.keys(this.k2n).filter(key => {
+        return this.k2n[key].type === 'submenu';
+      });
+    } else {
+      initOpenKeys = defaultOpenKeys;
     }
 
-    getIndicatorsItem(items, isPlaceholder) {
-        const { prefix, renderMore } = this.props;
-        const moreCls = cx({
-            [`${prefix}menu-more`]: true,
-        });
+    return this.normalizeToArray(initOpenKeys);
+  }
 
-        const style = {};
-        // keep placehold to get width
-        if (isPlaceholder) {
-            style.visibility = 'hidden';
-            style.display = 'inline-block';
-            // indicators which not in use, just display: none
-        } else if (items && items.length === 0) {
-            style.display = 'none';
-            style.visibility = 'unset';
-        }
+  getIndicatorsItem(items, isPlaceholder) {
+    const { prefix, renderMore } = this.props;
+    const moreCls = cx({
+      [`${prefix}menu-more`]: true,
+    });
 
-        if (renderMore && typeof renderMore === 'function') {
-            return React.cloneElement(renderMore(items), {
-                style,
-            });
-        }
-
-        return (
-            <SubMenu label="···" noIcon className={moreCls} style={style}>
-                {items}
-            </SubMenu>
-        );
+    const style = {};
+    // keep placehold to get width
+    if (isPlaceholder) {
+      style.visibility = 'hidden';
+      style.display = 'inline-block';
+      // indicators which not in use, just display: none
+    } else if (items && items.length === 0) {
+      style.display = 'none';
+      style.visibility = 'unset';
     }
 
-    addIndicators = children => {
-        const arr = [];
-        const { lastVisibleIndex } = this.state;
+    if (renderMore && typeof renderMore === 'function') {
+      return React.cloneElement(renderMore(items), {
+        style,
+      });
+    }
 
-        children.forEach((child, index) => {
-            let overflowedItems = [];
+    return (
+      <SubMenu label="···" noIcon className={moreCls} style={style}>
+        {items}
+      </SubMenu>
+    );
+  }
 
-            if (index > lastVisibleIndex) {
-                child = React.cloneElement(child, {
-                    key: `more-${index}`,
-                    style: { display: 'none' },
-                    className: `${child.className ||
+  addIndicators = children => {
+    const arr = [];
+    const { lastVisibleIndex } = this.state;
+
+    children.forEach((child, index) => {
+      let overflowedItems = [];
+
+      if (index > lastVisibleIndex) {
+        child = React.cloneElement(child, {
+          key: `more-${index}`,
+          style: { display: 'none' },
+          className: `${child.className ||
                         ''} ${MENUITEM_OVERFLOWED_CLASSNAME}`,
-                });
-            }
-
-            if (index === lastVisibleIndex + 1) {
-                overflowedItems = children
-                    .slice(lastVisibleIndex + 1)
-                    .map((c, i) => {
-                        return React.cloneElement(c, {
-                            key: `more-${index}-${i}`,
-                        });
-                    });
-                arr.push(this.getIndicatorsItem(overflowedItems));
-            }
-
-            arr.push(child);
         });
+      }
 
-        arr.push(this.getIndicatorsItem([], true));
+      if (index === lastVisibleIndex + 1) {
+        overflowedItems = children
+          .slice(lastVisibleIndex + 1)
+          .map((c, i) => {
+            return React.cloneElement(c, {
+              key: `more-${index}-${i}`,
+            });
+          });
+        arr.push(this.getIndicatorsItem(overflowedItems));
+      }
 
-        return arr;
-    };
+      arr.push(child);
+    });
 
-    getNewChildren({ children, hozInLine }) {
-        this.k2n = {};
-        this.p2n = {};
+    arr.push(this.getIndicatorsItem([], true));
 
-        let arr = [];
+    return arr;
+  };
 
-        if (hozInLine) {
-            arr = this.addIndicators(children);
-        } else {
-            arr = children;
-        }
+  getNewChildren({ children, hozInLine }) {
+    this.k2n = {};
+    this.p2n = {};
 
-        const loop = (
-            children,
-            posPrefix,
-            indexWrapper = { index: 0 },
-            inlineLevel = 1
-        ) => {
-            const keyArray = [];
-            return Children.map(children, child => {
-                if (
-                    child &&
+    let arr = [];
+
+    if (hozInLine) {
+      arr = this.addIndicators(children);
+    } else {
+      arr = children;
+    }
+
+    const loop = (
+      children,
+      posPrefix,
+      indexWrapper = { index: 0 },
+      inlineLevel = 1,
+    ) => {
+      const keyArray = [];
+      return Children.map(children, child => {
+        if (
+          child &&
                     (typeof child.type === 'function' ||
                         // `React.forwardRef(render)` returns a forwarding
                         // object that includes `render` method, and the specific
@@ -505,529 +504,523 @@ export default class Menu extends Component {
                         // function.
                         typeof child.type === 'object') &&
                     'menuChildType' in child.type
-                ) {
-                    let newChild;
+        ) {
+          let newChild;
 
-                    let pos;
-                    const props = { root: this };
+          let pos;
+          const props = { root: this };
 
-                    if (
-                        ['item', 'submenu', 'group'].indexOf(
-                            child.type.menuChildType
-                        ) > -1
-                    ) {
-                        pos = `${posPrefix}-${indexWrapper.index++}`;
-                        const key =
+          if (
+            ['item', 'submenu', 'group'].indexOf(
+              child.type.menuChildType,
+            ) > -1
+          ) {
+            pos = `${posPrefix}-${indexWrapper.index++}`;
+            const key =
                             typeof child.key === 'string' ? child.key : pos;
 
-                        // filter out duplicate keys
-                        if (keyArray.indexOf(key) > -1) {
-                            return;
-                        }
-
-                        keyArray.push(key);
-
-                        const level = pos.split('-').length - 1;
-                        this.k2n[key] = this.p2n[pos] = {
-                            key,
-                            pos,
-                            mode: child.props.mode,
-                            type: child.type.menuChildType,
-                            disabled: child.props.disabled,
-                            label: child.props.label || child.props.children,
-                        };
-
-                        props.level = level;
-                        props.inlineLevel = inlineLevel;
-                        props._key = key;
-                        props.groupIndent =
-                            child.type.menuChildType === 'group' ? 1 : 0;
-                    }
-
-                    // paddingLeft(or paddingRight in rtl) only make sense in inline mode
-                    // parent know children's inlineLevel
-                    // if parent's mode is popup, then children's inlineLevel must be 1;
-                    // else inlineLevel should add 1
-                    const childLevel =
-                        (child.props.mode || props.root.props.mode) === 'popup'
-                            ? 1
-                            : inlineLevel + 1;
-
-                    switch (child.type.menuChildType) {
-                        case 'submenu':
-                            newChild = cloneElement(
-                                child,
-                                props,
-                                loop(
-                                    child.props.children,
-                                    pos,
-                                    undefined,
-                                    childLevel
-                                )
-                            );
-                            break;
-                        case 'group':
-                            newChild = cloneElement(
-                                child,
-                                props,
-                                loop(
-                                    child.props.children,
-                                    posPrefix,
-                                    indexWrapper,
-                                    props.level
-                                )
-                            );
-                            break;
-                        case 'item':
-                        case 'divider':
-                            newChild = cloneElement(child, props);
-                            break;
-                        default:
-                            newChild = child;
-                            break;
-                    }
-
-                    return newChild;
-                }
-
-                return child;
-            });
-        };
-
-        return loop(arr, '0');
-    }
-
-    normalizeToArray(items) {
-        if (items) {
-            if (Array.isArray(items)) {
-                return items;
+            // filter out duplicate keys
+            if (keyArray.indexOf(key) > -1) {
+              return;
             }
-            return [items];
+
+            keyArray.push(key);
+
+            const level = pos.split('-').length - 1;
+            this.k2n[key] = this.p2n[pos] = {
+              key,
+              pos,
+              mode: child.props.mode,
+              type: child.type.menuChildType,
+              disabled: child.props.disabled,
+              label: child.props.label || child.props.children,
+            };
+
+            props.level = level;
+            props.inlineLevel = inlineLevel;
+            props._key = key;
+            props.groupIndent =
+                            child.type.menuChildType === 'group' ? 1 : 0;
+          }
+
+          // paddingLeft(or paddingRight in rtl) only make sense in inline mode
+          // parent know children's inlineLevel
+          // if parent's mode is popup, then children's inlineLevel must be 1;
+          // else inlineLevel should add 1
+          const childLevel =
+                        (child.props.mode || props.root.props.mode) === 'popup'
+                          ? 1
+                          : inlineLevel + 1;
+
+          switch (child.type.menuChildType) {
+            case 'submenu':
+              newChild = cloneElement(
+                child,
+                props,
+                loop(
+                  child.props.children,
+                  pos,
+                  undefined,
+                  childLevel,
+                ),
+              );
+              break;
+            case 'group':
+              newChild = cloneElement(
+                child,
+                props,
+                loop(
+                  child.props.children,
+                  posPrefix,
+                  indexWrapper,
+                  props.level,
+                ),
+              );
+              break;
+            case 'item':
+            case 'divider':
+              newChild = cloneElement(child, props);
+              break;
+            default:
+              newChild = child;
+              break;
+          }
+
+          return newChild;
         }
 
-        return [];
+        return child;
+      });
+    };
+
+    return loop(arr, '0');
+  }
+
+  normalizeToArray(items) {
+    if (items) {
+      if (Array.isArray(items)) {
+        return items;
+      }
+      return [items];
     }
 
-    isSibling(currentPos, targetPos) {
-        const currentNums = currentPos.split('-').slice(0, -1);
-        const targetNums = targetPos.split('-').slice(0, -1);
+    return [];
+  }
 
-        return (
-            currentNums.length === targetNums.length &&
+  isSibling(currentPos, targetPos) {
+    const currentNums = currentPos.split('-').slice(0, -1);
+    const targetNums = targetPos.split('-').slice(0, -1);
+
+    return (
+      currentNums.length === targetNums.length &&
             currentNums.every((num, index) => {
-                return num === targetNums[index];
+              return num === targetNums[index];
             })
-        );
-    }
+    );
+  }
 
-    isAncestor(currentPos, targetPos) {
-        const currentNums = currentPos.split('-');
-        const targetNums = targetPos.split('-');
+  isAncestor(currentPos, targetPos) {
+    const currentNums = currentPos.split('-');
+    const targetNums = targetPos.split('-');
 
-        return (
-            currentNums.length > targetNums.length &&
+    return (
+      currentNums.length > targetNums.length &&
             targetNums.every((num, index) => {
-                return num === currentNums[index];
+              return num === currentNums[index];
             })
-        );
-    }
+    );
+  }
 
-    handleOpen(key, open, triggerType, e) {
-        let newOpenKeys;
+  handleOpen(key, open, triggerType, e) {
+    let newOpenKeys;
 
-        const { mode, openMode } = this.props;
-        const { openKeys } = this.state;
-        const index = openKeys.indexOf(key);
-        if (open && index === -1) {
-            if (mode === 'inline') {
-                if (openMode === 'single') {
-                    newOpenKeys = openKeys.filter(
-                        k =>
-                            this.k2n[k] &&
-                            !this.isSibling(this.k2n[key].pos, this.k2n[k].pos)
-                    );
-                    newOpenKeys.push(key);
-                } else {
-                    newOpenKeys = openKeys.concat(key);
-                }
-            } else {
-                newOpenKeys = openKeys.filter(k => {
-                    return (
-                        this.k2n[k] &&
+    const { mode, openMode } = this.props;
+    const { openKeys } = this.state;
+    const index = openKeys.indexOf(key);
+    if (open && index === -1) {
+      if (mode === 'inline') {
+        if (openMode === 'single') {
+          newOpenKeys = openKeys.filter(
+            k => this.k2n[k] &&
+                            !this.isSibling(this.k2n[key].pos, this.k2n[k].pos),
+          );
+          newOpenKeys.push(key);
+        } else {
+          newOpenKeys = openKeys.concat(key);
+        }
+      } else {
+        newOpenKeys = openKeys.filter(k => {
+          return (
+            this.k2n[k] &&
                         this.isAncestor(this.k2n[key].pos, this.k2n[k].pos)
-                    );
-                });
-                newOpenKeys.push(key);
-            }
-        } else if (!open && index > -1) {
-            if (mode === 'inline') {
-                newOpenKeys = [
-                    ...openKeys.slice(0, index),
-                    ...openKeys.slice(index + 1),
-                ];
-            } else if (triggerType === 'docClick') {
-                if (
-                    !this.popupNodes
-                        .concat(this.menuNode)
-                        .some(node => node.contains(e.target))
-                ) {
-                    newOpenKeys = [];
-                }
-            } else {
-                newOpenKeys = openKeys.filter(k => {
-                    return (
-                        k !== key &&
+          );
+        });
+        newOpenKeys.push(key);
+      }
+    } else if (!open && index > -1) {
+      if (mode === 'inline') {
+        newOpenKeys = [
+          ...openKeys.slice(0, index),
+          ...openKeys.slice(index + 1),
+        ];
+      } else if (triggerType === 'docClick') {
+        if (
+          !this.popupNodes
+            .concat(this.menuNode)
+            .some(node => node.contains(e.target))
+        ) {
+          newOpenKeys = [];
+        }
+      } else {
+        newOpenKeys = openKeys.filter(k => {
+          return (
+            k !== key &&
                         this.k2n[k] &&
                         !this.isAncestor(this.k2n[k].pos, this.k2n[key].pos)
-                    );
-                });
-            }
-        }
-
-        if (newOpenKeys) {
-            if (isNil(this.props.openKeys)) {
-                this.setState({
-                    openKeys: newOpenKeys,
-                });
-            }
-
-            this.props.onOpen(newOpenKeys, {
-                key,
-                open,
-            });
-        }
-    }
-
-    getPath(key) {
-        const keyPath = [];
-        const labelPath = [];
-
-        const pos = this.k2n[key].pos;
-        const nums = pos.split('-');
-        for (let i = 1; i < nums.length - 1; i++) {
-            const parentNums = nums.slice(0, i + 1);
-            const parentPos = parentNums.join('-');
-            const parent = this.p2n[parentPos];
-            keyPath.push(parent.key);
-            labelPath.push(parent.label);
-        }
-
-        return {
-            keyPath,
-            labelPath,
-        };
-    }
-
-    handleSelect(key, select, menuItem) {
-        const pos = this.k2n[key].pos;
-        const level = pos.split('-').length - 1;
-        if (this.props.shallowSelect && level > 1) {
-            return;
-        }
-
-        let newSelectedKeys;
-
-        const { selectMode } = this.props;
-        const { selectedKeys } = this.state;
-        const index = selectedKeys.indexOf(key);
-        if (select && index === -1) {
-            if (selectMode === 'single') {
-                newSelectedKeys = [key];
-            } else if (selectMode === 'multiple') {
-                newSelectedKeys = selectedKeys.concat(key);
-            }
-        } else if (!select && index > -1 && selectMode === 'multiple') {
-            newSelectedKeys = [
-                ...selectedKeys.slice(0, index),
-                ...selectedKeys.slice(index + 1),
-            ];
-        }
-
-        if (newSelectedKeys) {
-            if (isNil(this.props.selectedKeys)) {
-                this.setState({
-                    selectedKeys: newSelectedKeys,
-                });
-            }
-
-            this.props.onSelect(newSelectedKeys, menuItem, {
-                key,
-                select,
-                label: this.k2n[key].label,
-                ...this.getPath(key),
-            });
-        }
-    }
-
-    handleItemClick(key, item, e) {
-        if (this.props.focusable) {
-            if (isNil(this.props.focusedKey)) {
-                this.setState({
-                    focusedKey: key,
-                });
-            }
-
-            this.props.onItemFocus(key, item, e);
-        }
-
-        if (item.props.type === 'item') {
-            if (
-                item.props.parentMode === 'popup' &&
-                this.state.openKeys.length
-            ) {
-                if (isNil(this.props.openKeys)) {
-                    this.setState({
-                        openKeys: [],
-                    });
-                }
-
-                this.props.onOpen([], {
-                    key: this.state.openKeys.sort(
-                        (prevKey, nextKey) =>
-                            this.k2n[nextKey].pos.split('-').length -
-                            this.k2n[prevKey].pos.split('-').length
-                    )[0],
-                    open: false,
-                });
-            }
-
-            this.props.onItemClick(key, item, e);
-        }
-    }
-
-    isAvailablePos(refPos, targetPos) {
-        const { type, disabled } = this.p2n[targetPos];
-
-        return (
-            this.isSibling(refPos, targetPos) &&
-            ((type === 'item' && !disabled) || type === 'submenu')
-        );
-    }
-
-    getAvailableKey(pos, prev) {
-        const ps = Object.keys(this.p2n).filter(p =>
-            this.isAvailablePos(pos, p)
-        );
-        if (ps.length > 1) {
-            const index = ps.indexOf(pos);
-            let targetIndex;
-            if (prev) {
-                targetIndex = index === 0 ? ps.length - 1 : index - 1;
-            } else {
-                targetIndex = index === ps.length - 1 ? 0 : index + 1;
-            }
-
-            return this.p2n[ps[targetIndex]].key;
-        }
-
-        return null;
-    }
-
-    getFirstAvaliablelChildKey(parentPos) {
-        const pos = Object.keys(this.p2n).find(p =>
-            this.isAvailablePos(`${parentPos}-0`, p)
-        );
-        return pos ? this.p2n[pos].key : null;
-    }
-
-    getParentKey(pos) {
-        return this.p2n[pos.slice(0, pos.length - 2)].key;
-    }
-
-    handleItemKeyDown(key, type, item, e) {
-        if (
-            [
-                KEYCODE.UP,
-                KEYCODE.DOWN,
-                KEYCODE.RIGHT,
-                KEYCODE.LEFT,
-                KEYCODE.ENTER,
-                KEYCODE.ESC,
-                KEYCODE.SPACE,
-            ].indexOf(e.keyCode) > -1
-        ) {
-            e.preventDefault();
-            e.stopPropagation();
-        }
-
-        let focusedKey = this.state.focusedKey;
-
-        const { direction } = this.props;
-        const pos = this.k2n[key].pos;
-        const level = pos.split('-').length - 1;
-        switch (e.keyCode) {
-            case KEYCODE.UP: {
-                const avaliableKey = this.getAvailableKey(pos, true);
-                if (avaliableKey) {
-                    focusedKey = avaliableKey;
-                }
-                break;
-            }
-            case KEYCODE.DOWN: {
-                let avaliableKey;
-                if (direction === 'hoz' && level === 1 && type === 'submenu') {
-                    this.handleOpen(key, true);
-                    avaliableKey = this.getFirstAvaliablelChildKey(pos);
-                } else {
-                    avaliableKey = this.getAvailableKey(pos, false);
-                }
-                if (avaliableKey) {
-                    focusedKey = avaliableKey;
-                }
-                break;
-            }
-            case KEYCODE.RIGHT: {
-                let avaliableKey;
-                if (direction === 'hoz' && level === 1) {
-                    avaliableKey = this.getAvailableKey(pos, false);
-                } else if (type === 'submenu') {
-                    this.handleOpen(key, true);
-                    avaliableKey = this.getFirstAvaliablelChildKey(pos);
-                }
-                if (avaliableKey) {
-                    focusedKey = avaliableKey;
-                }
-                break;
-            }
-            case KEYCODE.ENTER: {
-                if (type === 'submenu') {
-                    this.handleOpen(key, true);
-                    const avaliableKey = this.getFirstAvaliablelChildKey(pos);
-                    if (avaliableKey) {
-                        focusedKey = avaliableKey;
-                    }
-                }
-                break;
-            }
-            case KEYCODE.LEFT: {
-                if (direction === 'hoz' && level === 1) {
-                    const avaliableKey = this.getAvailableKey(pos, true);
-                    if (avaliableKey) {
-                        focusedKey = avaliableKey;
-                    }
-                } else if (level > 1) {
-                    const parentKey = this.getParentKey(pos);
-                    this.handleOpen(parentKey, false);
-                    focusedKey = parentKey;
-                }
-                break;
-            }
-            case KEYCODE.ESC:
-                if (level > 1) {
-                    const parentKey = this.getParentKey(pos);
-                    this.handleOpen(parentKey, false);
-                    focusedKey = parentKey;
-                }
-                break;
-
-            case KEYCODE.TAB:
-                focusedKey = null;
-                break;
-            default:
-                break;
-        }
-
-        if (focusedKey !== this.state.focusedKey) {
-            if (isNil(this.props.focusedKey)) {
-                this.setState({
-                    focusedKey,
-                });
-            }
-
-            this.props.onItemKeyDown(focusedKey, item, e);
-            this.props.onItemFocus(focusedKey, e);
-        }
-    }
-
-    menuContentRef = ref => {
-        this.menuContent = ref;
-    };
-
-    menuHeaderRef = ref => {
-        this.menuHeader = ref;
-    };
-
-    menuFooterRef = ref => {
-        this.menuFooter = ref;
-    };
-
-    render() {
-        const {
-            prefix,
-            className,
-            direction,
-            hozAlign,
-            header,
-            footer,
-            embeddable,
-            selectMode,
-            hozInLine,
-            rtl,
-        } = this.props;
-        const others = pickOthers(Object.keys(Menu.propTypes), this.props);
-
-        const newClassName = cx({
-            [`${prefix}menu`]: true,
-            [`${prefix}ver`]: direction === 'ver',
-            [`${prefix}hoz`]: direction === 'hoz',
-            [`${prefix}menu-embeddable`]: embeddable,
-            [`${prefix}menu-nowrap`]: hozInLine,
-            [className]: !!className,
+          );
         });
-
-        let role = direction === 'hoz' ? 'menubar' : 'menu';
-        let ariaMultiselectable;
-        if ('selectMode' in this.props) {
-            role = 'listbox';
-            ariaMultiselectable = !!(selectMode === 'multiple');
-        }
-
-        const headerElement = header ? (
-            <li className={`${prefix}menu-header`} ref={this.menuHeaderRef}>
-                {header}
-            </li>
-        ) : null;
-        const itemsElement =
-            header || footer ? (
-                <ul
-                    className={`${prefix}menu-content`}
-                    ref={this.menuContentRef}
-                >
-                    {this.newChildren}
-                </ul>
-            ) : (
-                this.newChildren
-            );
-        const footerElement = footer ? (
-            <li className={`${prefix}menu-footer`} ref={this.menuFooterRef}>
-                {footer}
-            </li>
-        ) : null;
-        const shouldWrapItemsAndFooter = hozAlign === 'right' && !!header;
-
-        if (rtl) {
-            others.dir = 'rtl';
-        }
-
-        return (
-            <ul
-                role={role}
-                onBlur={this.onBlur}
-                className={newClassName}
-                onKeyDown={this.handleEnter}
-                aria-multiselectable={ariaMultiselectable}
-                {...others}
-            >
-                {headerElement}
-                {shouldWrapItemsAndFooter ? (
-                    <div className={`${prefix}menu-hoz-right`}>
-                        {itemsElement}
-                        {footerElement}
-                    </div>
-                ) : null}
-                {!shouldWrapItemsAndFooter ? itemsElement : null}
-                {!shouldWrapItemsAndFooter ? footerElement : null}
-            </ul>
-        );
+      }
     }
+
+    if (newOpenKeys) {
+      if (isNil(this.props.openKeys)) {
+        this.setState({
+          openKeys: newOpenKeys,
+        });
+      }
+
+      this.props.onOpen(newOpenKeys, {
+        key,
+        open,
+      });
+    }
+  }
+
+  getPath(key) {
+    const keyPath = [];
+    const labelPath = [];
+
+    const { pos } = this.k2n[key];
+    const nums = pos.split('-');
+    for (let i = 1; i < nums.length - 1; i++) {
+      const parentNums = nums.slice(0, i + 1);
+      const parentPos = parentNums.join('-');
+      const parent = this.p2n[parentPos];
+      keyPath.push(parent.key);
+      labelPath.push(parent.label);
+    }
+
+    return {
+      keyPath,
+      labelPath,
+    };
+  }
+
+  handleSelect(key, select, menuItem) {
+    const { pos } = this.k2n[key];
+    const level = pos.split('-').length - 1;
+    if (this.props.shallowSelect && level > 1) {
+      return;
+    }
+
+    let newSelectedKeys;
+
+    const { selectMode } = this.props;
+    const { selectedKeys } = this.state;
+    const index = selectedKeys.indexOf(key);
+    if (select && index === -1) {
+      if (selectMode === 'single') {
+        newSelectedKeys = [key];
+      } else if (selectMode === 'multiple') {
+        newSelectedKeys = selectedKeys.concat(key);
+      }
+    } else if (!select && index > -1 && selectMode === 'multiple') {
+      newSelectedKeys = [
+        ...selectedKeys.slice(0, index),
+        ...selectedKeys.slice(index + 1),
+      ];
+    }
+
+    if (newSelectedKeys) {
+      if (isNil(this.props.selectedKeys)) {
+        this.setState({
+          selectedKeys: newSelectedKeys,
+        });
+      }
+
+      this.props.onSelect(newSelectedKeys, menuItem, {
+        key,
+        select,
+        label: this.k2n[key].label,
+        ...this.getPath(key),
+      });
+    }
+  }
+
+  handleItemClick(key, item, e) {
+    if (this.props.focusable) {
+      if (isNil(this.props.focusedKey)) {
+        this.setState({
+          focusedKey: key,
+        });
+      }
+
+      this.props.onItemFocus(key, item, e);
+    }
+
+    if (item.props.type === 'item') {
+      if (
+        item.props.parentMode === 'popup' &&
+                this.state.openKeys.length
+      ) {
+        if (isNil(this.props.openKeys)) {
+          this.setState({
+            openKeys: [],
+          });
+        }
+
+        this.props.onOpen([], {
+          key: this.state.openKeys.sort(
+            (prevKey, nextKey) => this.k2n[nextKey].pos.split('-').length -
+                            this.k2n[prevKey].pos.split('-').length,
+          )[0],
+          open: false,
+        });
+      }
+
+      this.props.onItemClick(key, item, e);
+    }
+  }
+
+  isAvailablePos(refPos, targetPos) {
+    const { type, disabled } = this.p2n[targetPos];
+
+    return (
+      this.isSibling(refPos, targetPos) &&
+            ((type === 'item' && !disabled) || type === 'submenu')
+    );
+  }
+
+  getAvailableKey(pos, prev) {
+    const ps = Object.keys(this.p2n).filter(p => this.isAvailablePos(pos, p));
+    if (ps.length > 1) {
+      const index = ps.indexOf(pos);
+      let targetIndex;
+      if (prev) {
+        targetIndex = index === 0 ? ps.length - 1 : index - 1;
+      } else {
+        targetIndex = index === ps.length - 1 ? 0 : index + 1;
+      }
+
+      return this.p2n[ps[targetIndex]].key;
+    }
+
+    return null;
+  }
+
+  getFirstAvaliablelChildKey(parentPos) {
+    const pos = Object.keys(this.p2n).find(p => this.isAvailablePos(`${parentPos}-0`, p));
+    return pos ? this.p2n[pos].key : null;
+  }
+
+  getParentKey(pos) {
+    return this.p2n[pos.slice(0, pos.length - 2)].key;
+  }
+
+  handleItemKeyDown(key, type, item, e) {
+    if (
+      [
+        KEYCODE.UP,
+        KEYCODE.DOWN,
+        KEYCODE.RIGHT,
+        KEYCODE.LEFT,
+        KEYCODE.ENTER,
+        KEYCODE.ESC,
+        KEYCODE.SPACE,
+      ].indexOf(e.keyCode) > -1
+    ) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
+
+    let { focusedKey } = this.state;
+
+    const { direction } = this.props;
+    const { pos } = this.k2n[key];
+    const level = pos.split('-').length - 1;
+    switch (e.keyCode) {
+      case KEYCODE.UP: {
+        const avaliableKey = this.getAvailableKey(pos, true);
+        if (avaliableKey) {
+          focusedKey = avaliableKey;
+        }
+        break;
+      }
+      case KEYCODE.DOWN: {
+        let avaliableKey;
+        if (direction === 'hoz' && level === 1 && type === 'submenu') {
+          this.handleOpen(key, true);
+          avaliableKey = this.getFirstAvaliablelChildKey(pos);
+        } else {
+          avaliableKey = this.getAvailableKey(pos, false);
+        }
+        if (avaliableKey) {
+          focusedKey = avaliableKey;
+        }
+        break;
+      }
+      case KEYCODE.RIGHT: {
+        let avaliableKey;
+        if (direction === 'hoz' && level === 1) {
+          avaliableKey = this.getAvailableKey(pos, false);
+        } else if (type === 'submenu') {
+          this.handleOpen(key, true);
+          avaliableKey = this.getFirstAvaliablelChildKey(pos);
+        }
+        if (avaliableKey) {
+          focusedKey = avaliableKey;
+        }
+        break;
+      }
+      case KEYCODE.ENTER: {
+        if (type === 'submenu') {
+          this.handleOpen(key, true);
+          const avaliableKey = this.getFirstAvaliablelChildKey(pos);
+          if (avaliableKey) {
+            focusedKey = avaliableKey;
+          }
+        }
+        break;
+      }
+      case KEYCODE.LEFT: {
+        if (direction === 'hoz' && level === 1) {
+          const avaliableKey = this.getAvailableKey(pos, true);
+          if (avaliableKey) {
+            focusedKey = avaliableKey;
+          }
+        } else if (level > 1) {
+          const parentKey = this.getParentKey(pos);
+          this.handleOpen(parentKey, false);
+          focusedKey = parentKey;
+        }
+        break;
+      }
+      case KEYCODE.ESC:
+        if (level > 1) {
+          const parentKey = this.getParentKey(pos);
+          this.handleOpen(parentKey, false);
+          focusedKey = parentKey;
+        }
+        break;
+
+      case KEYCODE.TAB:
+        focusedKey = null;
+        break;
+      default:
+        break;
+    }
+
+    if (focusedKey !== this.state.focusedKey) {
+      if (isNil(this.props.focusedKey)) {
+        this.setState({
+          focusedKey,
+        });
+      }
+
+      this.props.onItemKeyDown(focusedKey, item, e);
+      this.props.onItemFocus(focusedKey, e);
+    }
+  }
+
+  menuContentRef = ref => {
+    this.menuContent = ref;
+  };
+
+  menuHeaderRef = ref => {
+    this.menuHeader = ref;
+  };
+
+  menuFooterRef = ref => {
+    this.menuFooter = ref;
+  };
+
+  render() {
+    const {
+      prefix,
+      className,
+      direction,
+      hozAlign,
+      header,
+      footer,
+      embeddable,
+      selectMode,
+      hozInLine,
+      rtl,
+    } = this.props;
+    const others = pickOthers(Object.keys(Menu.propTypes), this.props);
+
+    const newClassName = cx({
+      [`${prefix}menu`]: true,
+      [`${prefix}ver`]: direction === 'ver',
+      [`${prefix}hoz`]: direction === 'hoz',
+      [`${prefix}menu-embeddable`]: embeddable,
+      [`${prefix}menu-nowrap`]: hozInLine,
+      [className]: !!className,
+    });
+
+    let role = direction === 'hoz' ? 'menubar' : 'menu';
+    let ariaMultiselectable;
+    if ('selectMode' in this.props) {
+      role = 'listbox';
+      ariaMultiselectable = !!(selectMode === 'multiple');
+    }
+
+    const headerElement = header ? (
+      <li className={`${prefix}menu-header`} ref={this.menuHeaderRef}>
+        {header}
+      </li>
+    ) : null;
+    const itemsElement =
+            header || footer ? (
+              <ul
+                className={`${prefix}menu-content`}
+                ref={this.menuContentRef}
+              >
+                {this.newChildren}
+              </ul>
+            ) : (
+              this.newChildren
+            );
+    const footerElement = footer ? (
+      <li className={`${prefix}menu-footer`} ref={this.menuFooterRef}>
+        {footer}
+      </li>
+    ) : null;
+    const shouldWrapItemsAndFooter = hozAlign === 'right' && !!header;
+
+    if (rtl) {
+      others.dir = 'rtl';
+    }
+
+    return (
+      <ul
+        role={role}
+        onBlur={this.onBlur}
+        className={newClassName}
+        onKeyDown={this.handleEnter}
+        aria-multiselectable={ariaMultiselectable}
+        {...others}
+      >
+        {headerElement}
+        {shouldWrapItemsAndFooter ? (
+          <div className={`${prefix}menu-hoz-right`}>
+            {itemsElement}
+            {footerElement}
+          </div>
+        ) : null}
+        {!shouldWrapItemsAndFooter ? itemsElement : null}
+        {!shouldWrapItemsAndFooter ? footerElement : null}
+      </ul>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/popup-item.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/popup-item.jsx
index 929814035..286577b73 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/popup-item.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/popup-item.jsx
@@ -10,299 +10,299 @@ import SelectableItem from './selectable-item';
 
 const { bindCtx } = func;
 const { setStyle } = dom;
-const Popup = Overlay.Popup;
+const { Popup } = Overlay;
 
 /**
  * Menu.PopupItem
  * @order 2
  */
 export default class PopupItem extends Component {
-    static menuChildType = 'submenu';
+  static menuChildType = 'submenu';
 
-    static propTypes = {
-        _key: PropTypes.string,
-        root: PropTypes.object,
-        level: PropTypes.number,
-        hasSubMenu: PropTypes.bool,
-        noIcon: PropTypes.bool,
-        rtl: PropTypes.bool,
-        selectable: PropTypes.bool,
-        /**
+  static propTypes = {
+    _key: PropTypes.string,
+    root: PropTypes.object,
+    level: PropTypes.number,
+    hasSubMenu: PropTypes.bool,
+    noIcon: PropTypes.bool,
+    rtl: PropTypes.bool,
+    selectable: PropTypes.bool,
+    /**
          * 标签内容
          */
-        label: PropTypes.node,
-        /**
+    label: PropTypes.node,
+    /**
          * 自定义弹层内容
          */
-        children: PropTypes.node,
-        className: PropTypes.string,
-        triggerType: PropTypes.oneOf(['click', 'hover']),
-        align: PropTypes.oneOf(['outside', 'follow']),
-        autoWidth: PropTypes.bool,
-    };
+    children: PropTypes.node,
+    className: PropTypes.string,
+    triggerType: PropTypes.oneOf(['click', 'hover']),
+    align: PropTypes.oneOf(['outside', 'follow']),
+    autoWidth: PropTypes.bool,
+  };
 
-    static defaultProps = {
-        selectable: false,
-        noIcon: false,
-    };
+  static defaultProps = {
+    selectable: false,
+    noIcon: false,
+  };
 
-    constructor(props) {
-        super(props);
+  constructor(props) {
+    super(props);
 
-        bindCtx(this, [
-            'handleOpen',
-            'handlePopupOpen',
-            'handlePopupClose',
-            'getPopup',
-        ]);
-    }
+    bindCtx(this, [
+      'handleOpen',
+      'handlePopupOpen',
+      'handlePopupClose',
+      'getPopup',
+    ]);
+  }
 
-    getPopup(ref) {
-        this.popup = ref;
-    }
+  getPopup(ref) {
+    this.popup = ref;
+  }
 
-    getOpen() {
-        const { _key, root } = this.props;
-        const { openKeys } = root.state;
+  getOpen() {
+    const { _key, root } = this.props;
+    const { openKeys } = root.state;
 
-        return openKeys.indexOf(_key) > -1;
-    }
+    return openKeys.indexOf(_key) > -1;
+  }
 
-    getChildSelected() {
-        const { _key, root } = this.props;
-        const { selectMode } = root.props;
-        const { selectedKeys } = root.state;
+  getChildSelected() {
+    const { _key, root } = this.props;
+    const { selectMode } = root.props;
+    const { selectedKeys } = root.state;
 
-        const _keyPos = root.k2n[_key].pos;
+    const _keyPos = root.k2n[_key].pos;
 
-        return (
-            !!selectMode &&
+    return (
+      !!selectMode &&
             selectedKeys.some(
-                key => root.k2n[key] && root.k2n[key].pos.indexOf(_keyPos) === 0
+              key => root.k2n[key] && root.k2n[key].pos.indexOf(_keyPos) === 0,
             )
-        );
+    );
+  }
+
+  getPopupProps() {
+    let { popupProps } = this.props.root.props;
+    if (typeof popupProps === 'function') {
+      popupProps = popupProps(this.props);
     }
+    return popupProps;
+  }
 
-    getPopupProps() {
-        let { popupProps } = this.props.root.props;
-        if (typeof popupProps === 'function') {
-            popupProps = popupProps(this.props);
-        }
-        return popupProps;
-    }
+  handleOpen(open, triggerType, e) {
+    const { _key, root } = this.props;
+    root.handleOpen(_key, open, triggerType, e);
 
-    handleOpen(open, triggerType, e) {
-        const { _key, root } = this.props;
-        root.handleOpen(_key, open, triggerType, e);
-
-        const popupProps = this.popupProps;
-        popupProps.onVisibleChange &&
+    const { popupProps } = this;
+    popupProps.onVisibleChange &&
             popupProps.onVisibleChange(open, triggerType, e);
-    }
+  }
 
-    handlePopupOpen() {
-        const { root, level, align, autoWidth } = this.props;
-        const {
-            popupAutoWidth: rootPopupAutoWidth,
-            popupAlign: rootPopupAlign,
-            direction,
-        } = root.props;
-        const popupAlign = align || rootPopupAlign;
-        const popupAutoWidth =
+  handlePopupOpen() {
+    const { root, level, align, autoWidth } = this.props;
+    const {
+      popupAutoWidth: rootPopupAutoWidth,
+      popupAlign: rootPopupAlign,
+      direction,
+    } = root.props;
+    const popupAlign = align || rootPopupAlign;
+    const popupAutoWidth =
             'autoWidth' in this.props ? autoWidth : rootPopupAutoWidth;
-        const itemNode = findDOMNode(this);
-        const menuNode = itemNode.parentNode;
-        this.popupNode = this.popup
-            .getInstance()
-            .overlay.getInstance()
-            .getContentNode();
-        root.popupNodes.push(this.popupNode);
+    const itemNode = findDOMNode(this);
+    const menuNode = itemNode.parentNode;
+    this.popupNode = this.popup
+      .getInstance()
+      .overlay.getInstance()
+      .getContentNode();
+    root.popupNodes.push(this.popupNode);
 
-        if (popupAutoWidth) {
-            const targetNode =
+    if (popupAutoWidth) {
+      const targetNode =
                 direction === 'hoz' && level === 1 ? itemNode : menuNode;
 
-            if (targetNode.offsetWidth > this.popupNode.offsetWidth) {
-                setStyle(
-                    this.popupNode,
-                    'width',
-                    `${targetNode.offsetWidth}px`
-                );
-            }
-        }
-        if (popupAlign === 'outside' && !(direction === 'hoz' && level === 1)) {
-            setStyle(this.popupNode, 'height', `${menuNode.offsetHeight}px`);
-            setStyle(this.popupNode, 'overflow-y', 'scroll');
-        }
-        // removeClass(this.popupNode, `${prefix}hide`);
-
-        const popupProps = this.popupProps;
-        popupProps.onOpen && popupProps.onOpen();
-    }
-
-    handlePopupClose() {
-        const { root } = this.props;
-        const popupNodes = root.popupNodes;
-        const index = popupNodes.indexOf(this.popupNode);
-        index > -1 && popupNodes.splice(index, 1);
-
-        const popupProps = this.popupProps;
-        popupProps.onClose && popupProps.onClose();
-    }
-
-    renderItem(selectable, children, others) {
-        const { _key, root, level, inlineLevel, label, className } = this.props;
-        const { prefix } = root.props;
-        const NewItem = selectable ? SelectableItem : Item;
-        const open = this.getOpen();
-        const isChildSelected = this.getChildSelected();
-
-        const itemProps = {
-            'aria-haspopup': true,
-            'aria-expanded': open,
-            _key,
-            root,
-            level,
-            inlineLevel,
-            type: 'submenu',
-        };
-
-        itemProps.className = cx({
-            [`${prefix}opened`]: open,
-            [`${prefix}child-selected`]: isChildSelected,
-            [className]: !!className,
-        });
-
-        return (
-            <NewItem {...itemProps} {...others}>
-                <span className={`${prefix}menu-item-text`}>{label}</span>
-                {children}
-            </NewItem>
+      if (targetNode.offsetWidth > this.popupNode.offsetWidth) {
+        setStyle(
+          this.popupNode,
+          'width',
+          `${targetNode.offsetWidth}px`,
         );
+      }
+    }
+    if (popupAlign === 'outside' && !(direction === 'hoz' && level === 1)) {
+      setStyle(this.popupNode, 'height', `${menuNode.offsetHeight}px`);
+      setStyle(this.popupNode, 'overflow-y', 'scroll');
+    }
+    // removeClass(this.popupNode, `${prefix}hide`);
+
+    const { popupProps } = this;
+    popupProps.onOpen && popupProps.onOpen();
+  }
+
+  handlePopupClose() {
+    const { root } = this.props;
+    const { popupNodes } = root;
+    const index = popupNodes.indexOf(this.popupNode);
+    index > -1 && popupNodes.splice(index, 1);
+
+    const { popupProps } = this;
+    popupProps.onClose && popupProps.onClose();
+  }
+
+  renderItem(selectable, children, others) {
+    const { _key, root, level, inlineLevel, label, className } = this.props;
+    const { prefix } = root.props;
+    const NewItem = selectable ? SelectableItem : Item;
+    const open = this.getOpen();
+    const isChildSelected = this.getChildSelected();
+
+    const itemProps = {
+      'aria-haspopup': true,
+      'aria-expanded': open,
+      _key,
+      root,
+      level,
+      inlineLevel,
+      type: 'submenu',
+    };
+
+    itemProps.className = cx({
+      [`${prefix}opened`]: open,
+      [`${prefix}child-selected`]: isChildSelected,
+      [className]: !!className,
+    });
+
+    return (
+      <NewItem {...itemProps} {...others}>
+        <span className={`${prefix}menu-item-text`}>{label}</span>
+        {children}
+      </NewItem>
+    );
+  }
+
+  renderPopup(trigger, triggerType, positionProps, children) {
+    const { root, level, selectable } = this.props;
+    const { direction } = root.props;
+    this.popupProps = this.getPopupProps();
+    const open = this.getOpen();
+
+    if (direction === 'hoz' && level === 1 && selectable) {
+      positionProps.target = () => findDOMNode(this);
     }
 
-    renderPopup(trigger, triggerType, positionProps, children) {
-        const { root, level, selectable } = this.props;
-        const { direction } = root.props;
-        this.popupProps = this.getPopupProps();
-        const open = this.getOpen();
+    return (
+      <Popup
+        ref={this.getPopup}
+        {...positionProps}
+        {...this.popupProps}
+        canCloseByEsc={false}
+        trigger={trigger}
+        triggerType={triggerType}
+        visible={open}
+        onVisibleChange={this.handleOpen}
+        onOpen={this.handlePopupOpen}
+        onClose={this.handlePopupClose}
+      >
+        {children}
+      </Popup>
+    );
+  }
 
-        if (direction === 'hoz' && level === 1 && selectable) {
-            positionProps.target = () => findDOMNode(this);
-        }
-
-        return (
-            <Popup
-                ref={this.getPopup}
-                {...positionProps}
-                {...this.popupProps}
-                canCloseByEsc={false}
-                trigger={trigger}
-                triggerType={triggerType}
-                visible={open}
-                onVisibleChange={this.handleOpen}
-                onOpen={this.handlePopupOpen}
-                onClose={this.handlePopupClose}
-            >
-                {children}
-            </Popup>
-        );
-    }
-
-    render() {
-        const {
-            root,
-            level,
-            hasSubMenu,
-            selectable: selectableFromProps,
-            children,
-            triggerType,
-            align,
-            noIcon,
-            rtl,
-        } = this.props;
-        const others = obj.pickOthers(
-            Object.keys(PopupItem.propTypes),
-            this.props
-        );
-        const {
-            prefix,
-            selectMode,
-            direction,
-            popupAlign: rootPopupAlign,
-            triggerType: rootTriggerType,
-        } = root.props;
-        const popupAlign = align || rootPopupAlign;
-        const newTriggerType =
+  render() {
+    const {
+      root,
+      level,
+      hasSubMenu,
+      selectable: selectableFromProps,
+      children,
+      triggerType,
+      align,
+      noIcon,
+      rtl,
+    } = this.props;
+    const others = obj.pickOthers(
+      Object.keys(PopupItem.propTypes),
+      this.props,
+    );
+    const {
+      prefix,
+      selectMode,
+      direction,
+      popupAlign: rootPopupAlign,
+      triggerType: rootTriggerType,
+    } = root.props;
+    const popupAlign = align || rootPopupAlign;
+    const newTriggerType =
             triggerType || (hasSubMenu ? rootTriggerType : 'hover');
-        const newChildren = Array.isArray(children) ? children[0] : children;
-        // let newChildren = Array.isArray(children) ? children[0] : children;
-        // newChildren = cloneElement(newChildren, {
-        //     className: cx({
-        //         [`${prefix}menu-popup-content`]: true,
-        //         [newChildren.props.className]: !!newChildren.props.className,
-        //         [`${prefix}hide`]: popupAutoWidth || popupAlign === 'outside'
-        //     })
-        // });
-        const selectable = selectMode && selectableFromProps;
-        const triggerIsIcon = selectable && newTriggerType === 'click';
-        const open = this.getOpen();
+    const newChildren = Array.isArray(children) ? children[0] : children;
+    // let newChildren = Array.isArray(children) ? children[0] : children;
+    // newChildren = cloneElement(newChildren, {
+    //     className: cx({
+    //         [`${prefix}menu-popup-content`]: true,
+    //         [newChildren.props.className]: !!newChildren.props.className,
+    //         [`${prefix}hide`]: popupAutoWidth || popupAlign === 'outside'
+    //     })
+    // });
+    const selectable = selectMode && selectableFromProps;
+    const triggerIsIcon = selectable && newTriggerType === 'click';
+    const open = this.getOpen();
 
-        const positionProps = {};
-        let arrowProps;
+    const positionProps = {};
+    let arrowProps;
 
-        if (direction === 'hoz' && level === 1) {
-            positionProps.align = 'tl bl';
-            positionProps.offset = [0, 0];
+    if (direction === 'hoz' && level === 1) {
+      positionProps.align = 'tl bl';
+      positionProps.offset = [0, 0];
 
-            arrowProps = {
-                type: 'arrow-down',
-                className: cx({
-                    [`${prefix}menu-hoz-icon-arrow`]: true,
-                    [`${prefix}open`]: open,
-                }),
-            };
-        } else {
-            if (popupAlign === 'outside') {
-                positionProps.target = () => {
-                    return findDOMNode(root);
-                };
-                positionProps.align = 'tl tr';
+      arrowProps = {
+        type: 'arrow-down',
+        className: cx({
+          [`${prefix}menu-hoz-icon-arrow`]: true,
+          [`${prefix}open`]: open,
+        }),
+      };
+    } else {
+      if (popupAlign === 'outside') {
+        positionProps.target = () => {
+          return findDOMNode(root);
+        };
+        positionProps.align = 'tl tr';
 
-                rtl
-                    ? (positionProps.offset = [-2, 0])
-                    : (positionProps.offset = [2, 0]);
-            } else {
-                if (triggerIsIcon) {
-                    positionProps.target = () => {
-                        return findDOMNode(this);
-                    };
-                }
-                positionProps.align = 'tl tr';
-
-                rtl
-                    ? (positionProps.offset = [2, -8])
-                    : (positionProps.offset = [-2, -8]);
-            }
-
-            arrowProps = {
-                type: 'arrow-right',
-                className: `${prefix}menu-icon-arrow`,
-            };
+        rtl
+          ? (positionProps.offset = [-2, 0])
+          : (positionProps.offset = [2, 0]);
+      } else {
+        if (triggerIsIcon) {
+          positionProps.target = () => {
+            return findDOMNode(this);
+          };
         }
+        positionProps.align = 'tl tr';
 
-        const arrow = <Icon {...arrowProps} />;
-        const trigger = triggerIsIcon
-            ? arrow
-            : this.renderItem(selectable, noIcon ? null : arrow, others);
-        const popup = this.renderPopup(
-            trigger,
-            newTriggerType,
-            positionProps,
-            newChildren
-        );
-        return triggerIsIcon
-            ? this.renderItem(selectable, popup, others)
-            : popup;
+        rtl
+          ? (positionProps.offset = [2, -8])
+          : (positionProps.offset = [-2, -8]);
+      }
+
+      arrowProps = {
+        type: 'arrow-right',
+        className: `${prefix}menu-icon-arrow`,
+      };
     }
+
+    const arrow = <Icon {...arrowProps} />;
+    const trigger = triggerIsIcon
+      ? arrow
+      : this.renderItem(selectable, noIcon ? null : arrow, others);
+    const popup = this.renderPopup(
+      trigger,
+      newTriggerType,
+      positionProps,
+      newChildren,
+    );
+    return triggerIsIcon
+      ? this.renderItem(selectable, popup, others)
+      : popup;
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/radio-item.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/radio-item.jsx
index b287dd436..9ab775ccd 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/radio-item.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/radio-item.jsx
@@ -8,46 +8,46 @@ import CheckableItem from './checkable-item';
  * @description 该子组件选中情况不受 defaultSelectedKeys/selectedKeys 控制，请自行控制选中逻辑
  */
 export default class RadioItem extends Component {
-    static menuChildType = 'item';
+  static menuChildType = 'item';
 
-    static propTypes = {
-        /**
+  static propTypes = {
+    /**
          * 是否选中
          */
-        checked: PropTypes.bool,
-        /**
+    checked: PropTypes.bool,
+    /**
          * 是否禁用
          */
-        disabled: PropTypes.bool,
-        /**
+    disabled: PropTypes.bool,
+    /**
          * 选中或取消选中触发的回调函数
          * @param {Boolean} checked 是否选中
          * @param {Object} event 选中事件对象
          */
-        onChange: PropTypes.func,
-        /**
+    onChange: PropTypes.func,
+    /**
          * 帮助文本
          */
-        helper: PropTypes.node,
-        /**
+    helper: PropTypes.node,
+    /**
          * 标签内容
          */
-        children: PropTypes.node,
-    };
+    children: PropTypes.node,
+  };
 
-    static defaultProps = {
-        checked: false,
-        disabled: false,
-        onChange: () => {},
-    };
+  static defaultProps = {
+    checked: false,
+    disabled: false,
+    onChange: () => {},
+  };
 
-    render() {
-        return (
-            <CheckableItem
-                role="menuitemradio"
-                checkType="radio"
-                {...this.props}
-            />
-        );
-    }
+  render() {
+    return (
+      <CheckableItem
+        role="menuitemradio"
+        checkType="radio"
+        {...this.props}
+      />
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/selectable-item.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/selectable-item.jsx
index 9880b9e1b..708a2ed2e 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/selectable-item.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/selectable-item.jsx
@@ -13,161 +13,161 @@ const { pickOthers } = obj;
  * @order 0
  */
 export default class SelectableItem extends Component {
-    static menuChildType = 'item';
+  static menuChildType = 'item';
 
-    static propTypes = {
-        _key: PropTypes.string,
-        root: PropTypes.object,
-        selected: PropTypes.bool,
-        onSelect: PropTypes.func,
-        inlineIndent: PropTypes.number,
-        /**
+  static propTypes = {
+    _key: PropTypes.string,
+    root: PropTypes.object,
+    selected: PropTypes.bool,
+    onSelect: PropTypes.func,
+    inlineIndent: PropTypes.number,
+    /**
          * 是否禁用
          */
-        disabled: PropTypes.bool,
-        /**
+    disabled: PropTypes.bool,
+    /**
          * 帮助文本
          */
-        helper: PropTypes.node,
-        /**
+    helper: PropTypes.node,
+    /**
          * 菜单项标签内容
          */
-        children: PropTypes.node,
-        className: PropTypes.string,
-        onKeyDown: PropTypes.func,
-        onClick: PropTypes.func,
-        needIndent: PropTypes.bool,
-        hasSelectedIcon: PropTypes.bool,
-        isSelectIconRight: PropTypes.bool,
-    };
+    children: PropTypes.node,
+    className: PropTypes.string,
+    onKeyDown: PropTypes.func,
+    onClick: PropTypes.func,
+    needIndent: PropTypes.bool,
+    hasSelectedIcon: PropTypes.bool,
+    isSelectIconRight: PropTypes.bool,
+  };
 
-    static defaultProps = {
-        disabled: false,
-        needIndent: true,
-    };
+  static defaultProps = {
+    disabled: false,
+    needIndent: true,
+  };
 
-    constructor(props) {
-        super(props);
+  constructor(props) {
+    super(props);
 
-        bindCtx(this, ['handleKeyDown', 'handleClick']);
+    bindCtx(this, ['handleKeyDown', 'handleClick']);
+  }
+
+  getSelected() {
+    const { _key, root, selected } = this.props;
+    const { selectMode } = root.props;
+    const { selectedKeys } = root.state;
+    return selected || (!!selectMode && selectedKeys.indexOf(_key) > -1);
+  }
+
+  handleSelect(e) {
+    const { _key, root, onSelect } = this.props;
+    if (onSelect) {
+      onSelect(!this.getSelected(), this, e);
+    } else {
+      root.handleSelect(_key, !this.getSelected(), this);
+    }
+  }
+
+  handleKeyDown(e) {
+    if (e.keyCode === KEYCODE.SPACE && !this.props.disabled) {
+      this.handleSelect(e);
     }
 
-    getSelected() {
-        const { _key, root, selected } = this.props;
-        const { selectMode } = root.props;
-        const { selectedKeys } = root.state;
-        return selected || (!!selectMode && selectedKeys.indexOf(_key) > -1);
-    }
+    this.props.onKeyDown && this.props.onKeyDown(e);
+  }
 
-    handleSelect(e) {
-        const { _key, root, onSelect } = this.props;
-        if (onSelect) {
-            onSelect(!this.getSelected(), this, e);
-        } else {
-            root.handleSelect(_key, !this.getSelected(), this);
-        }
-    }
+  handleClick(e) {
+    this.handleSelect(e);
 
-    handleKeyDown(e) {
-        if (e.keyCode === KEYCODE.SPACE && !this.props.disabled) {
-            this.handleSelect(e);
-        }
+    this.props.onClick && this.props.onClick(e);
+  }
 
-        this.props.onKeyDown && this.props.onKeyDown(e);
-    }
+  renderSelectedIcon(selected) {
+    const {
+      root,
+      inlineIndent,
+      needIndent,
+      hasSelectedIcon,
+      isSelectIconRight,
+      type,
+    } = this.props;
+    const {
+      prefix,
+      hasSelectedIcon: rootSelectedIcon,
+      isSelectIconRight: rootSelectIconRight,
+    } = root.props;
 
-    handleClick(e) {
-        this.handleSelect(e);
-
-        this.props.onClick && this.props.onClick(e);
-    }
-
-    renderSelectedIcon(selected) {
-        const {
-            root,
-            inlineIndent,
-            needIndent,
-            hasSelectedIcon,
-            isSelectIconRight,
-            type,
-        } = this.props;
-        const {
-            prefix,
-            hasSelectedIcon: rootSelectedIcon,
-            isSelectIconRight: rootSelectIconRight,
-        } = root.props;
-
-        const cls = cx({
-            [`${prefix}menu-icon-selected`]: true,
-            [`${prefix}menu-icon-right`]:
+    const cls = cx({
+      [`${prefix}menu-icon-selected`]: true,
+      [`${prefix}menu-icon-right`]:
                 ('isSelectIconRight' in this.props
-                    ? isSelectIconRight
-                    : rootSelectIconRight) && type !== 'submenu',
-        });
+                  ? isSelectIconRight
+                  : rootSelectIconRight) && type !== 'submenu',
+    });
 
-        return ('hasSelectedIcon' in this.props
-            ? hasSelectedIcon
-            : rootSelectedIcon) && selected ? (
-            <Icon
-                style={
+    return ('hasSelectedIcon' in this.props
+      ? hasSelectedIcon
+      : rootSelectedIcon) && selected ? (
+        <Icon
+          style={
                     needIndent && inlineIndent > 0
-                        ? { left: `${inlineIndent}px` }
-                        : null
+                      ? { left: `${inlineIndent}px` }
+                      : null
                 }
-                className={cls}
-                type="select"
-            />
-        ) : null;
+          className={cls}
+          type="select"
+        />
+      ) : null;
+  }
+
+  render() {
+    const {
+      _key,
+      root,
+      className,
+      disabled,
+      helper,
+      children,
+      needIndent,
+    } = this.props;
+    const { prefix } = root.props;
+    const others = pickOthers(
+      Object.keys(SelectableItem.propTypes),
+      this.props,
+    );
+    const selected = this.getSelected();
+
+    const newProps = {
+      _key,
+      root,
+      disabled,
+      type: 'item',
+      className: cx({
+        [`${prefix}selected`]: selected,
+        [className]: !!className,
+      }),
+      onKeyDown: this.handleKeyDown,
+      onClick: !disabled ? this.handleClick : this.props.onClick,
+      needIndent,
+      ...others,
+    };
+
+    const textProps = {};
+
+    if ('selectMode' in root.props) {
+      textProps['aria-selected'] = selected;
     }
 
-    render() {
-        const {
-            _key,
-            root,
-            className,
-            disabled,
-            helper,
-            children,
-            needIndent,
-        } = this.props;
-        const { prefix } = root.props;
-        const others = pickOthers(
-            Object.keys(SelectableItem.propTypes),
-            this.props
-        );
-        const selected = this.getSelected();
-
-        const newProps = {
-            _key,
-            root,
-            disabled,
-            type: 'item',
-            className: cx({
-                [`${prefix}selected`]: selected,
-                [className]: !!className,
-            }),
-            onKeyDown: this.handleKeyDown,
-            onClick: !disabled ? this.handleClick : this.props.onClick,
-            needIndent,
-            ...others,
-        };
-
-        const textProps = {};
-
-        if ('selectMode' in root.props) {
-            textProps['aria-selected'] = selected;
-        }
-
-        return (
-            <Item {...newProps}>
-                {this.renderSelectedIcon(selected)}
-                <span className={`${prefix}menu-item-text`} {...textProps}>
-                    {children}
-                </span>
-                {helper ? (
-                    <div className={`${prefix}menu-item-helper`}>{helper}</div>
-                ) : null}
-            </Item>
-        );
-    }
+    return (
+      <Item {...newProps}>
+        {this.renderSelectedIcon(selected)}
+        <span className={`${prefix}menu-item-text`} {...textProps}>
+          {children}
+        </span>
+        {helper ? (
+          <div className={`${prefix}menu-item-helper`}>{helper}</div>
+        ) : null}
+      </Item>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/sub-menu.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/sub-menu.jsx
index def7d43d8..9894ac5a1 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/sub-menu.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/sub-menu.jsx
@@ -17,294 +17,294 @@ const { bindCtx } = func;
  * @order 1
  */
 export default class SubMenu extends Component {
-    static menuChildType = 'submenu';
+  static menuChildType = 'submenu';
 
-    static propTypes = {
-        _key: PropTypes.string,
-        root: PropTypes.object,
-        level: PropTypes.number,
-        inlineLevel: PropTypes.number,
-        groupIndent: PropTypes.number,
-        noIcon: PropTypes.bool,
-        /**
+  static propTypes = {
+    _key: PropTypes.string,
+    root: PropTypes.object,
+    level: PropTypes.number,
+    inlineLevel: PropTypes.number,
+    groupIndent: PropTypes.number,
+    noIcon: PropTypes.bool,
+    /**
          * 标签内容
          */
-        label: PropTypes.node,
-        /**
+    label: PropTypes.node,
+    /**
          * 是否可选，该属性仅在设置 Menu 组件 selectMode 属性后生效
          */
-        selectable: PropTypes.bool,
-        /**
+    selectable: PropTypes.bool,
+    /**
          * 子菜单打开方式，如果设置会覆盖 Menu 上的同名属性
          * @default Menu 的 mode 属性值
          */
-        mode: PropTypes.oneOf(['inline', 'popup']),
-        /**
+    mode: PropTypes.oneOf(['inline', 'popup']),
+    /**
          * 菜单项或下一级子菜单
          */
-        children: PropTypes.node,
-        onMouseEnter: PropTypes.func,
-        onMouseLeave: PropTypes.func,
-        subMenuContentClassName: PropTypes.string,
-        triggerType: PropTypes.oneOf(['click', 'hover']),
-        align: PropTypes.oneOf(['outside', 'follow']),
-        parentMode: PropTypes.oneOf(['inline', 'popup']),
-    };
+    children: PropTypes.node,
+    onMouseEnter: PropTypes.func,
+    onMouseLeave: PropTypes.func,
+    subMenuContentClassName: PropTypes.string,
+    triggerType: PropTypes.oneOf(['click', 'hover']),
+    align: PropTypes.oneOf(['outside', 'follow']),
+    parentMode: PropTypes.oneOf(['inline', 'popup']),
+  };
 
-    static defaultProps = {
-        groupIndent: 0,
-        noIcon: false,
-        selectable: false,
-    };
+  static defaultProps = {
+    groupIndent: 0,
+    noIcon: false,
+    selectable: false,
+  };
 
-    constructor(props) {
-        super(props);
+  constructor(props) {
+    super(props);
 
-        bindCtx(this, [
-            'handleMouseEnter',
-            'handleMouseLeave',
-            'handleClick',
-            'handleOpen',
-            'afterLeave',
-        ]);
+    bindCtx(this, [
+      'handleMouseEnter',
+      'handleMouseLeave',
+      'handleClick',
+      'handleOpen',
+      'afterLeave',
+    ]);
+  }
+
+  componentDidMount() {
+    this.itemNode = findDOMNode(this);
+  }
+
+  afterLeave() {
+    const { focused, root } = this.props;
+    const { focusable } = root.props;
+    if (focusable && focused) {
+      this.itemNode.focus();
     }
+  }
 
-    componentDidMount() {
-        this.itemNode = findDOMNode(this);
-    }
+  getOpen() {
+    const { _key, root } = this.props;
+    const { openKeys } = root.state;
 
-    afterLeave() {
-        const { focused, root } = this.props;
-        const { focusable } = root.props;
-        if (focusable && focused) {
-            this.itemNode.focus();
-        }
-    }
+    return openKeys.indexOf(_key) > -1;
+  }
 
-    getOpen() {
-        const { _key, root } = this.props;
-        const { openKeys } = root.state;
+  getChildSelected() {
+    const { _key, root } = this.props;
+    const { selectMode } = root.props;
+    const { selectedKeys } = root.state;
 
-        return openKeys.indexOf(_key) > -1;
-    }
+    const _keyPos = root.k2n[_key].pos;
 
-    getChildSelected() {
-        const { _key, root } = this.props;
-        const { selectMode } = root.props;
-        const { selectedKeys } = root.state;
-
-        const _keyPos = root.k2n[_key].pos;
-
-        return (
-            !!selectMode &&
+    return (
+      !!selectMode &&
             selectedKeys.some(
-                key => root.k2n[key] && root.k2n[key].pos.indexOf(_keyPos) === 0
+              key => root.k2n[key] && root.k2n[key].pos.indexOf(_keyPos) === 0,
             )
-        );
+    );
+  }
+
+  handleMouseEnter(e) {
+    this.handleOpen(true);
+
+    this.props.onMouseEnter && this.props.onMouseEnter(e);
+  }
+
+  handleMouseLeave(e) {
+    this.handleOpen(false);
+
+    this.props.onMouseLeave && this.props.onMouseLeave(e);
+  }
+
+  handleClick(e) {
+    const { root, selectable } = this.props;
+    const { selectMode } = root.props;
+    if (selectMode && selectable) {
+      e.stopPropagation();
     }
 
-    handleMouseEnter(e) {
-        this.handleOpen(true);
+    const open = this.getOpen();
+    this.handleOpen(!open);
+  }
 
-        this.props.onMouseEnter && this.props.onMouseEnter(e);
-    }
+  handleOpen(open, triggerType, e) {
+    const { _key, root } = this.props;
+    root.handleOpen(_key, open, triggerType, e);
+  }
 
-    handleMouseLeave(e) {
-        this.handleOpen(false);
+  passParentToChildren(children) {
+    const { mode, root } = this.props;
 
-        this.props.onMouseLeave && this.props.onMouseLeave(e);
-    }
+    return Children.map(children, child => {
+      // to fix https://github.com/alibaba-fusion/next/issues/952
+      if (typeof child !== 'function' && typeof child !== 'object') {
+        return child;
+      }
 
-    handleClick(e) {
-        const { root, selectable } = this.props;
-        const { selectMode } = root.props;
-        if (selectMode && selectable) {
-            e.stopPropagation();
-        }
+      return cloneElement(child, {
+        parent: this,
+        parentMode: mode || root.props.mode,
+      });
+    });
+  }
 
-        const open = this.getOpen();
-        this.handleOpen(!open);
-    }
+  renderInline() {
+    const {
+      _key,
+      level,
+      inlineLevel,
+      root,
+      className,
+      selectable: selectableFromProps,
+      label,
+      children,
+      noIcon,
+      subMenuContentClassName,
+      triggerType: propsTriggerType,
+      parentMode,
+    } = this.props;
+    const {
+      prefix,
+      selectMode,
+      triggerType: rootTriggerType,
+      inlineArrowDirection,
+      expandAnimation,
+      rtl,
+    } = root.props;
+    const triggerType = propsTriggerType || rootTriggerType;
+    const open = this.getOpen();
+    const isChildSelected = this.getChildSelected();
 
-    handleOpen(open, triggerType, e) {
-        const { _key, root } = this.props;
-        root.handleOpen(_key, open, triggerType, e);
-    }
+    const others = obj.pickOthers(
+      Object.keys(SubMenu.propTypes),
+      this.props,
+    );
 
-    passParentToChildren(children) {
-        const { mode, root } = this.props;
-
-        return Children.map(children, child => {
-            // to fix https://github.com/alibaba-fusion/next/issues/952
-            if (typeof child !== 'function' && typeof child !== 'object') {
-                return child;
-            }
-
-            return cloneElement(child, {
-                parent: this,
-                parentMode: mode || root.props.mode,
-            });
-        });
-    }
-
-    renderInline() {
-        const {
-            _key,
-            level,
-            inlineLevel,
-            root,
-            className,
-            selectable: selectableFromProps,
-            label,
-            children,
-            noIcon,
-            subMenuContentClassName,
-            triggerType: propsTriggerType,
-            parentMode,
-        } = this.props;
-        const {
-            prefix,
-            selectMode,
-            triggerType: rootTriggerType,
-            inlineArrowDirection,
-            expandAnimation,
-            rtl,
-        } = root.props;
-        const triggerType = propsTriggerType || rootTriggerType;
-        const open = this.getOpen();
-        const isChildSelected = this.getChildSelected();
-
-        const others = obj.pickOthers(
-            Object.keys(SubMenu.propTypes),
-            this.props
-        );
-
-        const liProps = {
-            className: cx({
-                [`${prefix}menu-sub-menu-wrapper`]: true,
-                [className]: !!className,
-            }),
-        };
-        const itemProps = {
-            'aria-expanded': open,
-            _key,
-            level,
-            role: 'listitem',
-            inlineLevel,
-            root,
-            type: 'submenu',
-            component: 'div',
-            parentMode,
-            className: cx({
-                [`${prefix}opened`]: open,
-                [`${prefix}child-selected`]: isChildSelected,
-            }),
-        };
-        const arrorProps = {
-            type:
+    const liProps = {
+      className: cx({
+        [`${prefix}menu-sub-menu-wrapper`]: true,
+        [className]: !!className,
+      }),
+    };
+    const itemProps = {
+      'aria-expanded': open,
+      _key,
+      level,
+      role: 'listitem',
+      inlineLevel,
+      root,
+      type: 'submenu',
+      component: 'div',
+      parentMode,
+      className: cx({
+        [`${prefix}opened`]: open,
+        [`${prefix}child-selected`]: isChildSelected,
+      }),
+    };
+    const arrorProps = {
+      type:
                 inlineArrowDirection === 'right' ? 'arrow-right' : 'arrow-down',
-            className: cx({
-                [`${prefix}menu-icon-arrow`]: true,
-                [`${prefix}menu-icon-arrow-down`]:
+      className: cx({
+        [`${prefix}menu-icon-arrow`]: true,
+        [`${prefix}menu-icon-arrow-down`]:
                     inlineArrowDirection === 'down',
-                [`${prefix}menu-icon-arrow-right`]:
+        [`${prefix}menu-icon-arrow-right`]:
                     inlineArrowDirection === 'right',
-                [`${prefix}open`]: open,
-            }),
-        };
+        [`${prefix}open`]: open,
+      }),
+    };
 
-        const selectable = !!selectMode && selectableFromProps;
-        const NewItem = selectable ? SelectabelItem : Item;
+    const selectable = !!selectMode && selectableFromProps;
+    const NewItem = selectable ? SelectabelItem : Item;
 
-        if (triggerType === 'hover') {
-            liProps.onMouseEnter = this.handleMouseEnter;
-            liProps.onMouseLeave = this.handleMouseLeave;
-        } else if (selectable) {
-            arrorProps.onClick = this.handleClick;
-        } else {
-            itemProps.onClick = this.handleClick;
-        }
-
-        const newSubMenuContentClassName = cx({
-            [`${prefix}menu-sub-menu`]: true,
-            [subMenuContentClassName]: !!subMenuContentClassName,
-        });
-
-        let roleMenu = 'menu',
-            roleItem = 'menuitem';
-        if ('selectMode' in root.props) {
-            roleMenu = 'listbox';
-            roleItem = 'option';
-        }
-
-        const subMenu = open ? (
-            <ul
-                role={roleMenu}
-                dir={rtl ? 'rtl' : undefined}
-                ref="subMenu"
-                className={newSubMenuContentClassName}
-            >
-                {this.passParentToChildren(children)}
-            </ul>
-        ) : null;
-
-        return (
-            <li role={roleItem} {...others} {...liProps}>
-                <NewItem {...itemProps}>
-                    <span className={`${prefix}menu-item-text`}>{label}</span>
-                    {noIcon ? null : <Icon {...arrorProps} />}
-                </NewItem>
-                {expandAnimation ? (
-                    <Expand
-                        animationAppear={false}
-                        afterLeave={this.afterLeave}
-                    >
-                        {subMenu}
-                    </Expand>
-                ) : (
-                    subMenu
-                )}
-            </li>
-        );
+    if (triggerType === 'hover') {
+      liProps.onMouseEnter = this.handleMouseEnter;
+      liProps.onMouseLeave = this.handleMouseLeave;
+    } else if (selectable) {
+      arrorProps.onClick = this.handleClick;
+    } else {
+      itemProps.onClick = this.handleClick;
     }
 
-    renderPopup() {
-        const {
-            children,
-            subMenuContentClassName,
-            noIcon,
-            ...others
-        } = this.props;
-        const root = this.props.root;
-        const { prefix, popupClassName, popupStyle, rtl } = root.props;
+    const newSubMenuContentClassName = cx({
+      [`${prefix}menu-sub-menu`]: true,
+      [subMenuContentClassName]: !!subMenuContentClassName,
+    });
 
-        const newClassName = cx({
-            [`${prefix}menu`]: true,
-            [`${prefix}ver`]: true,
-            [popupClassName]: !!popupClassName,
-            [subMenuContentClassName]: !!subMenuContentClassName,
-        });
-
-        others.rtl = rtl;
-
-        return (
-            <PopupItem {...others} noIcon={noIcon} hasSubMenu>
-                <ul
-                    role="menu"
-                    dir={rtl ? 'rtl' : undefined}
-                    className={newClassName}
-                    style={popupStyle}
-                >
-                    {this.passParentToChildren(children)}
-                </ul>
-            </PopupItem>
-        );
+    let roleMenu = 'menu';
+    let roleItem = 'menuitem';
+    if ('selectMode' in root.props) {
+      roleMenu = 'listbox';
+      roleItem = 'option';
     }
 
-    render() {
-        const { mode, root } = this.props;
-        const newMode = mode || root.props.mode;
+    const subMenu = open ? (
+      <ul
+        role={roleMenu}
+        dir={rtl ? 'rtl' : undefined}
+        ref="subMenu"
+        className={newSubMenuContentClassName}
+      >
+        {this.passParentToChildren(children)}
+      </ul>
+    ) : null;
 
-        return newMode === 'popup' ? this.renderPopup() : this.renderInline();
-    }
+    return (
+      <li role={roleItem} {...others} {...liProps}>
+        <NewItem {...itemProps}>
+          <span className={`${prefix}menu-item-text`}>{label}</span>
+          {noIcon ? null : <Icon {...arrorProps} />}
+        </NewItem>
+        {expandAnimation ? (
+          <Expand
+            animationAppear={false}
+            afterLeave={this.afterLeave}
+          >
+            {subMenu}
+          </Expand>
+        ) : (
+          subMenu
+        )}
+      </li>
+    );
+  }
+
+  renderPopup() {
+    const {
+      children,
+      subMenuContentClassName,
+      noIcon,
+      ...others
+    } = this.props;
+    const { root } = this.props;
+    const { prefix, popupClassName, popupStyle, rtl } = root.props;
+
+    const newClassName = cx({
+      [`${prefix}menu`]: true,
+      [`${prefix}ver`]: true,
+      [popupClassName]: !!popupClassName,
+      [subMenuContentClassName]: !!subMenuContentClassName,
+    });
+
+    others.rtl = rtl;
+
+    return (
+      <PopupItem {...others} noIcon={noIcon} hasSubMenu>
+        <ul
+          role="menu"
+          dir={rtl ? 'rtl' : undefined}
+          className={newClassName}
+          style={popupStyle}
+        >
+          {this.passParentToChildren(children)}
+        </ul>
+      </PopupItem>
+    );
+  }
+
+  render() {
+    const { mode, root } = this.props;
+    const newMode = mode || root.props.mode;
+
+    return newMode === 'popup' ? this.renderPopup() : this.renderInline();
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/util.js b/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/util.js
index e9f082d7d..7859ea8dc 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/util.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/menu/view/util.js
@@ -1,10 +1,10 @@
 export const getWidth = elem => {
-    let width =
+  let width =
         elem &&
         typeof elem.getBoundingClientRect === 'function' &&
         elem.getBoundingClientRect().width;
-    if (width) {
-        width = +width.toFixed(6);
-    }
-    return width || 0;
+  if (width) {
+    width = +width.toFixed(6);
+  }
+  return width || 0;
 };
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/message/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/message/index.jsx
index 7dfeb618e..4e8145af5 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/message/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/message/index.jsx
@@ -12,5 +12,5 @@ Message.loading = toast.loading;
 Message.hide = toast.hide;
 
 export default ConfigProvider.config(Message, {
-    componentName: 'Message',
+  componentName: 'Message',
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/message/message.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/message/message.jsx
index d4e6937d8..262f9dc3a 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/message/message.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/message/message.jsx
@@ -14,191 +14,191 @@ const noop = () => {};
  * Message
  */
 class Message extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        pure: PropTypes.bool,
-        className: PropTypes.string,
-        style: PropTypes.object,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    pure: PropTypes.bool,
+    className: PropTypes.string,
+    style: PropTypes.object,
+    /**
          * 反馈类型
          */
-        type: PropTypes.oneOf([
-            'success',
-            'warning',
-            'error',
-            'notice',
-            'help',
-            'loading',
-        ]),
-        /**
+    type: PropTypes.oneOf([
+      'success',
+      'warning',
+      'error',
+      'notice',
+      'help',
+      'loading',
+    ]),
+    /**
          * 反馈外观
          */
-        shape: PropTypes.oneOf(['inline', 'addon', 'toast']),
-        /**
+    shape: PropTypes.oneOf(['inline', 'addon', 'toast']),
+    /**
          * 反馈大小
          */
-        size: PropTypes.oneOf(['medium', 'large']),
-        /**
+    size: PropTypes.oneOf(['medium', 'large']),
+    /**
          * 标题
          */
-        title: PropTypes.node,
-        /**
+    title: PropTypes.node,
+    /**
          * 内容
          */
-        children: PropTypes.node,
-        /**
+    children: PropTypes.node,
+    /**
          * 默认是否显示
          */
-        defaultVisible: PropTypes.bool,
-        /**
+    defaultVisible: PropTypes.bool,
+    /**
          * 当前是否显示
          */
-        visible: PropTypes.bool,
-        /**
+    visible: PropTypes.bool,
+    /**
          * 显示的图标类型，会覆盖内部设置的IconType
          */
-        iconType: PropTypes.string,
-        /**
+    iconType: PropTypes.string,
+    /**
          * 显示关闭按钮
          */
-        closeable: PropTypes.bool,
-        /**
+    closeable: PropTypes.bool,
+    /**
          * 关闭按钮的回调
          */
-        onClose: PropTypes.func,
-        /**
+    onClose: PropTypes.func,
+    /**
          * 关闭之后调用的函数
          */
-        afterClose: PropTypes.func,
-        /**
+    afterClose: PropTypes.func,
+    /**
          * 是否开启展开收起动画
          */
-        animation: PropTypes.bool,
-        locale: PropTypes.object,
-        rtl: PropTypes.bool,
-    };
+    animation: PropTypes.bool,
+    locale: PropTypes.object,
+    rtl: PropTypes.bool,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        pure: false,
-        type: 'success',
-        shape: 'inline',
-        size: 'medium',
-        defaultVisible: true,
-        closeable: false,
-        onClose: noop,
-        afterClose: noop,
-        animation: true,
-        locale: nextLocale.Message,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    pure: false,
+    type: 'success',
+    shape: 'inline',
+    size: 'medium',
+    defaultVisible: true,
+    closeable: false,
+    onClose: noop,
+    afterClose: noop,
+    animation: true,
+    locale: nextLocale.Message,
+  };
 
-    state = {
-        visible:
+  state = {
+    visible:
             typeof this.props.visible === 'undefined'
-                ? this.props.defaultVisible
-                : this.props.visible,
-    };
+              ? this.props.defaultVisible
+              : this.props.visible,
+  };
 
-    static getDerivedStateFromProps(props) {
-        if ('visible' in props) {
-            return {
-                visible: props.visible,
-            };
-        }
-
-        return {};
+  static getDerivedStateFromProps(props) {
+    if ('visible' in props) {
+      return {
+        visible: props.visible,
+      };
     }
 
-    onClose = () => {
-        if (!('visible' in this.props)) {
-            this.setState({
-                visible: false,
-            });
-        }
-        this.props.onClose(false);
+    return {};
+  }
+
+  onClose = () => {
+    if (!('visible' in this.props)) {
+      this.setState({
+        visible: false,
+      });
+    }
+    this.props.onClose(false);
+  };
+
+  render() {
+    /* eslint-disable no-unused-vars */
+    const {
+      prefix,
+      pure,
+      className,
+      style,
+      type,
+      shape,
+      size,
+      title,
+      children,
+      defaultVisible,
+      visible: propsVisible,
+      iconType: icon,
+      closeable,
+      onClose,
+      afterClose,
+      animation,
+      rtl,
+      locale,
+    } = this.props;
+    const others = {
+      ...obj.pickOthers(Object.keys(Message.propTypes), this.props),
     };
+    /* eslint-enable */
+    const { visible } = this.state;
+    const messagePrefix = `${prefix}message`;
 
-    render() {
-        /* eslint-disable no-unused-vars */
-        const {
-            prefix,
-            pure,
-            className,
-            style,
-            type,
-            shape,
-            size,
-            title,
-            children,
-            defaultVisible,
-            visible: propsVisible,
-            iconType: icon,
-            closeable,
-            onClose,
-            afterClose,
-            animation,
-            rtl,
-            locale,
-        } = this.props;
-        const others = {
-            ...obj.pickOthers(Object.keys(Message.propTypes), this.props),
-        };
-        /* eslint-enable */
-        const { visible } = this.state;
-        const messagePrefix = `${prefix}message`;
+    const classes = classNames({
+      [messagePrefix]: true,
+      [`${prefix}message-${type}`]: type,
+      [`${prefix}${shape}`]: shape,
+      [`${prefix}${size}`]: size,
+      [`${prefix}title-content`]: !!title,
+      [`${prefix}only-content`]: !title && !!children,
+      [className]: className,
+    });
 
-        const classes = classNames({
-            [messagePrefix]: true,
-            [`${prefix}message-${type}`]: type,
-            [`${prefix}${shape}`]: shape,
-            [`${prefix}${size}`]: size,
-            [`${prefix}title-content`]: !!title,
-            [`${prefix}only-content`]: !title && !!children,
-            [className]: className,
-        });
-
-        const newChildren = visible ? (
-            <div
-                role="alert"
-                style={style}
-                {...others}
-                className={classes}
-                dir={rtl ? 'rtl' : undefined}
-            >
-                {closeable ? (
-                    <a
-                        role="button"
-                        aria-label={locale.closeAriaLabel}
-                        className={`${messagePrefix}-close`}
-                        onClick={this.onClose}
-                    >
-                        <Icon type="close" />
-                    </a>
-                ) : null}
-                <Icon
-                    className={`${messagePrefix}-symbol ${!icon &&
+    const newChildren = visible ? (
+      <div
+        role="alert"
+        style={style}
+        {...others}
+        className={classes}
+        dir={rtl ? 'rtl' : undefined}
+      >
+        {closeable ? (
+          <a
+            role="button"
+            aria-label={locale.closeAriaLabel}
+            className={`${messagePrefix}-close`}
+            onClick={this.onClose}
+          >
+            <Icon type="close" />
+          </a>
+        ) : null}
+        <Icon
+          className={`${messagePrefix}-symbol ${!icon &&
                         `${messagePrefix}-symbol-icon`}`}
-                    type={icon}
-                />
-                {title ? (
-                    <div className={`${messagePrefix}-title`}>{title}</div>
-                ) : null}
-                {children ? (
-                    <div className={`${messagePrefix}-content`}>{children}</div>
-                ) : null}
-            </div>
-        ) : null;
+          type={icon}
+        />
+        {title ? (
+          <div className={`${messagePrefix}-title`}>{title}</div>
+        ) : null}
+        {children ? (
+          <div className={`${messagePrefix}-content`}>{children}</div>
+        ) : null}
+      </div>
+    ) : null;
 
-        if (animation) {
-            return (
-                <Animate.Expand animationAppear={false} afterLeave={afterClose}>
-                    {newChildren}
-                </Animate.Expand>
-            );
-        }
-
-        return newChildren;
+    if (animation) {
+      return (
+        <Animate.Expand animationAppear={false} afterLeave={afterClose}>
+          {newChildren}
+        </Animate.Expand>
+      );
     }
+
+    return newChildren;
+  }
 }
 
 export default ConfigProvider.config(polyfill(Message));
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/message/toast.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/message/toast.jsx
index a0d85d79f..cfcda1a80 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/message/toast.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/message/toast.jsx
@@ -12,203 +12,203 @@ let instance;
 const timeouts = {};
 
 class Mask extends React.Component {
-    static contextTypes = {
-        prefix: PropTypes.string,
-    };
+  static contextTypes = {
+    prefix: PropTypes.string,
+  };
 
-    static propTypes = {
-        prefix: PropTypes.string,
-        type: PropTypes.string,
-        title: PropTypes.node,
-        content: PropTypes.node,
-        align: PropTypes.string,
-        offset: PropTypes.array,
-        hasMask: PropTypes.bool,
-        afterClose: PropTypes.func,
-        animation: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
-        overlayProps: PropTypes.object,
-        onClose: PropTypes.func,
-        timeoutId: PropTypes.string,
-        style: PropTypes.object,
-        className: PropTypes.string,
-    };
+  static propTypes = {
+    prefix: PropTypes.string,
+    type: PropTypes.string,
+    title: PropTypes.node,
+    content: PropTypes.node,
+    align: PropTypes.string,
+    offset: PropTypes.array,
+    hasMask: PropTypes.bool,
+    afterClose: PropTypes.func,
+    animation: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
+    overlayProps: PropTypes.object,
+    onClose: PropTypes.func,
+    timeoutId: PropTypes.string,
+    style: PropTypes.object,
+    className: PropTypes.string,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        align: 'tc tc',
-        offset: [0, 30],
-        hasMask: false,
-        animation: {
-            in: 'pulse',
-            out: 'zoomOut',
-        },
-        style: {},
-        className: '',
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    align: 'tc tc',
+    offset: [0, 30],
+    hasMask: false,
+    animation: {
+      in: 'pulse',
+      out: 'zoomOut',
+    },
+    style: {},
+    className: '',
+  };
 
-    state = {
-        visible: true,
-    };
+  state = {
+    visible: true,
+  };
 
-    componentWillUnmount() {
-        const { timeoutId } = this.props;
+  componentWillUnmount() {
+    const { timeoutId } = this.props;
 
-        if (timeoutId in timeouts) {
-            const timeout = timeouts[timeoutId];
-            clearTimeout(timeout);
-            delete timeouts[timeoutId];
-        }
+    if (timeoutId in timeouts) {
+      const timeout = timeouts[timeoutId];
+      clearTimeout(timeout);
+      delete timeouts[timeoutId];
     }
+  }
 
-    handleClose = (silent = false) => {
-        this.setState({
-            visible: false,
-        });
+  handleClose = (silent = false) => {
+    this.setState({
+      visible: false,
+    });
 
-        if (!silent) {
-            this.props.onClose && this.props.onClose();
-        }
-    };
-
-    render() {
-        /* eslint-disable no-unused-vars */
-        const {
-            prefix,
-            type,
-            title,
-            content,
-            align,
-            offset,
-            hasMask,
-            afterClose,
-            animation,
-            overlayProps,
-            timeoutId,
-            className,
-            style,
-            ...others
-        } = this.props;
-        /* eslint-enable */
-        const { visible } = this.state;
-        return (
-            <Overlay
-                {...overlayProps}
-                prefix={prefix}
-                animation={animation}
-                visible={visible}
-                align={align}
-                offset={offset}
-                hasMask={hasMask}
-                afterClose={afterClose}
-            >
-                <Message
-                    {...others}
-                    prefix={prefix}
-                    visible
-                    type={type}
-                    shape="toast"
-                    title={title}
-                    style={style}
-                    className={`${prefix}message-wrapper ${className}`}
-                    onClose={this.handleClose}
-                >
-                    {content}
-                </Message>
-            </Overlay>
-        );
+    if (!silent) {
+      this.props.onClose && this.props.onClose();
     }
+  };
+
+  render() {
+    /* eslint-disable no-unused-vars */
+    const {
+      prefix,
+      type,
+      title,
+      content,
+      align,
+      offset,
+      hasMask,
+      afterClose,
+      animation,
+      overlayProps,
+      timeoutId,
+      className,
+      style,
+      ...others
+    } = this.props;
+    /* eslint-enable */
+    const { visible } = this.state;
+    return (
+      <Overlay
+        {...overlayProps}
+        prefix={prefix}
+        animation={animation}
+        visible={visible}
+        align={align}
+        offset={offset}
+        hasMask={hasMask}
+        afterClose={afterClose}
+      >
+        <Message
+          {...others}
+          prefix={prefix}
+          visible
+          type={type}
+          shape="toast"
+          title={title}
+          style={style}
+          className={`${prefix}message-wrapper ${className}`}
+          onClose={this.handleClose}
+        >
+          {content}
+        </Message>
+      </Overlay>
+    );
+  }
 }
 
 const NewMask = config(Mask);
 
 const create = props => {
-    /* eslint-disable no-unused-vars */
-    const { duration, afterClose, ...others } = props;
-    /* eslint-enable no-unused-vars */
+  /* eslint-disable no-unused-vars */
+  const { duration, afterClose, ...others } = props;
+  /* eslint-enable no-unused-vars */
 
-    const div = document.createElement('div');
-    document.body.appendChild(div);
-    const closeChain = function() {
-        ReactDOM.unmountComponentAtNode(div);
-        document.body.removeChild(div);
-        afterClose && afterClose();
-    };
+  const div = document.createElement('div');
+  document.body.appendChild(div);
+  const closeChain = function () {
+    ReactDOM.unmountComponentAtNode(div);
+    document.body.removeChild(div);
+    afterClose && afterClose();
+  };
 
-    const newContext = ConfigProvider.getContext();
+  const newContext = ConfigProvider.getContext();
 
-    let mask,
-        myRef,
-        destroyed = false;
-    const destroy = () => {
-        const inc = mask && mask.getInstance();
-        inc && inc.handleClose(true);
-        destroyed = true;
-    };
+  let mask;
+  let myRef;
+  let destroyed = false;
+  const destroy = () => {
+    const inc = mask && mask.getInstance();
+    inc && inc.handleClose(true);
+    destroyed = true;
+  };
 
-    ReactDOM.render(
-        <ConfigProvider {...newContext}>
-            <NewMask
-                afterClose={closeChain}
-                {...others}
-                ref={ref => {
-                    myRef = ref;
-                }}
-            />
-        </ConfigProvider>,
-        div,
-        function() {
-            mask = myRef;
-            if (mask && destroyed) {
-                destroy();
-            }
-        }
-    );
+  ReactDOM.render(
+    <ConfigProvider {...newContext}>
+      <NewMask
+        afterClose={closeChain}
+        {...others}
+        ref={ref => {
+          myRef = ref;
+        }}
+      />
+    </ConfigProvider>,
+    div,
+    () => {
+      mask = myRef;
+      if (mask && destroyed) {
+        destroy();
+      }
+    },
+  );
 
-    return {
-        component: mask,
-        destroy,
-    };
+  return {
+    component: mask,
+    destroy,
+  };
 };
 
 function handleConfig(config, type) {
-    let newConfig = {};
+  let newConfig = {};
 
-    if (typeof config === 'string' || React.isValidElement(config)) {
-        newConfig.title = config;
-    } else if (isObject(config)) {
-        newConfig = { ...config };
-    }
-    if (typeof newConfig.duration !== 'number') {
-        newConfig.duration = 3000;
-    }
-    if (type) {
-        newConfig.type = type;
-    }
+  if (typeof config === 'string' || React.isValidElement(config)) {
+    newConfig.title = config;
+  } else if (isObject(config)) {
+    newConfig = { ...config };
+  }
+  if (typeof newConfig.duration !== 'number') {
+    newConfig.duration = 3000;
+  }
+  if (type) {
+    newConfig.type = type;
+  }
 
-    return newConfig;
+  return newConfig;
 }
 
 function isObject(obj) {
-    return {}.toString.call(obj) === '[object Object]';
+  return {}.toString.call(obj) === '[object Object]';
 }
 
 function open(config, type) {
-    close();
-    config = handleConfig(config, type);
-    const timeoutId = guid();
-    instance = create({ ...config, timeoutId });
+  close();
+  config = handleConfig(config, type);
+  const timeoutId = guid();
+  instance = create({ ...config, timeoutId });
 
-    if (config.duration > 0) {
-        const timeout = setTimeout(close, config.duration);
-        timeouts[timeoutId] = timeout;
-    }
+  if (config.duration > 0) {
+    const timeout = setTimeout(close, config.duration);
+    timeouts[timeoutId] = timeout;
+  }
 }
 
 function close() {
-    if (instance) {
-        instance.destroy();
-        instance = null;
-    }
+  if (instance) {
+    instance.destroy();
+    instance = null;
+  }
 }
 
 /**
@@ -217,7 +217,7 @@ function close() {
  * @param {Object} props 属性对象
  */
 function show(config) {
-    open(config);
+  open(config);
 }
 
 /**
@@ -225,7 +225,7 @@ function show(config) {
  * @exportName hide
  */
 function hide() {
-    close();
+  close();
 }
 
 /**
@@ -234,7 +234,7 @@ function hide() {
  * @param {Object} props 属性对象
  */
 function success(config) {
-    open(config, 'success');
+  open(config, 'success');
 }
 
 /**
@@ -243,7 +243,7 @@ function success(config) {
  * @param {Object} props 属性对象
  */
 function warning(config) {
-    open(config, 'warning');
+  open(config, 'warning');
 }
 
 /**
@@ -252,7 +252,7 @@ function warning(config) {
  * @param {Object} props 属性对象
  */
 function error(config) {
-    open(config, 'error');
+  open(config, 'error');
 }
 
 /**
@@ -261,7 +261,7 @@ function error(config) {
  * @param {Object} props 属性对象
  */
 function help(config) {
-    open(config, 'help');
+  open(config, 'help');
 }
 
 /**
@@ -270,7 +270,7 @@ function help(config) {
  * @param {Object} props 属性对象
  */
 function loading(config) {
-    open(config, 'loading');
+  open(config, 'loading');
 }
 
 /**
@@ -279,16 +279,16 @@ function loading(config) {
  * @param {Object} props 属性对象
  */
 function notice(config) {
-    open(config, 'notice');
+  open(config, 'notice');
 }
 
 export default {
-    show,
-    hide,
-    success,
-    warning,
-    error,
-    help,
-    loading,
-    notice,
+  show,
+  hide,
+  success,
+  warning,
+  error,
+  help,
+  loading,
+  notice,
 };
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/mixin-ui-state/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/mixin-ui-state/index.jsx
index 60ec12f71..ccbfa26e6 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/mixin-ui-state/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/mixin-ui-state/index.jsx
@@ -9,44 +9,49 @@ const { makeChain } = func;
 // 注意：disable 不会触发事件，请使用resetUIState还原状态
 /* eslint-disable react/prop-types */
 class UIState extends Component {
-    constructor(props) {
-        super(props);
-        this.state = {};
-        ['_onUIFocus', '_onUIBlur'].forEach(item => {
-            this[item] = this[item].bind(this);
-        });
-    }
-    // base 事件绑定的元素
-    getStateElement(base) {
-        const { onFocus, onBlur } = this.props;
-        return React.cloneElement(base, {
-            onFocus: makeChain(this._onUIFocus, onFocus),
-            onBlur: makeChain(this._onUIBlur, onBlur),
-        });
-    }
-    // 获取状态classname
-    getStateClassName() {
-        const { focused } = this.state;
-        return classnames({
-            focused,
-        });
-    }
-    // 复原状态
-    resetUIState() {
-        this.setState({
-            focused: false,
-        });
-    }
-    _onUIFocus() {
-        this.setState({
-            focused: true,
-        });
-    }
-    _onUIBlur() {
-        this.setState({
-            focused: false,
-        });
-    }
+  constructor(props) {
+    super(props);
+    this.state = {};
+    ['_onUIFocus', '_onUIBlur'].forEach(item => {
+      this[item] = this[item].bind(this);
+    });
+  }
+
+  // base 事件绑定的元素
+  getStateElement(base) {
+    const { onFocus, onBlur } = this.props;
+    return React.cloneElement(base, {
+      onFocus: makeChain(this._onUIFocus, onFocus),
+      onBlur: makeChain(this._onUIBlur, onBlur),
+    });
+  }
+
+  // 获取状态classname
+  getStateClassName() {
+    const { focused } = this.state;
+    return classnames({
+      focused,
+    });
+  }
+
+  // 复原状态
+  resetUIState() {
+    this.setState({
+      focused: false,
+    });
+  }
+
+  _onUIFocus() {
+    this.setState({
+      focused: true,
+    });
+  }
+
+  _onUIBlur() {
+    this.setState({
+      focused: false,
+    });
+  }
 }
 
 export default UIState;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/nav/group.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/nav/group.jsx
index 839ad321e..c43200376 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/nav/group.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/nav/group.jsx
@@ -8,49 +8,49 @@ import Menu from '../menu';
  * @description 继承自 `Menu.Group` 的能力请查看 `Menu.Group` 文档
  */
 class Group extends Component {
-    static menuChildType = 'group';
+  static menuChildType = 'group';
 
-    static propTypes = {
-        /**
+  static propTypes = {
+    /**
          * 自定义类名
          */
-        className: PropTypes.string,
-        /**
+    className: PropTypes.string,
+    /**
          * 标签内容
          */
-        label: PropTypes.node,
-        /**
+    label: PropTypes.node,
+    /**
          * 导航项和子导航
          */
-        children: PropTypes.node,
-    };
+    children: PropTypes.node,
+  };
 
-    static contextTypes = {
-        prefix: PropTypes.string,
-        iconOnly: PropTypes.bool,
-    };
+  static contextTypes = {
+    prefix: PropTypes.string,
+    iconOnly: PropTypes.bool,
+  };
 
-    render() {
-        const { prefix, iconOnly } = this.context;
-        const { className, children, label, ...others } = this.props;
+  render() {
+    const { prefix, iconOnly } = this.context;
+    const { className, children, label, ...others } = this.props;
 
-        let newLabel = label;
-        if (iconOnly) {
-            // TODO: add a group icon ?
-            newLabel = [<span key="label">{label}</span>];
-        }
-
-        const cls = classNames({
-            [`${prefix}nav-group-label`]: true,
-            [className]: !!className,
-        });
-
-        return (
-            <Menu.Group className={cls} label={newLabel} {...others}>
-                {children}
-            </Menu.Group>
-        );
+    let newLabel = label;
+    if (iconOnly) {
+      // TODO: add a group icon ?
+      newLabel = [<span key="label">{label}</span>];
     }
+
+    const cls = classNames({
+      [`${prefix}nav-group-label`]: true,
+      [className]: !!className,
+    });
+
+    return (
+      <Menu.Group className={cls} label={newLabel} {...others}>
+        {children}
+      </Menu.Group>
+    );
+  }
 }
 
 export default Group;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/nav/item.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/nav/item.jsx
index 3dcf8e28c..b3b1dd8d3 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/nav/item.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/nav/item.jsx
@@ -11,53 +11,53 @@ const { Tooltip } = Balloon;
  * @description 继承自 `Menu.Item` 的能力请查看 `Menu.Item` 文档
  */
 class Item extends Component {
-    static menuChildType = 'item';
+  static menuChildType = 'item';
 
-    static propTypes = {
-        /**
+  static propTypes = {
+    /**
          * 自定义图标，可以使用 Icon 的 type，也可以使用组件 `<Icon type="icon type" />`
          */
-        icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-        /**
+    icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    /**
          * 导航内容
          */
-        children: PropTypes.node,
-        parentMode: PropTypes.oneOf(['inline', 'popup']),
-    };
+    children: PropTypes.node,
+    parentMode: PropTypes.oneOf(['inline', 'popup']),
+  };
 
-    static contextTypes = {
-        prefix: PropTypes.string,
-        iconOnly: PropTypes.bool,
-        hasTooltip: PropTypes.bool,
-    };
+  static contextTypes = {
+    prefix: PropTypes.string,
+    iconOnly: PropTypes.bool,
+    hasTooltip: PropTypes.bool,
+  };
 
-    render() {
-        const { prefix, iconOnly, hasTooltip } = this.context;
-        const { icon, children, ...others } = this.props;
-        const iconEl =
+  render() {
+    const { prefix, iconOnly, hasTooltip } = this.context;
+    const { icon, children, ...others } = this.props;
+    const iconEl =
             typeof icon === 'string' ? (
-                <Icon className={`${prefix}nav-icon`} type={icon} />
+              <Icon className={`${prefix}nav-icon`} type={icon} />
             ) : (
-                icon
+              icon
             );
 
-        const item = (
-            <Menu.Item {...others}>
-                {iconEl}
-                {children}
-            </Menu.Item>
-        );
+    const item = (
+      <Menu.Item {...others}>
+        {iconEl}
+        {children}
+      </Menu.Item>
+    );
 
-        if (iconOnly && hasTooltip && others.parentMode !== 'popup') {
-            return (
-                <Tooltip align="r" trigger={item}>
-                    {children}
-                </Tooltip>
-            );
-        }
-
-        return item;
+    if (iconOnly && hasTooltip && others.parentMode !== 'popup') {
+      return (
+        <Tooltip align="r" trigger={item}>
+          {children}
+        </Tooltip>
+      );
     }
+
+    return item;
+  }
 }
 
 export default Item;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/nav/nav.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/nav/nav.jsx
index 02490df4b..4e1814066 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/nav/nav.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/nav/nav.jsx
@@ -9,76 +9,76 @@ import Menu from '../menu';
  * @description 继承自 `Menu` 的能力请查看 `Menu` 文档
  */
 class Nav extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        pure: PropTypes.bool,
-        rtl: PropTypes.bool,
-        className: PropTypes.string,
-        style: PropTypes.object,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    pure: PropTypes.bool,
+    rtl: PropTypes.bool,
+    className: PropTypes.string,
+    style: PropTypes.object,
+    /**
          * 导航项和子导航
          */
-        children: PropTypes.node,
-        /**
+    children: PropTypes.node,
+    /**
          * 导航类型
          * @enumdesc 普通, 主要, 次要, 线形
          */
-        type: PropTypes.oneOf(['normal', 'primary', 'secondary', 'line']),
-        /**
+    type: PropTypes.oneOf(['normal', 'primary', 'secondary', 'line']),
+    /**
          * 导航布局
          * @enumdesc 水平, 垂直
          */
-        direction: PropTypes.oneOf(['hoz', 'ver']),
-        /**
+    direction: PropTypes.oneOf(['hoz', 'ver']),
+    /**
          * 横向导航条 items 和 footer 的对齐方向，在 direction 设置为 'hoz' 并且 header 存在时生效
          */
-        hozAlign: PropTypes.oneOf(['left', 'right']),
-        /**
+    hozAlign: PropTypes.oneOf(['left', 'right']),
+    /**
          * 设置组件选中状态的 active 边方向
          * @enumdesc 无, 上, 下, 左, 右
          * @default 当 direction 为 'hoz' 时，默认值为 'bottom'，当 direction 为 'ver' 时，默认值为 'left'
          */
-        activeDirection: PropTypes.oneOf([
-            null,
-            'top',
-            'bottom',
-            'left',
-            'right',
-        ]),
-        /**
+    activeDirection: PropTypes.oneOf([
+      null,
+      'top',
+      'bottom',
+      'left',
+      'right',
+    ]),
+    /**
          * 子导航打开的模式（水平导航只支持弹出）
          * @eumdesc 行内, 弹出
          */
-        mode: PropTypes.oneOf(['inline', 'popup']),
-        /**
+    mode: PropTypes.oneOf(['inline', 'popup']),
+    /**
          * 子导航打开的触发方式
          */
-        triggerType: PropTypes.oneOf(['click', 'hover']),
-        /**
+    triggerType: PropTypes.oneOf(['click', 'hover']),
+    /**
          * 内联子导航缩进距离
          */
-        inlineIndent: PropTypes.number,
-        /**
+    inlineIndent: PropTypes.number,
+    /**
          * 初始展开所有的子导航，只在 mode 设置为 'inline' 以及 openMode 设置为 'multiple' 下生效
          */
-        defaultOpenAll: PropTypes.bool,
-        /**
+    defaultOpenAll: PropTypes.bool,
+    /**
          * 内联子导航的展开模式，同时可以展开一个同级子导航还是多个同级子导航，该属性仅在 mode 为 inline 时生效
          * @eumdesc 一个, 多个
          */
-        openMode: PropTypes.oneOf(['single', 'multiple']),
-        /**
+    openMode: PropTypes.oneOf(['single', 'multiple']),
+    /**
          * 当前选中导航项的 key 值
          */
-        selectedKeys: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
-        /**
+    selectedKeys: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
+    /**
          * 初始选中导航项的 key 值
          */
-        defaultSelectedKeys: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.array,
-        ]),
-        /**
+    defaultSelectedKeys: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.array,
+    ]),
+    /**
          * 选中或取消选中导航项触发的回调函数
          * @param {Array} selectedKeys 选中的所有导航项的 key
          * @param {Object} item 选中或取消选中的导航项
@@ -88,210 +88,210 @@ class Nav extends Component {
          * @param {Object} extra.label 导航项的文本
          * @param {Array} extra.keyPath 导航项 key 的路径
          */
-        onSelect: PropTypes.func,
-        /**
+    onSelect: PropTypes.func,
+    /**
          * 弹出子导航的对齐方式（水平导航只支持 follow ）
          * @eumdesc Item 顶端对齐, Nav 顶端对齐
          */
-        popupAlign: PropTypes.oneOf(['follow', 'outside']),
-        /**
+    popupAlign: PropTypes.oneOf(['follow', 'outside']),
+    /**
          * 弹出子导航的自定义类名
          */
-        popupClassName: PropTypes.string,
-        /**
+    popupClassName: PropTypes.string,
+    /**
          * 是否只显示图标
          */
-        iconOnly: PropTypes.bool,
-        /**
+    iconOnly: PropTypes.bool,
+    /**
          * 是否显示右侧的箭头（仅在 iconOnly=true 时生效）
          */
-        hasArrow: PropTypes.bool,
-        /**
+    hasArrow: PropTypes.bool,
+    /**
          * 是否有 ToolTips （仅在 iconOnly=true 时生效）
          */
-        hasTooltip: PropTypes.bool,
-        /**
+    hasTooltip: PropTypes.bool,
+    /**
          * 自定义导航头部
          */
-        header: PropTypes.node,
-        /**
+    header: PropTypes.node,
+    /**
          * 自定义导航尾部
          */
-        footer: PropTypes.node,
-        /**
+    footer: PropTypes.node,
+    /**
          * 是否开启嵌入式模式，一般用于Layout的布局中，开启后没有默认背景、外层border、box-shadow，可以配合`<Nav style={{lineHeight: '100px'}}>` 自定义高度
          */
-        embeddable: PropTypes.bool,
-        popupProps: PropTypes.object,
+    embeddable: PropTypes.bool,
+    popupProps: PropTypes.object,
+  };
+
+  static defaultProps = {
+    prefix: 'next-',
+    pure: false,
+    type: 'normal',
+    direction: 'ver',
+    hozAlign: 'left',
+    mode: 'inline',
+    triggerType: 'click',
+    inlineIndent: 20,
+    defaultOpenAll: false,
+    openMode: 'multiple',
+    defaultSelectedKeys: [],
+    popupAlign: 'follow',
+    hasTooltip: false,
+    embeddable: false,
+    hasArrow: true,
+    popupProps: {},
+  };
+
+  static childContextTypes = {
+    prefix: PropTypes.string,
+    mode: PropTypes.string,
+    iconOnly: PropTypes.bool,
+    hasTooltip: PropTypes.bool,
+    hasArrow: PropTypes.bool,
+  };
+
+  static contextTypes = {
+    isCollapse: PropTypes.bool,
+  };
+
+  constructor(props) {
+    super(props);
+
+    this.getMenuRef = this.getMenuRef.bind(this);
+  }
+
+  getChildContext() {
+    const {
+      prefix,
+      direction,
+      mode,
+      iconOnly,
+      hasTooltip,
+      hasArrow,
+    } = this.props;
+
+    const { isCollapse } = this.context;
+
+    return {
+      prefix,
+      mode: direction === 'hoz' ? 'popup' : mode,
+      iconOnly: 'iconOnly' in this.props ? iconOnly : isCollapse,
+      hasTooltip,
+      hasArrow,
     };
+  }
 
-    static defaultProps = {
-        prefix: 'next-',
-        pure: false,
-        type: 'normal',
-        direction: 'ver',
-        hozAlign: 'left',
-        mode: 'inline',
-        triggerType: 'click',
-        inlineIndent: 20,
-        defaultOpenAll: false,
-        openMode: 'multiple',
-        defaultSelectedKeys: [],
-        popupAlign: 'follow',
-        hasTooltip: false,
-        embeddable: false,
-        hasArrow: true,
-        popupProps: {},
-    };
+  getMenuRef(ref) {
+    this.menu = ref;
+  }
 
-    static childContextTypes = {
-        prefix: PropTypes.string,
-        mode: PropTypes.string,
-        iconOnly: PropTypes.bool,
-        hasTooltip: PropTypes.bool,
-        hasArrow: PropTypes.bool,
-    };
-
-    static contextTypes = {
-        isCollapse: PropTypes.bool,
-    };
-
-    constructor(props) {
-        super(props);
-
-        this.getMenuRef = this.getMenuRef.bind(this);
-    }
-
-    getChildContext() {
+  render() {
+    // eslint-disable-next-line
         const {
-            prefix,
-            direction,
-            mode,
-            iconOnly,
-            hasTooltip,
-            hasArrow,
-        } = this.props;
+      prefix,
+      className,
+      style,
+      children,
+      type,
+      direction,
+      activeDirection,
+      mode,
+      triggerType,
+      inlineIndent,
+      openMode,
+      popupAlign,
+      popupClassName,
+      iconOnly,
+      hasArrow,
+      hasTooltip,
+      embeddable,
+      popupProps,
+      rtl,
+      ...others
+    } = this.props;
 
-        const { isCollapse } = this.context;
+    const { isCollapse } = this.context;
 
-        return {
-            prefix,
-            mode: direction === 'hoz' ? 'popup' : mode,
-            iconOnly: 'iconOnly' in this.props ? iconOnly : isCollapse,
-            hasTooltip,
-            hasArrow,
-        };
-    }
+    const newIconOnly = 'iconOnly' in this.props ? iconOnly : isCollapse;
 
-    getMenuRef(ref) {
-        this.menu = ref;
-    }
-
-    render() {
-        // eslint-disable-next-line
-        const {
-            prefix,
-            className,
-            style,
-            children,
-            type,
-            direction,
-            activeDirection,
-            mode,
-            triggerType,
-            inlineIndent,
-            openMode,
-            popupAlign,
-            popupClassName,
-            iconOnly,
-            hasArrow,
-            hasTooltip,
-            embeddable,
-            popupProps,
-            rtl,
-            ...others
-        } = this.props;
-
-        const { isCollapse } = this.context;
-
-        const newIconOnly = 'iconOnly' in this.props ? iconOnly : isCollapse;
-
-        let realActiveDirection = activeDirection;
-        if (
-            realActiveDirection &&
+    let realActiveDirection = activeDirection;
+    if (
+      realActiveDirection &&
             ((direction === 'hoz' &&
                 (realActiveDirection === 'left' ||
                     realActiveDirection === 'right')) ||
                 (direction === 'ver' &&
                     (realActiveDirection === 'top' ||
                         realActiveDirection === 'bottom')))
-        ) {
-            realActiveDirection = null;
-        }
+    ) {
+      realActiveDirection = null;
+    }
 
-        if (!newIconOnly && realActiveDirection === undefined) {
-            realActiveDirection =
+    if (!newIconOnly && realActiveDirection === undefined) {
+      realActiveDirection =
                 direction === 'hoz'
-                    ? 'bottom'
-                    : type === 'line'
+                  ? 'bottom'
+                  : type === 'line'
                     ? 'right'
                     : 'left';
-        }
-
-        const cls = classNames({
-            [`${prefix}nav`]: true,
-            [`${prefix}${type}`]: type,
-            [`${prefix}active`]: realActiveDirection,
-            [`${prefix}${realActiveDirection}`]: realActiveDirection,
-            [`${prefix}icon-only`]: newIconOnly,
-            [`${prefix}no-arrow`]: !hasArrow,
-            [`${prefix}nav-embeddable`]: embeddable,
-            [className]: !!className,
-        });
-        const newStyle = newIconOnly ? { ...style, width: '58px' } : style;
-
-        const props = {
-            prefix,
-            direction,
-            openMode,
-            triggerType,
-            mode: direction === 'hoz' ? 'popup' : mode,
-            popupAlign: direction === 'hoz' ? 'follow' : popupAlign,
-            inlineIndent: newIconOnly ? 0 : inlineIndent,
-            hasSelectedIcon: false,
-            popupAutoWidth: true,
-            selectMode: 'single',
-            itemClassName: `${prefix}nav-item`,
-            popupClassName: classNames({
-                [cls
-                    .replace(`${prefix}icon-only`, '')
-                    .replace(`${prefix}nav-embeddable`, '')]: mode === 'popup',
-                [`${prefix}icon-only`]: newIconOnly && mode === 'inline',
-                [popupClassName]: !!popupClassName,
-            }),
-            popupProps: popupItemProps => {
-                return {
-                    offset:
-                        direction === 'hoz' && popupItemProps.level === 1
-                            ? [0, 2]
-                            : [-2, 0],
-                    ...popupProps,
-                };
-            },
-        };
-
-        return (
-            <Menu
-                className={cls}
-                style={newStyle}
-                {...props}
-                {...others}
-                ref={this.getMenuRef}
-            >
-                {children}
-            </Menu>
-        );
     }
+
+    const cls = classNames({
+      [`${prefix}nav`]: true,
+      [`${prefix}${type}`]: type,
+      [`${prefix}active`]: realActiveDirection,
+      [`${prefix}${realActiveDirection}`]: realActiveDirection,
+      [`${prefix}icon-only`]: newIconOnly,
+      [`${prefix}no-arrow`]: !hasArrow,
+      [`${prefix}nav-embeddable`]: embeddable,
+      [className]: !!className,
+    });
+    const newStyle = newIconOnly ? { ...style, width: '58px' } : style;
+
+    const props = {
+      prefix,
+      direction,
+      openMode,
+      triggerType,
+      mode: direction === 'hoz' ? 'popup' : mode,
+      popupAlign: direction === 'hoz' ? 'follow' : popupAlign,
+      inlineIndent: newIconOnly ? 0 : inlineIndent,
+      hasSelectedIcon: false,
+      popupAutoWidth: true,
+      selectMode: 'single',
+      itemClassName: `${prefix}nav-item`,
+      popupClassName: classNames({
+        [cls
+          .replace(`${prefix}icon-only`, '')
+          .replace(`${prefix}nav-embeddable`, '')]: mode === 'popup',
+        [`${prefix}icon-only`]: newIconOnly && mode === 'inline',
+        [popupClassName]: !!popupClassName,
+      }),
+      popupProps: popupItemProps => {
+        return {
+          offset:
+                        direction === 'hoz' && popupItemProps.level === 1
+                          ? [0, 2]
+                          : [-2, 0],
+          ...popupProps,
+        };
+      },
+    };
+
+    return (
+      <Menu
+        className={cls}
+        style={newStyle}
+        {...props}
+        {...others}
+        ref={this.getMenuRef}
+      >
+        {children}
+      </Menu>
+    );
+  }
 }
 
 export default ConfigProvider.config(Nav);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/nav/popup-item.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/nav/popup-item.jsx
index 785d27543..b86bd18af 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/nav/popup-item.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/nav/popup-item.jsx
@@ -9,67 +9,67 @@ import Icon from '../icon';
  * @description 继承自 `Menu.PopupItem` 的能力请查看 `Menu.PopupItem` 文档
  */
 class PopupItem extends Component {
-    static menuChildType = 'submenu';
+  static menuChildType = 'submenu';
 
-    static propTypes = {
-        /**
+  static propTypes = {
+    /**
          * 自定义类名
          */
-        className: PropTypes.string,
-        /**
+    className: PropTypes.string,
+    /**
          * 自定义图标，可以使用 Icon 的 type, 也可以使用组件 `<Icon type="icon type" />`
          */
-        icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-        /**
+    icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    /**
          * 标签内容
          */
-        label: PropTypes.node,
-        /**
+    label: PropTypes.node,
+    /**
          * 弹出内容
          */
-        children: PropTypes.node,
-    };
+    children: PropTypes.node,
+  };
 
-    static contextTypes = {
-        prefix: PropTypes.string,
-        iconOnly: PropTypes.bool,
-        hasArrow: PropTypes.bool,
-    };
+  static contextTypes = {
+    prefix: PropTypes.string,
+    iconOnly: PropTypes.bool,
+    hasArrow: PropTypes.bool,
+  };
 
-    render() {
-        const { prefix, iconOnly, hasArrow } = this.context;
-        const { className, icon, label, children, ...others } = this.props;
-        const cls = classNames({
-            [`${prefix}nav-popup-item`]: true,
-            [className]: !!className,
-        });
-        let iconEl =
+  render() {
+    const { prefix, iconOnly, hasArrow } = this.context;
+    const { className, icon, label, children, ...others } = this.props;
+    const cls = classNames({
+      [`${prefix}nav-popup-item`]: true,
+      [className]: !!className,
+    });
+    let iconEl =
             typeof icon === 'string' ? (
-                <Icon className={`${prefix}nav-icon`} type={icon} />
+              <Icon className={`${prefix}nav-icon`} type={icon} />
             ) : (
-                icon
+              icon
             );
-        if (iconOnly) {
-            if (hasArrow) {
-                iconEl = (
-                    <Icon
-                        className={`${prefix}nav-icon-only-arrow`}
-                        type="arrow-right"
-                    />
-                );
-            }
-        }
-        const newLabel = [
-            iconEl ? cloneElement(iconEl, { key: 'icon' }) : null,
-            <span key="label">{label}</span>,
-        ];
-
-        return (
-            <Menu.PopupItem className={cls} label={newLabel} {...others}>
-                {children}
-            </Menu.PopupItem>
+    if (iconOnly) {
+      if (hasArrow) {
+        iconEl = (
+          <Icon
+            className={`${prefix}nav-icon-only-arrow`}
+            type="arrow-right"
+          />
         );
+      }
     }
+    const newLabel = [
+      iconEl ? cloneElement(iconEl, { key: 'icon' }) : null,
+      <span key="label">{label}</span>,
+    ];
+
+    return (
+      <Menu.PopupItem className={cls} label={newLabel} {...others}>
+        {children}
+      </Menu.PopupItem>
+    );
+  }
 }
 
 export default PopupItem;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/nav/sub-nav.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/nav/sub-nav.jsx
index 16e95fa21..fbc33a4a4 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/nav/sub-nav.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/nav/sub-nav.jsx
@@ -9,76 +9,76 @@ import Icon from '../icon';
  * @description 继承自 `Menu.SubMenu` 的能力请查看 `Menu.SubMenu` 文档
  */
 class SubNav extends Component {
-    static menuChildType = 'submenu';
+  static menuChildType = 'submenu';
 
-    static propTypes = {
-        /**
+  static propTypes = {
+    /**
          * 自定义类名
          */
-        className: PropTypes.string,
-        /**
+    className: PropTypes.string,
+    /**
          * 自定义图标，可以使用 Icon 的 type，也可以使用组件 `<Icon type="your type" />`
          */
-        icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-        /**
+    icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    /**
          * 标签内容
          */
-        label: PropTypes.node,
-        /**
+    label: PropTypes.node,
+    /**
          * 是否可选
          */
-        selectable: PropTypes.bool,
-        /**
+    selectable: PropTypes.bool,
+    /**
          * 导航项和子导航
          */
-        children: PropTypes.node,
-    };
+    children: PropTypes.node,
+  };
 
-    static defaultProps = {
-        selectable: false,
-    };
+  static defaultProps = {
+    selectable: false,
+  };
 
-    static contextTypes = {
-        prefix: PropTypes.string,
-        mode: PropTypes.string,
-        iconOnly: PropTypes.bool,
-        hasArrow: PropTypes.bool,
-    };
+  static contextTypes = {
+    prefix: PropTypes.string,
+    mode: PropTypes.string,
+    iconOnly: PropTypes.bool,
+    hasArrow: PropTypes.bool,
+  };
 
-    render() {
-        const { prefix, iconOnly, hasArrow, mode } = this.context;
-        const { className, icon, label, children, ...others } = this.props;
-        const cls = classNames({
-            [`${prefix}nav-sub-nav-item`]: true,
-            [className]: !!className,
-        });
-        let iconEl =
+  render() {
+    const { prefix, iconOnly, hasArrow, mode } = this.context;
+    const { className, icon, label, children, ...others } = this.props;
+    const cls = classNames({
+      [`${prefix}nav-sub-nav-item`]: true,
+      [className]: !!className,
+    });
+    let iconEl =
             typeof icon === 'string' ? (
-                <Icon className={`${prefix}nav-icon`} type={icon} />
+              <Icon className={`${prefix}nav-icon`} type={icon} />
             ) : (
-                icon
+              icon
             );
-        if (iconOnly) {
-            if (hasArrow) {
-                iconEl = (
-                    <Icon
-                        className={`${prefix}nav-icon-only-arrow`}
-                        type={mode === 'popup' ? 'arrow-right' : 'arrow-down'}
-                    />
-                );
-            }
-        }
-        const newLabel = [
-            iconEl ? cloneElement(iconEl, { key: 'icon' }) : null,
-            <span key="label">{label}</span>,
-        ];
-
-        return (
-            <Menu.SubMenu className={cls} label={newLabel} {...others}>
-                {children}
-            </Menu.SubMenu>
+    if (iconOnly) {
+      if (hasArrow) {
+        iconEl = (
+          <Icon
+            className={`${prefix}nav-icon-only-arrow`}
+            type={mode === 'popup' ? 'arrow-right' : 'arrow-down'}
+          />
         );
+      }
     }
+    const newLabel = [
+      iconEl ? cloneElement(iconEl, { key: 'icon' }) : null,
+      <span key="label">{label}</span>,
+    ];
+
+    return (
+      <Menu.SubMenu className={cls} label={newLabel} {...others}>
+        {children}
+      </Menu.SubMenu>
+    );
+  }
 }
 
 export default SubNav;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/notification/config.js b/packages/material-parser/test/fixtures/fusion-next-component/src/notification/config.js
index 08cec170b..3ea7d437b 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/notification/config.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/notification/config.js
@@ -1,8 +1,8 @@
 export default {
-    offset: [30, 30],
-    maxCount: 0,
-    size: 'large',
-    placement: 'tr',
-    duration: 4500,
-    getContainer: () => document.body,
+  offset: [30, 30],
+  maxCount: 0,
+  size: 'large',
+  placement: 'tr',
+  duration: 4500,
+  getContainer: () => document.body,
 };
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/notification/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/notification/index.jsx
index b645195e0..c223751da 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/notification/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/notification/index.jsx
@@ -8,276 +8,276 @@ import uuid from '../util/guid';
 import config from './config';
 
 const getAnimation = placement => {
-    switch (placement) {
-        case 'tl':
-        case 'bl':
-            return 'slideInLeft';
-        case 'tr':
-        case 'br':
-            return 'slideInRight';
-        default:
-            return null;
-    }
+  switch (placement) {
+    case 'tl':
+    case 'bl':
+      return 'slideInLeft';
+    case 'tr':
+    case 'br':
+      return 'slideInRight';
+    default:
+      return null;
+  }
 };
 
 class Notification extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-    };
+  static propTypes = {
+    prefix: PropTypes.string,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-    };
+  static defaultProps = {
+    prefix: 'next-',
+  };
 
-    constructor(props) {
-        super(props);
-        this.state = {
-            notifications: [],
-        };
-        this.timers = [];
+  constructor(props) {
+    super(props);
+    this.state = {
+      notifications: [],
+    };
+    this.timers = [];
+  }
+
+  componentWillUnmount() {
+    this.timers.forEach(timer => {
+      if (!timer) return;
+      clearTimeout(timer);
+    });
+  }
+
+  close = key => {
+    const { notifications } = this.state;
+    const index = notifications.findIndex(
+      notification => notification.key === key,
+    );
+
+    if (index === -1) return;
+    const { onClose, timer } = notifications[index];
+
+    notifications.splice(index, 1);
+
+    const timerIndex = this.timers.findIndex(v => v === timer);
+
+    if (timerIndex !== -1) {
+      this.timers.splice(timerIndex, 1);
     }
 
-    componentWillUnmount() {
-        this.timers.forEach(timer => {
-            if (!timer) return;
-            clearTimeout(timer);
-        });
+    if (timer) {
+      clearTimeout(timer);
     }
 
-    close = key => {
-        const { notifications } = this.state;
-        const index = notifications.findIndex(
-            notification => notification.key === key
-        );
+    this.setState({
+      notifications,
+    });
 
-        if (index === -1) return;
-        const { onClose, timer } = notifications[index];
-
-        notifications.splice(index, 1);
-
-        const timerIndex = this.timers.findIndex(v => v === timer);
-
-        if (timerIndex !== -1) {
-            this.timers.splice(timerIndex, 1);
-        }
-
-        if (timer) {
-            clearTimeout(timer);
-        }
-
-        this.setState({
-            notifications,
-        });
-
-        if (onClose) {
-            onClose();
-        }
-    };
-
-    open = ({ key, duration, ...others }) => {
-        const notifications = [...this.state.notifications];
-        if (!key) {
-            key = uuid('notification-');
-        }
-
-        const index = notifications.findIndex(
-            notification => notification.key === key
-        );
-
-        if (index !== -1) {
-            notifications[index] = {
-                ...notifications[index],
-                ...others,
-            };
-        } else {
-            let timer;
-
-            if (duration > 0) {
-                timer = setTimeout(() => {
-                    this.close(key);
-                }, duration);
-                this.timers.push(timer);
-            }
-            notifications.push({
-                ...others,
-                key,
-                timer,
-            });
-        }
-
-        if (config.maxCount > 0 && config.maxCount < notifications.length) {
-            while (notifications.length > config.maxCount) {
-                const { key } = notifications[0];
-                this.close(key);
-                notifications.splice(0, 1);
-            }
-        }
-
-        this.setState({
-            notifications,
-        });
-
-        return key;
-    };
-
-    render() {
-        const { prefix } = this.props;
-        const { notifications } = this.state;
-
-        return (
-            <div
-                className={`${prefix}notification`}
-                style={{
-                    [config.placement.indexOf('b') === 0
-                        ? 'bottom'
-                        : 'top']: config.offset[1],
-                    [config.placement.indexOf('l') !== -1
-                        ? 'left'
-                        : 'right']: config.offset[0],
-                }}
-            >
-                <Animate
-                    animationAppear
-                    animation={{
-                        enter: getAnimation(config.placement),
-                        leave: `${prefix}notification-fade-leave`,
-                    }}
-                    singleMode={false}
-                >
-                    {notifications.map(
-                        ({
-                            key,
-                            type,
-                            title,
-                            content,
-                            icon,
-                            onClick,
-                            style,
-                            className,
-                        }) => (
-                            <Message
-                                key={key}
-                                shape="toast"
-                                type={type}
-                                title={title}
-                                iconType={icon}
-                                closeable
-                                animation={false}
-                                size={config.size}
-                                visible
-                                style={style}
-                                className={className}
-                                onClick={onClick}
-                                onClose={() => close(key)}
-                            >
-                                {content}
-                            </Message>
-                        )
-                    )}
-                </Animate>
-            </div>
-        );
+    if (onClose) {
+      onClose();
     }
+  };
+
+  open = ({ key, duration, ...others }) => {
+    const notifications = [...this.state.notifications];
+    if (!key) {
+      key = uuid('notification-');
+    }
+
+    const index = notifications.findIndex(
+      notification => notification.key === key,
+    );
+
+    if (index !== -1) {
+      notifications[index] = {
+        ...notifications[index],
+        ...others,
+      };
+    } else {
+      let timer;
+
+      if (duration > 0) {
+        timer = setTimeout(() => {
+          this.close(key);
+        }, duration);
+        this.timers.push(timer);
+      }
+      notifications.push({
+        ...others,
+        key,
+        timer,
+      });
+    }
+
+    if (config.maxCount > 0 && config.maxCount < notifications.length) {
+      while (notifications.length > config.maxCount) {
+        const { key } = notifications[0];
+        this.close(key);
+        notifications.splice(0, 1);
+      }
+    }
+
+    this.setState({
+      notifications,
+    });
+
+    return key;
+  };
+
+  render() {
+    const { prefix } = this.props;
+    const { notifications } = this.state;
+
+    return (
+      <div
+        className={`${prefix}notification`}
+        style={{
+          [config.placement.indexOf('b') === 0
+            ? 'bottom'
+            : 'top']: config.offset[1],
+          [config.placement.indexOf('l') !== -1
+            ? 'left'
+            : 'right']: config.offset[0],
+        }}
+      >
+        <Animate
+          animationAppear
+          animation={{
+            enter: getAnimation(config.placement),
+            leave: `${prefix}notification-fade-leave`,
+          }}
+          singleMode={false}
+        >
+          {notifications.map(
+            ({
+              key,
+              type,
+              title,
+              content,
+              icon,
+              onClick,
+              style,
+              className,
+            }) => (
+              <Message
+                key={key}
+                shape="toast"
+                type={type}
+                title={title}
+                iconType={icon}
+                closeable
+                animation={false}
+                size={config.size}
+                visible
+                style={style}
+                className={className}
+                onClick={onClick}
+                onClose={() => close(key)}
+              >
+                {content}
+              </Message>
+            ),
+          )}
+        </Animate>
+      </div>
+    );
+  }
 }
 
 const ConfigedNotification = ConfigProvider.config(Notification, {
-    exportNames: ['open', 'close'],
+  exportNames: ['open', 'close'],
 });
 let instance;
 let mounting = false;
 let waitOpens = [];
 
 function open(options = {}) {
-    if (!options.title && !options.content) return;
+  if (!options.title && !options.content) return;
 
-    const duration =
+  const duration =
         !options.duration && options.duration !== 0
-            ? config.duration
-            : options.duration;
+          ? config.duration
+          : options.duration;
 
-    if (!instance) {
-        if (!options.key) {
-            options.key = uuid('notification-');
-        }
-
-        waitOpens.push({
-            ...options,
-            duration,
-        });
-
-        if (!mounting) {
-            mounting = true;
-            const div = document.createElement('div');
-            if (config.getContainer) {
-                const root = config.getContainer();
-                root.appendChild(div);
-            } else {
-                document.body.appendChild(div);
-            }
-
-            ReactDOM.render(
-                <ConfigProvider {...ConfigProvider.getContext()}>
-                    <ConfigedNotification
-                        ref={ref => {
-                            instance = ref;
-                        }}
-                    />
-                </ConfigProvider>,
-                div,
-                () => {
-                    waitOpens.forEach(item => instance.open(item));
-                    waitOpens = [];
-                    mounting = false;
-                }
-            );
-        }
-
-        return options.key;
+  if (!instance) {
+    if (!options.key) {
+      options.key = uuid('notification-');
     }
 
-    const key = instance.open({
-        ...options,
-        duration,
+    waitOpens.push({
+      ...options,
+      duration,
     });
 
-    return key;
+    if (!mounting) {
+      mounting = true;
+      const div = document.createElement('div');
+      if (config.getContainer) {
+        const root = config.getContainer();
+        root.appendChild(div);
+      } else {
+        document.body.appendChild(div);
+      }
+
+      ReactDOM.render(
+        <ConfigProvider {...ConfigProvider.getContext()}>
+          <ConfigedNotification
+            ref={ref => {
+              instance = ref;
+            }}
+          />
+        </ConfigProvider>,
+        div,
+        () => {
+          waitOpens.forEach(item => instance.open(item));
+          waitOpens = [];
+          mounting = false;
+        },
+      );
+    }
+
+    return options.key;
+  }
+
+  const key = instance.open({
+    ...options,
+    duration,
+  });
+
+  return key;
 }
 
 function close(key) {
-    if (!instance) {
-        const index = waitOpens.findIndex(item => item.key === key);
-        waitOpens.splice(index, 1);
-        return;
-    }
+  if (!instance) {
+    const index = waitOpens.findIndex(item => item.key === key);
+    waitOpens.splice(index, 1);
+    return;
+  }
 
-    instance.close(key);
+  instance.close(key);
 }
 
 function destroy() {
-    if (!instance) return;
-    const mountNode = ReactDOM.findDOMNode(instance).parentNode;
-    if (mountNode) {
-        ReactDOM.unmountComponentAtNode(mountNode);
-        mountNode.parentNode.removeChild(mountNode);
-    }
+  if (!instance) return;
+  const mountNode = ReactDOM.findDOMNode(instance).parentNode;
+  if (mountNode) {
+    ReactDOM.unmountComponentAtNode(mountNode);
+    mountNode.parentNode.removeChild(mountNode);
+  }
 }
 
 const levels = {};
 
 ['success', 'error', 'warning', 'notice', 'help'].forEach(type => {
-    levels[type] = (options = {}) => {
-        return open({
-            ...options,
-            type,
-        });
-    };
+  levels[type] = (options = {}) => {
+    return open({
+      ...options,
+      type,
+    });
+  };
 });
 export default {
-    config(...args) {
-        return Object.assign(config, ...args);
-    },
-    open,
-    close,
-    destroy,
-    ...levels,
+  config(...args) {
+    return Object.assign(config, ...args);
+  },
+  open,
+  close,
+  destroy,
+  ...levels,
 };
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/number-picker/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/number-picker/index.jsx
index 9ec1249ac..624e66caa 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/number-picker/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/number-picker/index.jsx
@@ -3,11 +3,11 @@ import NumberPicker from './number-picker';
 import { log } from '../util';
 
 export default ConfigProvider.config(NumberPicker, {
-    transform: /* istanbul ignore next */ props => {
-        if ('onDisabled' in props && typeof props.onDisabled === 'function') {
-            log.warning('[NumberPicker]: onDisabled is deleted!');
-        }
+  transform: /* istanbul ignore next */ props => {
+    if ('onDisabled' in props && typeof props.onDisabled === 'function') {
+      log.warning('[NumberPicker]: onDisabled is deleted!');
+    }
 
-        return props;
-    },
+    return props;
+  },
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/number-picker/number-picker.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/number-picker/number-picker.jsx
index 936182835..2ec5ff1b4 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/number-picker/number-picker.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/number-picker/number-picker.jsx
@@ -11,609 +11,609 @@ import { func, obj } from '../util';
 
 /** NumberPicker */
 class NumberPicker extends React.Component {
-    static propTypes = {
-        /**
+  static propTypes = {
+    /**
          * 样式前缀
          */
-        prefix: PropTypes.string,
-        /**
+    prefix: PropTypes.string,
+    /**
          * 设置类型
          * @enumdesc 普通, 内联
          */
-        type: PropTypes.oneOf(['normal', 'inline']),
-        /**
+    type: PropTypes.oneOf(['normal', 'inline']),
+    /**
          * 大小
          */
-        size: PropTypes.oneOf(['large', 'medium']),
-        /**
+    size: PropTypes.oneOf(['large', 'medium']),
+    /**
          * 当前值
          */
-        value: PropTypes.number,
-        /**
+    value: PropTypes.number,
+    /**
          * 默认值
          */
-        defaultValue: PropTypes.number,
-        /**
+    defaultValue: PropTypes.number,
+    /**
          * 是否禁用
          */
-        disabled: PropTypes.bool,
-        /**
+    disabled: PropTypes.bool,
+    /**
          * 步长
          */
-        step: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        /**
+    step: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    /**
          * 保留小数点后位数
          */
-        precision: PropTypes.number,
-        /**
+    precision: PropTypes.number,
+    /**
          * 用户是否可以输入
          */
-        editable: PropTypes.bool,
-        /**
+    editable: PropTypes.bool,
+    /**
          * 自动焦点
          */
-        autoFocus: PropTypes.bool,
-        /**
+    autoFocus: PropTypes.bool,
+    /**
          * 数值被改变的事件
          * @param {Number} value 数据
          * @param {Event} e DOM事件对象
          */
-        onChange: PropTypes.func,
-        /**
+    onChange: PropTypes.func,
+    /**
          * 键盘按下
          */
-        onKeyDown: PropTypes.func,
-        /**
+    onKeyDown: PropTypes.func,
+    /**
          * 焦点获得
          */
-        onFocus: PropTypes.func,
-        /**
+    onFocus: PropTypes.func,
+    /**
          * 焦点失去
          */
-        onBlur: PropTypes.func,
-        /**
+    onBlur: PropTypes.func,
+    /**
          * 数值订正后的回调
          * @param {Object} obj {currentValue,oldValue:String}
          */
-        onCorrect: PropTypes.func,
-        onDisabled: PropTypes.func, // 兼容0.x onDisabled
-        /**
+    onCorrect: PropTypes.func,
+    onDisabled: PropTypes.func, // 兼容0.x onDisabled
+    /**
          * 最大值
          */
-        max: PropTypes.number,
-        /**
+    max: PropTypes.number,
+    /**
          * 最小值
          */
-        min: PropTypes.number,
-        /**
+    min: PropTypes.number,
+    /**
          * 自定义class
          */
-        className: PropTypes.string,
-        /**
+    className: PropTypes.string,
+    /**
          * 自定义内联样式
          */
-        style: PropTypes.object,
-        state: PropTypes.oneOf(['error']),
-        /**
+    style: PropTypes.object,
+    state: PropTypes.oneOf(['error']),
+    /**
          * 格式化当前值
          * @param {Number} value
          * @return {String|Number}
          */
-        format: PropTypes.func,
-        /**
+    format: PropTypes.func,
+    /**
          * 增加按钮的props
          */
-        upBtnProps: PropTypes.object,
-        /**
+    upBtnProps: PropTypes.object,
+    /**
          * 减少按钮的props
          */
-        downBtnProps: PropTypes.object,
-        /**
+    downBtnProps: PropTypes.object,
+    /**
          * 内联 label
          */
-        label: PropTypes.node,
-        /**
+    label: PropTypes.node,
+    /**
          * inner after
          */
-        innerAfter: PropTypes.node,
-        rtl: PropTypes.bool,
-        /**
+    innerAfter: PropTypes.node,
+    rtl: PropTypes.bool,
+    /**
          * 是否为预览态
          */
-        isPreview: PropTypes.bool,
-        /**
+    isPreview: PropTypes.bool,
+    /**
          * 预览态模式下渲染的内容
          * @param {number} value 评分值
          */
-        renderPreview: PropTypes.func,
-        /**
+    renderPreview: PropTypes.func,
+    /**
          * 预设屏幕宽度
          */
-        device: PropTypes.oneOf(['phone', 'tablet', 'desktop']),
-    };
+    device: PropTypes.oneOf(['phone', 'tablet', 'desktop']),
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        max: Infinity,
-        min: -Infinity,
-        type: 'normal',
-        size: 'medium',
-        step: 1,
-        style: {},
-        precision: 0,
-        editable: true,
-        onChange: func.noop,
-        onKeyDown: func.noop,
-        onBlur: func.noop,
-        onCorrect: func.noop,
-        onDisabled: func.noop,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    max: Infinity,
+    min: -Infinity,
+    type: 'normal',
+    size: 'medium',
+    step: 1,
+    style: {},
+    precision: 0,
+    editable: true,
+    onChange: func.noop,
+    onKeyDown: func.noop,
+    onBlur: func.noop,
+    onCorrect: func.noop,
+    onDisabled: func.noop,
+  };
 
-    constructor(props) {
-        super(props);
+  constructor(props) {
+    super(props);
 
-        let value;
-        if ('value' in props) {
-            value = props.value;
-        } else {
-            value = props.defaultValue;
-        }
-
-        this.state = {
-            value: value === undefined || value === null ? '' : value,
-            hasFocused: false,
-            reRender: true,
-        };
+    let value;
+    if ('value' in props) {
+      value = props.value;
+    } else {
+      value = props.defaultValue;
     }
 
-    static getDerivedStateFromProps(nextProps, prevState) {
-        if (
-            'value' in nextProps &&
+    this.state = {
+      value: value === undefined || value === null ? '' : value,
+      hasFocused: false,
+      reRender: true,
+    };
+  }
+
+  static getDerivedStateFromProps(nextProps, prevState) {
+    if (
+      'value' in nextProps &&
             nextProps.value !== prevState.value &&
             prevState.reRender
-        ) {
-            const value = nextProps.value;
-            return {
-                value: value === undefined || value === null ? '' : value,
-            };
-        }
-
-        return null;
+    ) {
+      const { value } = nextProps;
+      return {
+        value: value === undefined || value === null ? '' : value,
+      };
     }
 
-    onChange(value, e) {
-        if (this.props.editable === true) {
-            value = value.trim();
-            // Compatible Chinese Input Method
-            value = value.replace('。', '.');
-            // ignore space
-            if (this.state.value === value) {
-                return;
-            }
+    return null;
+  }
 
-            // in case of autoCorrect ('0.'=>0, '0.0'=>0) , we have these steps
-            if (value) {
-                // ignore when input start form '-'
-                if (value === '-' || this.state.value === '-') {
-                    this.setState({
-                        value,
-                        reRender: false,
-                    });
-                    return;
-                }
-                // ignore when input 0./0.0/0.00 to 0.001
-                // but take care of Number('')=0;
-                if (value.match(/\.0*$/)) {
-                    this.setState({
-                        value,
-                        reRender: false,
-                    });
-                    return;
-                }
-                // ignore when value < min (because number is inputted one by one)
-                if (!isNaN(value) && Number(value) < this.props.min) {
-                    this.setState({
-                        value,
-                        reRender: false,
-                    });
-                    return;
-                }
-            }
+  onChange(value, e) {
+    if (this.props.editable === true) {
+      value = value.trim();
+      // Compatible Chinese Input Method
+      value = value.replace('。', '.');
+      // ignore space
+      if (this.state.value === value) {
+        return;
+      }
 
-            this.setInputValue(value, e);
+      // in case of autoCorrect ('0.'=>0, '0.0'=>0) , we have these steps
+      if (value) {
+        // ignore when input start form '-'
+        if (value === '-' || this.state.value === '-') {
+          this.setState({
+            value,
+            reRender: false,
+          });
+          return;
         }
-    }
+        // ignore when input 0./0.0/0.00 to 0.001
+        // but take care of Number('')=0;
+        if (value.match(/\.0*$/)) {
+          this.setState({
+            value,
+            reRender: false,
+          });
+          return;
+        }
+        // ignore when value < min (because number is inputted one by one)
+        if (!isNaN(value) && Number(value) < this.props.min) {
+          this.setState({
+            value,
+            reRender: false,
+          });
+          return;
+        }
+      }
 
-    /**
+      this.setInputValue(value, e);
+    }
+  }
+
+  /**
      * @param {Float} currentValue correct value
      * @param {String} oldValue input value
      */
-    onCorrect(currentValue, oldValue) {
-        this.props.onCorrect({
-            currentValue,
-            oldValue,
-        });
+  onCorrect(currentValue, oldValue) {
+    this.props.onCorrect({
+      currentValue,
+      oldValue,
+    });
+  }
+
+  onKeyDown(e, ...args) {
+    if (e.keyCode === 38) {
+      this.up(false, e);
+    } else if (e.keyCode === 40) {
+      this.down(false, e);
+    }
+    this.props.onKeyDown(e, ...args);
+  }
+
+  onFocus(e, ...args) {
+    const { onFocus } = this.props;
+    this.setFocus(true);
+    onFocus && onFocus(e, ...args);
+  }
+
+  onBlur(e, ...args) {
+    const value = this.getCurrentValidValue(e.target.value.trim());
+    if (this.state.value !== value) {
+      this.setValue(value, e);
+    }
+    this.setFocus(false);
+    const { onBlur } = this.props;
+    onBlur && onBlur(e, ...args);
+  }
+
+  getCurrentValidValue(value) {
+    let val = value;
+    const { props } = this;
+    if (val === '') {
+      val = '';
+    } else if (!isNaN(val)) {
+      val = Number(val);
+      if (val < props.min) {
+        val = props.min;
+      }
+      if (val > props.max) {
+        val = props.max;
+      }
+
+      // precision=2  and input from 1.99 to 1.999, should stay with 1.99 not 2
+      const strValue = `${val}`;
+      const pointPos = strValue.indexOf('.');
+      const cutPos = pointPos + 1 + this.getPrecision();
+      if (pointPos !== -1 && strValue.length > cutPos) {
+        val = Number(strValue.substr(0, cutPos));
+      }
+    } else {
+      val = this.state.value;
     }
 
-    onKeyDown(e, ...args) {
-        if (e.keyCode === 38) {
-            this.up(false, e);
-        } else if (e.keyCode === 40) {
-            this.down(false, e);
-        }
-        this.props.onKeyDown(e, ...args);
-    }
-
-    onFocus(e, ...args) {
-        const { onFocus } = this.props;
-        this.setFocus(true);
-        onFocus && onFocus(e, ...args);
-    }
-
-    onBlur(e, ...args) {
-        const value = this.getCurrentValidValue(e.target.value.trim());
-        if (this.state.value !== value) {
-            this.setValue(value, e);
-        }
-        this.setFocus(false);
-        const { onBlur } = this.props;
-        onBlur && onBlur(e, ...args);
-    }
-
-    getCurrentValidValue(value) {
-        let val = value;
-        const props = this.props;
-        if (val === '') {
-            val = '';
-        } else if (!isNaN(val)) {
-            val = Number(val);
-            if (val < props.min) {
-                val = props.min;
-            }
-            if (val > props.max) {
-                val = props.max;
-            }
-
-            // precision=2  and input from 1.99 to 1.999, should stay with 1.99 not 2
-            const strValue = `${val}`;
-            const pointPos = strValue.indexOf('.');
-            const cutPos = pointPos + 1 + this.getPrecision();
-            if (pointPos !== -1 && strValue.length > cutPos) {
-                val = Number(strValue.substr(0, cutPos));
-            }
-        } else {
-            val = this.state.value;
-        }
-
-        if (`${val}` !== `${value}`) {
-            // under controled, set back to props.value
-            if (
-                'value' in this.props &&
+    if (`${val}` !== `${value}`) {
+      // under controled, set back to props.value
+      if (
+        'value' in this.props &&
                 `${this.props.value}` !== `${this.state.value}`
-            ) {
-                this.setState({
-                    value: this.props.value,
-                });
-            }
-            this.onCorrect(val, value);
-        }
-
-        return val;
-    }
-
-    setValue(v, e, triggerType) {
-        if (!('value' in this.props)) {
-            this.setState({
-                value: v,
-            });
-        }
-
+      ) {
         this.setState({
-            reRender: true,
-        });
-
-        this.props.onChange(isNaN(v) || v === '' ? undefined : v, {
-            ...e,
-            triggerType,
+          value: this.props.value,
         });
+      }
+      this.onCorrect(val, value);
     }
 
-    setInputValue(v, e) {
-        const value = this.getCurrentValidValue(v);
-        if (this.state.value !== value) {
-            this.setValue(value, e);
-        }
+    return val;
+  }
+
+  setValue(v, e, triggerType) {
+    if (!('value' in this.props)) {
+      this.setState({
+        value: v,
+      });
     }
 
-    setFocus(status) {
-        const { format } = this.props;
-        // Only trigger `setState` if `format` is settled to avoid unnecessary rendering
-        if (typeof format === 'function') {
-            this.setState({
-                hasFocused: status,
-            });
-        }
+    this.setState({
+      reRender: true,
+    });
+
+    this.props.onChange(isNaN(v) || v === '' ? undefined : v, {
+      ...e,
+      triggerType,
+    });
+  }
+
+  setInputValue(v, e) {
+    const value = this.getCurrentValidValue(v);
+    if (this.state.value !== value) {
+      this.setValue(value, e);
+    }
+  }
+
+  setFocus(status) {
+    const { format } = this.props;
+    // Only trigger `setState` if `format` is settled to avoid unnecessary rendering
+    if (typeof format === 'function') {
+      this.setState({
+        hasFocused: status,
+      });
+    }
+  }
+
+  getPrecision() {
+    const { props } = this;
+    const stepString = props.step.toString();
+    if (stepString.indexOf('e-') >= 0) {
+      return parseInt(stepString.slice(stepString.indexOf('e-')), 10);
+    }
+    let precision = 0;
+    if (stepString.indexOf('.') >= 0) {
+      precision = stepString.length - stepString.indexOf('.') - 1;
     }
 
-    getPrecision() {
-        const props = this.props;
-        const stepString = props.step.toString();
-        if (stepString.indexOf('e-') >= 0) {
-            return parseInt(stepString.slice(stepString.indexOf('e-')), 10);
-        }
-        let precision = 0;
-        if (stepString.indexOf('.') >= 0) {
-            precision = stepString.length - stepString.indexOf('.') - 1;
-        }
+    return Math.max(precision, this.props.precision);
+  }
 
-        return Math.max(precision, this.props.precision);
-    }
+  getPrecisionFactor() {
+    const precision = this.getPrecision();
+    return Math.pow(10, precision);
+  }
 
-    getPrecisionFactor() {
-        const precision = this.getPrecision();
-        return Math.pow(10, precision);
-    }
-
-    upStep(val) {
-        const { step, min } = this.props;
-        const precisionFactor = this.getPrecisionFactor();
-        let result;
-        if (typeof val === 'number') {
-            result =
+  upStep(val) {
+    const { step, min } = this.props;
+    const precisionFactor = this.getPrecisionFactor();
+    let result;
+    if (typeof val === 'number') {
+      result =
                 (precisionFactor * val + precisionFactor * step) /
                 precisionFactor;
 
-            result = this.hackChrome(result);
-        } else {
-            result = min === -Infinity ? step : min;
-        }
-        return result;
+      result = this.hackChrome(result);
+    } else {
+      result = min === -Infinity ? step : min;
     }
+    return result;
+  }
 
-    downStep(val) {
-        const { step, min } = this.props;
-        const precisionFactor = this.getPrecisionFactor();
-        let result;
-        if (typeof val === 'number') {
-            result =
+  downStep(val) {
+    const { step, min } = this.props;
+    const precisionFactor = this.getPrecisionFactor();
+    let result;
+    if (typeof val === 'number') {
+      result =
                 (precisionFactor * val - precisionFactor * step) /
                 precisionFactor;
 
-            result = this.hackChrome(result);
-        } else {
-            result = min === -Infinity ? -step : min;
-        }
-        return result;
+      result = this.hackChrome(result);
+    } else {
+      result = min === -Infinity ? -step : min;
     }
+    return result;
+  }
 
-    /**
+  /**
      * fix bug in chrome browser
      * 0.28 + 0.01 = 0.29000000000000004
      * 0.29 - 0.01 = 0.27999999999999997
      * @param {Number} value value
      */
-    hackChrome(value) {
-        const precision = this.getPrecision();
-        if (precision > 0) {
-            return Number(Number(value).toFixed(precision));
-        }
-        return value;
+  hackChrome(value) {
+    const precision = this.getPrecision();
+    if (precision > 0) {
+      return Number(Number(value).toFixed(precision));
+    }
+    return value;
+  }
+
+  step(type, disabled, e) {
+    if (e) {
+      e.preventDefault();
     }
 
-    step(type, disabled, e) {
-        if (e) {
-            e.preventDefault();
-        }
-
-        const { onDisabled, min, max } = this.props;
-        if (disabled) {
-            return onDisabled(e);
-        }
-
-        const value = this.state.value;
-        if (isNaN(value)) {
-            return;
-        }
-
-        let val = this[`${type}Step`](value);
-        if (val > max) {
-            val = max;
-        }
-        if (val < min) {
-            val = min;
-        }
-        this.setValue(val, e, type);
+    const { onDisabled, min, max } = this.props;
+    if (disabled) {
+      return onDisabled(e);
     }
 
-    down(disabled, e) {
-        this.step('down', disabled, e);
+    const { value } = this.state;
+    if (isNaN(value)) {
+      return;
     }
 
-    up(disabled, e) {
-        this.step('up', disabled, e);
+    let val = this[`${type}Step`](value);
+    if (val > max) {
+      val = max;
+    }
+    if (val < min) {
+      val = min;
+    }
+    this.setValue(val, e, type);
+  }
+
+  down(disabled, e) {
+    this.step('down', disabled, e);
+  }
+
+  up(disabled, e) {
+    this.step('up', disabled, e);
+  }
+
+  renderValue() {
+    const { value, hasFocused } = this.state;
+    const { format } = this.props;
+    return typeof format === 'function' && !hasFocused
+      ? format(value)
+      : value;
+  }
+
+  focus() {
+    this.inputRef.getInstance().focus();
+  }
+
+  saveInputRef(ref) {
+    this.inputRef = ref;
+  }
+
+  handleMouseDown(e) {
+    e.preventDefault();
+  }
+
+  render() {
+    const {
+      device,
+      prefix,
+      rtl,
+      disabled,
+      style,
+      className,
+      size,
+      max,
+      min,
+      autoFocus,
+      editable,
+      state,
+      label,
+      upBtnProps = {},
+      downBtnProps = {},
+      innerAfter,
+      isPreview,
+      renderPreview,
+    } = this.props;
+
+    const type = device === 'phone' ? 'inline' : this.props.type;
+
+    const prefixCls = `${prefix}number-picker`;
+
+    const cls = classNames({
+      [prefixCls]: true,
+      [`${prefixCls}-${type}`]: type,
+      [`${prefix}${size}`]: true,
+      [className]: className,
+    });
+
+    let upDisabled = false;
+    let downDisabled = false;
+    const { value } = this.state;
+    if (!isNaN(value)) {
+      const val = Number(value);
+      if (val >= max) {
+        upDisabled = true;
+      }
+      if (val <= min) {
+        downDisabled = true;
+      }
     }
 
-    renderValue() {
-        const { value, hasFocused } = this.state;
-        const { format } = this.props;
-        return typeof format === 'function' && !hasFocused
-            ? format(value)
-            : value;
+    let extra = null;
+    const innerAfterClassName = null;
+    let addonBefore = null;
+    let addonAfter = null;
+    if (type === 'normal') {
+      extra = (
+        <span className={`${prefixCls}-handler`}>
+          <Button
+            {...upBtnProps}
+            onMouseDown={this.handleMouseDown}
+            disabled={disabled}
+            className={`${upBtnProps.className || ''} ${
+              upDisabled ? 'disabled' : ''
+            }`}
+            onClick={this.up.bind(this, upDisabled)}
+          >
+            <Icon type="arrow-up" />
+          </Button>
+          <Button
+            {...downBtnProps}
+            onMouseDown={this.handleMouseDown}
+            disabled={disabled}
+            className={`${downBtnProps.className || ''} ${
+              downDisabled ? 'disabled' : ''
+            }`}
+            onClick={this.down.bind(this, downDisabled)}
+          >
+            <Icon type="arrow-down" />
+          </Button>
+        </span>
+      );
+    } else {
+      addonBefore = (
+        <Button
+          {...downBtnProps}
+          size={size}
+          disabled={disabled}
+          className={`${downBtnProps.className || ''} ${
+            downDisabled ? 'disabled' : ''
+          }`}
+          onClick={this.down.bind(this, downDisabled)}
+        >
+          <Icon type="minus" />
+        </Button>
+      );
+      addonAfter = (
+        <Button
+          {...upBtnProps}
+          size={size}
+          disabled={disabled}
+          className={`${upBtnProps.className || ''} ${
+            upDisabled ? 'disabled' : ''
+          }`}
+          onClick={this.up.bind(this, upDisabled)}
+        >
+          <Icon type="add" />
+        </Button>
+      );
     }
 
-    focus() {
-        this.inputRef.getInstance().focus();
-    }
+    const others = obj.pickOthers(NumberPicker.propTypes, this.props);
+    const dataAttrs = obj.pickAttrsWith(this.props, 'data-');
 
-    saveInputRef(ref) {
-        this.inputRef = ref;
-    }
-
-    handleMouseDown(e) {
-        e.preventDefault();
-    }
-
-    render() {
-        const {
-            device,
-            prefix,
-            rtl,
-            disabled,
-            style,
-            className,
-            size,
-            max,
-            min,
-            autoFocus,
-            editable,
-            state,
-            label,
-            upBtnProps = {},
-            downBtnProps = {},
-            innerAfter,
-            isPreview,
-            renderPreview,
-        } = this.props;
-
-        const type = device === 'phone' ? 'inline' : this.props.type;
-
-        const prefixCls = `${prefix}number-picker`;
-
-        const cls = classNames({
-            [prefixCls]: true,
-            [`${prefixCls}-${type}`]: type,
-            [`${prefix}${size}`]: true,
-            [className]: className,
-        });
-
-        let upDisabled = false;
-        let downDisabled = false;
-        const value = this.state.value;
-        if (!isNaN(value)) {
-            const val = Number(value);
-            if (val >= max) {
-                upDisabled = true;
-            }
-            if (val <= min) {
-                downDisabled = true;
-            }
-        }
-
-        let extra = null,
-            innerAfterClassName = null,
-            addonBefore = null,
-            addonAfter = null;
-        if (type === 'normal') {
-            extra = (
-                <span className={`${prefixCls}-handler`}>
-                    <Button
-                        {...upBtnProps}
-                        onMouseDown={this.handleMouseDown}
-                        disabled={disabled}
-                        className={`${upBtnProps.className || ''} ${
-                            upDisabled ? 'disabled' : ''
-                        }`}
-                        onClick={this.up.bind(this, upDisabled)}
-                    >
-                        <Icon type="arrow-up" />
-                    </Button>
-                    <Button
-                        {...downBtnProps}
-                        onMouseDown={this.handleMouseDown}
-                        disabled={disabled}
-                        className={`${downBtnProps.className || ''} ${
-                            downDisabled ? 'disabled' : ''
-                        }`}
-                        onClick={this.down.bind(this, downDisabled)}
-                    >
-                        <Icon type="arrow-down" />
-                    </Button>
-                </span>
-            );
-        } else {
-            addonBefore = (
-                <Button
-                    {...downBtnProps}
-                    size={size}
-                    disabled={disabled}
-                    className={`${downBtnProps.className || ''} ${
-                        downDisabled ? 'disabled' : ''
-                    }`}
-                    onClick={this.down.bind(this, downDisabled)}
-                >
-                    <Icon type="minus" />
-                </Button>
-            );
-            addonAfter = (
-                <Button
-                    {...upBtnProps}
-                    size={size}
-                    disabled={disabled}
-                    className={`${upBtnProps.className || ''} ${
-                        upDisabled ? 'disabled' : ''
-                    }`}
-                    onClick={this.up.bind(this, upDisabled)}
-                >
-                    <Icon type="add" />
-                </Button>
-            );
-        }
-
-        const others = obj.pickOthers(NumberPicker.propTypes, this.props);
-        const dataAttrs = obj.pickAttrsWith(this.props, 'data-');
-
-        const previewCls = classNames({
-            [`${prefix}form-preview`]: true,
-            [className]: !!className,
-        });
-
-        if (isPreview) {
-            if (typeof renderPreview === 'function') {
-                return (
-                    <div {...others} style={style} className={previewCls}>
-                        {renderPreview(this.renderValue(), this.props)}
-                    </div>
-                );
-            }
-            return (
-                <p {...others} style={{ style }} className={previewCls}>
-                    {this.renderValue()}
-                </p>
-            );
-        }
+    const previewCls = classNames({
+      [`${prefix}form-preview`]: true,
+      [className]: !!className,
+    });
 
+    if (isPreview) {
+      if (typeof renderPreview === 'function') {
         return (
-            <span
-                className={cls}
-                style={style}
-                dir={rtl ? 'rtl' : undefined}
-                {...dataAttrs}
-            >
-                <Input
-                    {...others}
-                    hasClear={false}
-                    aria-valuemax={max !== Infinity ? max : undefined}
-                    aria-valuemin={min !== -Infinity ? min : undefined}
-                    state={state === 'error' ? 'error' : null}
-                    onBlur={this.onBlur.bind(this)}
-                    onFocus={this.onFocus.bind(this)}
-                    onKeyDown={this.onKeyDown.bind(this)}
-                    autoFocus={autoFocus}
-                    readOnly={!editable}
-                    value={this.renderValue()}
-                    disabled={disabled}
-                    size={size}
-                    onChange={this.onChange.bind(this)}
-                    ref={this.saveInputRef.bind(this)}
-                    label={label}
-                    innerAfter={innerAfter}
-                    extra={extra}
-                    addonBefore={addonBefore}
-                    addonAfter={addonAfter}
-                />
-            </span>
+          <div {...others} style={style} className={previewCls}>
+            {renderPreview(this.renderValue(), this.props)}
+          </div>
         );
+      }
+      return (
+        <p {...others} style={{ style }} className={previewCls}>
+          {this.renderValue()}
+        </p>
+      );
     }
+
+    return (
+      <span
+        className={cls}
+        style={style}
+        dir={rtl ? 'rtl' : undefined}
+        {...dataAttrs}
+      >
+        <Input
+          {...others}
+          hasClear={false}
+          aria-valuemax={max !== Infinity ? max : undefined}
+          aria-valuemin={min !== -Infinity ? min : undefined}
+          state={state === 'error' ? 'error' : null}
+          onBlur={this.onBlur.bind(this)}
+          onFocus={this.onFocus.bind(this)}
+          onKeyDown={this.onKeyDown.bind(this)}
+          autoFocus={autoFocus}
+          readOnly={!editable}
+          value={this.renderValue()}
+          disabled={disabled}
+          size={size}
+          onChange={this.onChange.bind(this)}
+          ref={this.saveInputRef.bind(this)}
+          label={label}
+          innerAfter={innerAfter}
+          extra={extra}
+          addonBefore={addonBefore}
+          addonAfter={addonAfter}
+        />
+      </span>
+    );
+  }
 }
 
 export default polyfill(NumberPicker);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/overlay/gateway.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/overlay/gateway.jsx
index 32f8d1665..d86af3307 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/overlay/gateway.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/overlay/gateway.jsx
@@ -7,62 +7,62 @@ import findNode from './utils/find-node';
 const { makeChain } = func;
 
 export default class Gateway extends Component {
-    static propTypes = {
-        children: PropTypes.node,
-        container: PropTypes.any,
-        target: PropTypes.any,
-    };
+  static propTypes = {
+    children: PropTypes.node,
+    container: PropTypes.any,
+    target: PropTypes.any,
+  };
 
-    static defaultProps = {
-        container: () => document.body,
-    };
+  static defaultProps = {
+    container: () => document.body,
+  };
 
-    componentDidMount() {
-        this.containerNode = this.getContainerNode(this.props);
-        this.forceUpdate();
+  componentDidMount() {
+    this.containerNode = this.getContainerNode(this.props);
+    this.forceUpdate();
+  }
+
+  componentWillReceiveProps(nextProps) {
+    this.containerNode = this.getContainerNode(nextProps);
+  }
+
+  getContainerNode(props) {
+    const targetNode = findNode(props.target);
+    return findNode(props.container, targetNode);
+  }
+
+  getChildNode() {
+    try {
+      return findDOMNode(this.child);
+    } catch (err) {
+      return null;
+    }
+  }
+
+  saveChildRef = ref => {
+    this.child = ref;
+  };
+
+  render() {
+    if (!this.containerNode) {
+      return null;
     }
 
-    componentWillReceiveProps(nextProps) {
-        this.containerNode = this.getContainerNode(nextProps);
+    const { children } = this.props;
+    let child = children ? Children.only(children) : null;
+    if (!child) {
+      return null;
     }
 
-    getContainerNode(props) {
-        const targetNode = findNode(props.target);
-        return findNode(props.container, targetNode);
+    if (typeof child.ref === 'string') {
+      throw new Error(
+        'Can not set ref by string in Gateway, use function instead.',
+      );
     }
+    child = React.cloneElement(child, {
+      ref: makeChain(this.saveChildRef, child.ref),
+    });
 
-    getChildNode() {
-        try {
-            return findDOMNode(this.child);
-        } catch (err) {
-            return null;
-        }
-    }
-
-    saveChildRef = ref => {
-        this.child = ref;
-    };
-
-    render() {
-        if (!this.containerNode) {
-            return null;
-        }
-
-        const { children } = this.props;
-        let child = children ? Children.only(children) : null;
-        if (!child) {
-            return null;
-        }
-
-        if (typeof child.ref === 'string') {
-            throw new Error(
-                'Can not set ref by string in Gateway, use function instead.'
-            );
-        }
-        child = React.cloneElement(child, {
-            ref: makeChain(this.saveChildRef, child.ref),
-        });
-
-        return createPortal(child, this.containerNode);
-    }
+    return createPortal(child, this.containerNode);
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/overlay/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/overlay/index.jsx
index b20f85922..5e1a4ac5b 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/overlay/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/overlay/index.jsx
@@ -7,9 +7,9 @@ import Popup from './popup';
 Overlay.Gateway = Gateway;
 Overlay.Position = Position;
 Overlay.Popup = ConfigProvider.config(Popup, {
-    exportNames: ['overlay'],
+  exportNames: ['overlay'],
 });
 
 export default ConfigProvider.config(Overlay, {
-    exportNames: ['getContent', 'getContentNode'],
+  exportNames: ['getContent', 'getContentNode'],
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/overlay/manager.js b/packages/material-parser/test/fixtures/fusion-next-component/src/overlay/manager.js
index 1c9decfa8..75fd2c802 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/overlay/manager.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/overlay/manager.js
@@ -1,21 +1,21 @@
 const overlayManager = {
-    allOverlays: [],
+  allOverlays: [],
 
-    addOverlay(overlay) {
-        this.removeOverlay(overlay);
-        this.allOverlays.unshift(overlay);
-    },
+  addOverlay(overlay) {
+    this.removeOverlay(overlay);
+    this.allOverlays.unshift(overlay);
+  },
 
-    isCurrentOverlay(overlay) {
-        return overlay && this.allOverlays[0] === overlay;
-    },
+  isCurrentOverlay(overlay) {
+    return overlay && this.allOverlays[0] === overlay;
+  },
 
-    removeOverlay(overlay) {
-        const i = this.allOverlays.indexOf(overlay);
-        if (i > -1) {
-            this.allOverlays.splice(i, 1);
-        }
-    },
+  removeOverlay(overlay) {
+    const i = this.allOverlays.indexOf(overlay);
+    if (i > -1) {
+      this.allOverlays.splice(i, 1);
+    }
+  },
 };
 
 export default overlayManager;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/overlay/overlay.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/overlay/overlay.jsx
index 00fbf181a..0278c31ea 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/overlay/overlay.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/overlay/overlay.jsx
@@ -11,133 +11,134 @@ import findNode from './utils/find-node';
 const { saveLastFocusNode, getFocusNodeList, backLastFocusNode } = focus;
 const { makeChain, noop, bindCtx } = func;
 
-const isScrollDisplay = function(element) {
-    try {
-        const scrollbarStyle = window.getComputedStyle(
-            element,
-            '::-webkit-scrollbar'
-        );
-        return (
-            !scrollbarStyle ||
+const isScrollDisplay = function (element) {
+  try {
+    const scrollbarStyle = window.getComputedStyle(
+      element,
+      '::-webkit-scrollbar',
+    );
+    return (
+      !scrollbarStyle ||
             scrollbarStyle.getPropertyValue('display') !== 'none'
-        );
-    } catch (e) {
-        // ignore error for firefox
-    }
+    );
+  } catch (e) {
+    // ignore error for firefox
+  }
 
-    return true;
+  return true;
 };
 const hasScroll = () => {
-    const doc = document.documentElement;
-    return (
-        doc.scrollHeight > doc.clientHeight &&
+  const doc = document.documentElement;
+  return (
+    doc.scrollHeight > doc.clientHeight &&
         dom.scrollbar().width > 0 &&
         isScrollDisplay(document.documentElement) &&
         isScrollDisplay(document.body)
-    );
+  );
 };
 const prefixes = ['-webkit-', '-moz-', '-o-', 'ms-', ''];
 const getStyleProperty = (node, name) => {
-    const style = window.getComputedStyle(node);
-    let ret = '';
-    for (let i = 0; i < prefixes.length; i++) {
-        ret = style.getPropertyValue(prefixes[i] + name);
-        if (ret) {
-            break;
-        }
+  const style = window.getComputedStyle(node);
+  let ret = '';
+  for (let i = 0; i < prefixes.length; i++) {
+    ret = style.getPropertyValue(prefixes[i] + name);
+    if (ret) {
+      break;
     }
-    return ret;
+  }
+  return ret;
 };
 
 const modals = [];
-let bodyOverflowY, bodyPaddingRight;
+let bodyOverflowY; let
+  bodyPaddingRight;
 
 /**
  * Overlay
  * */
 export default class Overlay extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        pure: PropTypes.bool,
-        rtl: PropTypes.bool,
-        className: PropTypes.string,
-        style: PropTypes.object,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    pure: PropTypes.bool,
+    rtl: PropTypes.bool,
+    className: PropTypes.string,
+    style: PropTypes.object,
+    /**
          * 弹层内容
          */
-        children: PropTypes.any,
-        /**
+    children: PropTypes.any,
+    /**
          * 是否显示弹层
          */
-        visible: PropTypes.bool,
-        /**
+    visible: PropTypes.bool,
+    /**
          * 弹层请求关闭时触发事件的回调函数
          * @param {String} type 弹层关闭的来源
          * @param {Object} e DOM 事件
          */
-        onRequestClose: PropTypes.func,
-        /**
+    onRequestClose: PropTypes.func,
+    /**
          * 弹层定位的参照元素
          */
-        target: PropTypes.any,
-        /**
+    target: PropTypes.any,
+    /**
          * 弹层相对于参照元素的定位, 详见开发指南的[定位部分](#定位)
          */
-        align: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-        /**
+    align: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+    /**
          * 弹层相对于trigger的定位的微调, 接收数组[hoz, ver], 表示弹层在 left / top 上的增量
          * e.g. [100, 100] 表示往右(RTL 模式下是往左) 、下分布偏移100px
          */
-        offset: PropTypes.array,
-        /**
+    offset: PropTypes.array,
+    /**
          * 渲染组件的容器，如果是函数需要返回 ref，如果是字符串则是该 DOM 的 id，也可以直接传入 DOM 节点
          */
-        container: PropTypes.any,
-        /**
+    container: PropTypes.any,
+    /**
          * 是否显示遮罩
          */
-        hasMask: PropTypes.bool,
-        /**
+    hasMask: PropTypes.bool,
+    /**
          * 是否支持 esc 按键关闭弹层
          */
-        canCloseByEsc: PropTypes.bool,
-        /**
+    canCloseByEsc: PropTypes.bool,
+    /**
          * 点击弹层外的区域是否关闭弹层，不显示遮罩时生效
          */
-        canCloseByOutSideClick: PropTypes.bool,
-        /**
+    canCloseByOutSideClick: PropTypes.bool,
+    /**
          * 点击遮罩区域是否关闭弹层，显示遮罩时生效
          */
-        canCloseByMask: PropTypes.bool,
-        /**
+    canCloseByMask: PropTypes.bool,
+    /**
          * 弹层打开前触发事件的回调函数
          */
-        beforeOpen: PropTypes.func,
-        /**
+    beforeOpen: PropTypes.func,
+    /**
          * 弹层打开时触发事件的回调函数
          */
-        onOpen: PropTypes.func,
-        /**
+    onOpen: PropTypes.func,
+    /**
          * 弹层打开后触发事件的回调函数, 如果有动画，则在动画结束后触发
          */
-        afterOpen: PropTypes.func,
-        /**
+    afterOpen: PropTypes.func,
+    /**
          * 弹层关闭前触发事件的回调函数
          */
-        beforeClose: PropTypes.func,
-        /**
+    beforeClose: PropTypes.func,
+    /**
          * 弹层关闭时触发事件的回调函数
          */
-        onClose: PropTypes.func,
-        /**
+    onClose: PropTypes.func,
+    /**
          * 弹层关闭后触发事件的回调函数, 如果有动画，则在动画结束后触发
          */
-        afterClose: PropTypes.func,
-        /**
+    afterClose: PropTypes.func,
+    /**
          * 弹层定位完成前触发的事件
          */
-        beforePosition: PropTypes.func,
-        /**
+    beforePosition: PropTypes.func,
+    /**
          * 弹层定位完成时触发的事件
          * @param {Object} config 定位的参数
          * @param {Array} config.align 对齐方式，如 ['cc', 'cc']（如果开启 needAdjust，可能和预先设置的 align 不同）
@@ -145,678 +146,678 @@ export default class Overlay extends Component {
          * @param {Number} config.left 距离视口左侧距离
          * @param {Object} node 定位参照的容器节点
          */
-        onPosition: PropTypes.func,
-        /**
+    onPosition: PropTypes.func,
+    /**
          * 是否在每次弹层重新渲染后强制更新定位信息，一般用于弹层内容区域大小发生变化时，仍需保持原来的定位方式
          */
-        shouldUpdatePosition: PropTypes.bool,
-        /**
+    shouldUpdatePosition: PropTypes.bool,
+    /**
          * 弹层打开时是否让其中的元素自动获取焦点
          */
-        autoFocus: PropTypes.bool,
-        /**
+    autoFocus: PropTypes.bool,
+    /**
          * 当弹层由于页面滚动等情况不在可视区域时，是否自动调整定位以出现在可视区域
          */
-        needAdjust: PropTypes.bool,
-        /**
+    needAdjust: PropTypes.bool,
+    /**
          * 是否禁用页面滚动
          */
-        disableScroll: PropTypes.bool,
-        /**
+    disableScroll: PropTypes.bool,
+    /**
          * 隐藏时是否保留子节点
          */
-        cache: PropTypes.bool,
-        /**
+    cache: PropTypes.bool,
+    /**
          * 安全节点，当点击 document 的时候，如果包含该节点则不会关闭弹层，如果是函数需要返回 ref，如果是字符串则是该 DOM 的 id，也可以直接传入 DOM 节点，或者以上值组成的数组
          */
-        safeNode: PropTypes.any,
-        /**
+    safeNode: PropTypes.any,
+    /**
          * 弹层的根节点的样式类
          */
-        wrapperClassName: PropTypes.string,
-        /**
+    wrapperClassName: PropTypes.string,
+    /**
          * 弹层的根节点的内联样式
          */
-        wrapperStyle: PropTypes.object,
-        /**
+    wrapperStyle: PropTypes.object,
+    /**
          * 配置动画的播放方式，支持 { in: 'enter-class', out: 'leave-class' } 的对象参数，如果设置为 false，则不播放动画。 请参考 Animate 组件的文档获取可用的动画名
          * @default { in: 'expandInDown', out: 'expandOutUp' }
          */
-        animation: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
-        onMaskMouseEnter: PropTypes.func,
-        onMaskMouseLeave: PropTypes.func,
-        onClick: PropTypes.func,
-        maskClass: PropTypes.string,
-        isChildrenInMask: PropTypes.bool,
+    animation: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
+    onMaskMouseEnter: PropTypes.func,
+    onMaskMouseLeave: PropTypes.func,
+    onClick: PropTypes.func,
+    maskClass: PropTypes.string,
+    isChildrenInMask: PropTypes.bool,
+  };
+
+  static defaultProps = {
+    prefix: 'next-',
+    pure: false,
+    visible: false,
+    onRequestClose: noop,
+    target: Position.VIEWPORT,
+    align: 'tl bl',
+    offset: [0, 0],
+    hasMask: false,
+    canCloseByEsc: true,
+    canCloseByOutSideClick: true,
+    canCloseByMask: true,
+    beforeOpen: noop,
+    onOpen: noop,
+    afterOpen: noop,
+    beforeClose: noop,
+    onClose: noop,
+    afterClose: noop,
+    beforePosition: noop,
+    onPosition: noop,
+    onMaskMouseEnter: noop,
+    onMaskMouseLeave: noop,
+    shouldUpdatePosition: false,
+    autoFocus: false,
+    needAdjust: true,
+    disableScroll: false,
+    cache: false,
+    isChildrenInMask: false,
+    onClick: e => e.stopPropagation(),
+    maskClass: '',
+  };
+
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      visible: props.visible,
+      status: 'none',
+      animation: this.getAnimation(props),
     };
 
-    static defaultProps = {
-        prefix: 'next-',
-        pure: false,
-        visible: false,
-        onRequestClose: noop,
-        target: Position.VIEWPORT,
-        align: 'tl bl',
-        offset: [0, 0],
-        hasMask: false,
-        canCloseByEsc: true,
-        canCloseByOutSideClick: true,
-        canCloseByMask: true,
-        beforeOpen: noop,
-        onOpen: noop,
-        afterOpen: noop,
-        beforeClose: noop,
-        onClose: noop,
-        afterClose: noop,
-        beforePosition: noop,
-        onPosition: noop,
-        onMaskMouseEnter: noop,
-        onMaskMouseLeave: noop,
-        shouldUpdatePosition: false,
-        autoFocus: false,
-        needAdjust: true,
-        disableScroll: false,
-        cache: false,
-        isChildrenInMask: false,
-        onClick: e => e.stopPropagation(),
-        maskClass: '',
-    };
+    this.lastAlign = props.align;
 
-    constructor(props) {
-        super(props);
+    bindCtx(this, [
+      'handlePosition',
+      'handleAnimateEnd',
+      'handleDocumentKeyDown',
+      'handleDocumentClick',
+      'handleMaskClick',
+      'beforeOpen',
+      'beforeClose',
+    ]);
 
-        this.state = {
-            visible: props.visible,
-            status: 'none',
-            animation: this.getAnimation(props),
-        };
+    this.timeoutMap = {};
+  }
 
-        this.lastAlign = props.align;
+  componentWillMount() {
+    if (this.props.visible) {
+      this.beforeOpen();
+      this.props.beforeOpen();
 
-        bindCtx(this, [
-            'handlePosition',
-            'handleAnimateEnd',
-            'handleDocumentKeyDown',
-            'handleDocumentClick',
-            'handleMaskClick',
-            'beforeOpen',
-            'beforeClose',
-        ]);
+      if (this.state.animation && support.animation) {
+        this.enter();
+      }
+    }
+  }
 
-        this.timeoutMap = {};
+  componentDidMount() {
+    this.componentDidUpdate({ visible: false });
+    this.addDocumentEvents();
+
+    overlayManager.addOverlay(this);
+
+    if (this.state.visible) {
+      this._isMounted = true;
+    }
+  }
+
+  componentWillReceiveProps(nextProps) {
+    if (!this._isMounted && nextProps.visible) {
+      this._isMounted = true;
     }
 
-    componentWillMount() {
-        if (this.props.visible) {
-            this.beforeOpen();
-            this.props.beforeOpen();
+    const willOpen = !this.props.visible && nextProps.visible;
+    const willClose = this.props.visible && !nextProps.visible;
 
-            if (this.state.animation && support.animation) {
-                this.enter();
-            }
-        }
+    if (nextProps.align !== this.props.align) {
+      this.lastAlign = this.props.align;
     }
 
-    componentDidMount() {
-        this.componentDidUpdate({ visible: false });
-        this.addDocumentEvents();
-
-        overlayManager.addOverlay(this);
-
-        if (this.state.visible) {
-            this._isMounted = true;
-        }
+    if (willOpen) {
+      this.beforeOpen();
+      nextProps.beforeOpen();
+    } else if (willClose) {
+      this.beforeClose();
+      nextProps.beforeClose();
     }
 
-    componentWillReceiveProps(nextProps) {
-        if (!this._isMounted && nextProps.visible) {
-            this._isMounted = true;
-        }
-
-        const willOpen = !this.props.visible && nextProps.visible;
-        const willClose = this.props.visible && !nextProps.visible;
-
-        if (nextProps.align !== this.props.align) {
-            this.lastAlign = this.props.align;
-        }
-
-        if (willOpen) {
-            this.beforeOpen();
-            nextProps.beforeOpen();
-        } else if (willClose) {
-            this.beforeClose();
-            nextProps.beforeClose();
-        }
-
-        if (nextProps.animation || nextProps.animation === false) {
-            this.setState({
-                animation: nextProps.animation,
-            });
-        }
-
-        if (nextProps.animation !== false && support.animation) {
-            if (willOpen) {
-                this.enter();
-            } else if (willClose) {
-                this.leave();
-            }
-        } else {
-            this.setState({
-                visible: nextProps.visible,
-            });
-        }
+    if (nextProps.animation || nextProps.animation === false) {
+      this.setState({
+        animation: nextProps.animation,
+      });
     }
 
-    componentDidUpdate(prevProps) {
-        const open = !prevProps.visible && this.props.visible;
-        const close = prevProps.visible && !this.props.visible;
-        if (this.state.animation && support.animation) {
-            if (open || close) {
-                this.addAnimationEvents();
-            }
-        } else {
-            const wrapperNode = this.getWrapperNode();
-            if (open) {
-                setTimeout(() => {
-                    this.props.onOpen();
-                    this.props.afterOpen();
-                    dom.addClass(wrapperNode, 'opened');
-                    overlayManager.addOverlay(this);
-                });
-            } else if (close) {
-                this.props.onClose();
-                this.props.afterClose();
-                dom.removeClass(wrapperNode, 'opened');
-                overlayManager.removeOverlay(this);
-            }
-            this.setFocusNode();
-        }
+    if (nextProps.animation !== false && support.animation) {
+      if (willOpen) {
+        this.enter();
+      } else if (willClose) {
+        this.leave();
+      }
+    } else {
+      this.setState({
+        visible: nextProps.visible,
+      });
     }
+  }
 
-    componentWillUnmount() {
-        this._isDestroyed = true;
-        this._isMounted = false;
-        overlayManager.removeOverlay(this);
-        this.removeDocumentEvents();
-        if (this.focusTimeout) {
-            clearTimeout(this.focusTimeout);
-        }
-        if (this._animation) {
-            this._animation.off();
-            this._animation = null;
-        }
-        this.beforeClose();
-    }
-
-    getAnimation(props) {
-        if (props.animation === false) {
-            return false;
-        }
-
-        if (props.animation) {
-            return props.animation;
-        }
-
-        return this.getAnimationByAlign(props.align);
-    }
-
-    getAnimationByAlign(align) {
-        switch (align[0]) {
-            case 't':
-                return {
-                    in: 'expandInDown',
-                    out: 'expandOutUp',
-                };
-            case 'b':
-                return {
-                    in: 'expandInUp',
-                    out: 'expandOutDown',
-                };
-            default:
-                return {
-                    in: 'expandInDown',
-                    out: 'expandOutUp',
-                };
-        }
-    }
-
-    addAnimationEvents() {
+  componentDidUpdate(prevProps) {
+    const open = !prevProps.visible && this.props.visible;
+    const close = prevProps.visible && !this.props.visible;
+    if (this.state.animation && support.animation) {
+      if (open || close) {
+        this.addAnimationEvents();
+      }
+    } else {
+      const wrapperNode = this.getWrapperNode();
+      if (open) {
         setTimeout(() => {
-            const node = this.getContentNode();
-            if (node) {
-                const id = guid();
+          this.props.onOpen();
+          this.props.afterOpen();
+          dom.addClass(wrapperNode, 'opened');
+          overlayManager.addOverlay(this);
+        });
+      } else if (close) {
+        this.props.onClose();
+        this.props.afterClose();
+        dom.removeClass(wrapperNode, 'opened');
+        overlayManager.removeOverlay(this);
+      }
+      this.setFocusNode();
+    }
+  }
 
-                this._animation = events.on(
-                    node,
-                    support.animation.end,
-                    this.handleAnimateEnd.bind(this, id)
-                );
+  componentWillUnmount() {
+    this._isDestroyed = true;
+    this._isMounted = false;
+    overlayManager.removeOverlay(this);
+    this.removeDocumentEvents();
+    if (this.focusTimeout) {
+      clearTimeout(this.focusTimeout);
+    }
+    if (this._animation) {
+      this._animation.off();
+      this._animation = null;
+    }
+    this.beforeClose();
+  }
 
-                const animationDelay =
+  getAnimation(props) {
+    if (props.animation === false) {
+      return false;
+    }
+
+    if (props.animation) {
+      return props.animation;
+    }
+
+    return this.getAnimationByAlign(props.align);
+  }
+
+  getAnimationByAlign(align) {
+    switch (align[0]) {
+      case 't':
+        return {
+          in: 'expandInDown',
+          out: 'expandOutUp',
+        };
+      case 'b':
+        return {
+          in: 'expandInUp',
+          out: 'expandOutDown',
+        };
+      default:
+        return {
+          in: 'expandInDown',
+          out: 'expandOutUp',
+        };
+    }
+  }
+
+  addAnimationEvents() {
+    setTimeout(() => {
+      const node = this.getContentNode();
+      if (node) {
+        const id = guid();
+
+        this._animation = events.on(
+          node,
+          support.animation.end,
+          this.handleAnimateEnd.bind(this, id),
+        );
+
+        const animationDelay =
                     parseFloat(getStyleProperty(node, 'animation-delay')) || 0;
-                const animationDuration =
+        const animationDuration =
                     parseFloat(getStyleProperty(node, 'animation-duration')) ||
                     0;
-                const time = animationDelay + animationDuration;
-                if (time) {
-                    this.timeoutMap[id] = setTimeout(() => {
-                        this.handleAnimateEnd(id);
-                    }, time * 1000 + 200);
-                }
-            }
-        });
-    }
+        const time = animationDelay + animationDuration;
+        if (time) {
+          this.timeoutMap[id] = setTimeout(() => {
+            this.handleAnimateEnd(id);
+          }, time * 1000 + 200);
+        }
+      }
+    });
+  }
 
-    handlePosition(config) {
-        const align = config.align.join(' ');
+  handlePosition(config) {
+    const align = config.align.join(' ');
 
-        if (
-            !('animation' in this.props) &&
+    if (
+      !('animation' in this.props) &&
             this.props.needAdjust &&
             this.lastAlign !== align
-        ) {
-            this.setState({
-                animation: this.getAnimationByAlign(align),
-            });
-        }
-
-        const { status } = this.state;
-        if (status === 'mounting') {
-            this.setState({
-                status: 'entering',
-            });
-        }
-
-        this.lastAlign = align;
+    ) {
+      this.setState({
+        animation: this.getAnimationByAlign(align),
+      });
     }
 
-    handleAnimateEnd(id) {
-        if (this.timeoutMap[id]) {
-            clearTimeout(this.timeoutMap[id]);
-        }
-        delete this.timeoutMap[id];
-
-        if (this._animation) {
-            this._animation.off();
-            this._animation = null;
-        }
-
-        if (!this._isMounted) {
-            return;
-        }
-
-        if (this.state.status === 'leaving') {
-            this.setState({
-                visible: false,
-                status: 'none',
-            });
-
-            this.onLeaved();
-        } else if (this.state.status === 'entering') {
-            this.setState({
-                status: 'none',
-            });
-
-            this.onEntered();
-        }
+    const { status } = this.state;
+    if (status === 'mounting') {
+      this.setState({
+        status: 'entering',
+      });
     }
 
-    enter() {
-        this.setState(
-            {
-                visible: true,
-                status: 'mounting',
-            },
-            () => {
-                // NOTE: setState callback (second argument) now fires immediately after componentDidMount / componentDidUpdate instead of after all components have rendered.
-                setTimeout(() => {
-                    if (!this._isDestroyed) {
-                        this.onEntering();
-                    }
-                });
-            }
-        );
+    this.lastAlign = align;
+  }
+
+  handleAnimateEnd(id) {
+    if (this.timeoutMap[id]) {
+      clearTimeout(this.timeoutMap[id]);
+    }
+    delete this.timeoutMap[id];
+
+    if (this._animation) {
+      this._animation.off();
+      this._animation = null;
     }
 
-    leave() {
-        this.setState({
-            status: 'leaving',
+    if (!this._isMounted) {
+      return;
+    }
+
+    if (this.state.status === 'leaving') {
+      this.setState({
+        visible: false,
+        status: 'none',
+      });
+
+      this.onLeaved();
+    } else if (this.state.status === 'entering') {
+      this.setState({
+        status: 'none',
+      });
+
+      this.onEntered();
+    }
+  }
+
+  enter() {
+    this.setState(
+      {
+        visible: true,
+        status: 'mounting',
+      },
+      () => {
+        // NOTE: setState callback (second argument) now fires immediately after componentDidMount / componentDidUpdate instead of after all components have rendered.
+        setTimeout(() => {
+          if (!this._isDestroyed) {
+            this.onEntering();
+          }
         });
+      },
+    );
+  }
 
-        this.onLeaving();
-    }
+  leave() {
+    this.setState({
+      status: 'leaving',
+    });
 
-    onEntering() {
-        const wrapperNode = this.getWrapperNode();
-        dom.addClass(wrapperNode, 'opened');
-        this.props.onOpen();
-    }
+    this.onLeaving();
+  }
 
-    onLeaving() {
-        const wrapperNode = this.getWrapperNode();
-        dom.removeClass(wrapperNode, 'opened');
-        this.props.onClose();
-    }
+  onEntering() {
+    const wrapperNode = this.getWrapperNode();
+    dom.addClass(wrapperNode, 'opened');
+    this.props.onOpen();
+  }
 
-    onEntered() {
-        overlayManager.addOverlay(this);
-        this.setFocusNode();
-        this.props.afterOpen();
-    }
+  onLeaving() {
+    const wrapperNode = this.getWrapperNode();
+    dom.removeClass(wrapperNode, 'opened');
+    this.props.onClose();
+  }
 
-    onLeaved() {
-        overlayManager.removeOverlay(this);
-        this.setFocusNode();
-        this.props.afterClose();
-    }
+  onEntered() {
+    overlayManager.addOverlay(this);
+    this.setFocusNode();
+    this.props.afterOpen();
+  }
 
-    beforeOpen() {
-        if (this.props.disableScroll) {
-            if (modals.length === 0) {
-                const style = {
-                    overflowY: 'hidden',
-                };
-                const body = document.body;
-                bodyOverflowY = body.style.overflowY;
-                if (hasScroll()) {
-                    bodyPaddingRight = body.style.paddingRight;
-                    style.paddingRight = `${dom.getStyle(body, 'paddingRight') +
+  onLeaved() {
+    overlayManager.removeOverlay(this);
+    this.setFocusNode();
+    this.props.afterClose();
+  }
+
+  beforeOpen() {
+    if (this.props.disableScroll) {
+      if (modals.length === 0) {
+        const style = {
+          overflowY: 'hidden',
+        };
+        const { body } = document;
+        bodyOverflowY = body.style.overflowY;
+        if (hasScroll()) {
+          bodyPaddingRight = body.style.paddingRight;
+          style.paddingRight = `${dom.getStyle(body, 'paddingRight') +
                         dom.scrollbar().width}px`;
-                }
-
-                dom.setStyle(body, style);
-            }
-            modals.push(this);
         }
+
+        dom.setStyle(body, style);
+      }
+      modals.push(this);
+    }
+  }
+
+  beforeClose() {
+    if (this.props.disableScroll) {
+      const index = modals.indexOf(this);
+      if (index > -1) {
+        if (modals.length === 1) {
+          const style = {
+            overflowY: bodyOverflowY,
+          };
+          if (hasScroll()) {
+            style.paddingRight = bodyPaddingRight;
+          }
+
+          dom.setStyle(document.body, style);
+
+          bodyOverflowY = undefined;
+          bodyPaddingRight = undefined;
+        }
+
+        modals.splice(index, 1);
+      }
+    }
+  }
+
+  setFocusNode() {
+    if (!this.props.autoFocus) {
+      return;
     }
 
-    beforeClose() {
-        if (this.props.disableScroll) {
-            const index = modals.indexOf(this);
-            if (index > -1) {
-                if (modals.length === 1) {
-                    const style = {
-                        overflowY: bodyOverflowY,
-                    };
-                    if (hasScroll()) {
-                        style.paddingRight = bodyPaddingRight;
-                    }
-
-                    dom.setStyle(document.body, style);
-
-                    bodyOverflowY = undefined;
-                    bodyPaddingRight = undefined;
-                }
-
-                modals.splice(index, 1);
-            }
+    if (this.state.visible && !this._hasFocused) {
+      saveLastFocusNode();
+      // 这个时候很可能上一个弹层的关闭事件还未触发，导致焦点已经回到触发的元素
+      // 这里延时处理一下，延时的时间为 document.click 捕获触发的延时时间
+      this.focusTimeout = setTimeout(() => {
+        const node = this.getContentNode();
+        if (node) {
+          const focusNodeList = getFocusNodeList(node);
+          if (focusNodeList.length) {
+            focusNodeList[0].focus();
+          }
+          this._hasFocused = true;
         }
+      }, 100);
+    } else if (!this.state.visible && this._hasFocused) {
+      backLastFocusNode();
+      this._hasFocused = false;
+    }
+  }
+
+  getContent() {
+    return this.contentRef;
+  }
+
+  getContentNode() {
+    try {
+      return findDOMNode(this.contentRef);
+    } catch (err) {
+      return null;
+    }
+  }
+
+  getWrapperNode() {
+    return this.gatewayRef ? this.gatewayRef.getChildNode() : null;
+  }
+
+  addDocumentEvents() {
+    if (this.props.canCloseByEsc) {
+      this._keydownEvents = events.on(
+        document,
+        'keydown',
+        this.handleDocumentKeyDown,
+      );
+    }
+    if (this.props.canCloseByOutSideClick) {
+      this._clickEvents = events.on(
+        document,
+        'click',
+        this.handleDocumentClick,
+      );
+
+      this._touchEvents = events.on(
+        document,
+        'touchend',
+        this.handleDocumentClick,
+      );
+    }
+  }
+
+  removeDocumentEvents() {
+    if (this._keydownEvents) {
+      this._keydownEvents.off();
+      this._keydownEvents = null;
+    }
+    if (this._clickEvents) {
+      this._clickEvents.off();
+      this._clickEvents = null;
     }
 
-    setFocusNode() {
-        if (!this.props.autoFocus) {
-            return;
-        }
-
-        if (this.state.visible && !this._hasFocused) {
-            saveLastFocusNode();
-            // 这个时候很可能上一个弹层的关闭事件还未触发，导致焦点已经回到触发的元素
-            // 这里延时处理一下，延时的时间为 document.click 捕获触发的延时时间
-            this.focusTimeout = setTimeout(() => {
-                const node = this.getContentNode();
-                if (node) {
-                    const focusNodeList = getFocusNodeList(node);
-                    if (focusNodeList.length) {
-                        focusNodeList[0].focus();
-                    }
-                    this._hasFocused = true;
-                }
-            }, 100);
-        } else if (!this.state.visible && this._hasFocused) {
-            backLastFocusNode();
-            this._hasFocused = false;
-        }
+    if (this._touchEvents) {
+      this._touchEvents.off();
+      this._touchEvents = null;
     }
+  }
 
-    getContent() {
-        return this.contentRef;
-    }
-
-    getContentNode() {
-        try {
-            return findDOMNode(this.contentRef);
-        } catch (err) {
-            return null;
-        }
-    }
-
-    getWrapperNode() {
-        return this.gatewayRef ? this.gatewayRef.getChildNode() : null;
-    }
-
-    addDocumentEvents() {
-        if (this.props.canCloseByEsc) {
-            this._keydownEvents = events.on(
-                document,
-                'keydown',
-                this.handleDocumentKeyDown
-            );
-        }
-        if (this.props.canCloseByOutSideClick) {
-            this._clickEvents = events.on(
-                document,
-                'click',
-                this.handleDocumentClick
-            );
-
-            this._touchEvents = events.on(
-                document,
-                'touchend',
-                this.handleDocumentClick
-            );
-        }
-    }
-
-    removeDocumentEvents() {
-        if (this._keydownEvents) {
-            this._keydownEvents.off();
-            this._keydownEvents = null;
-        }
-        if (this._clickEvents) {
-            this._clickEvents.off();
-            this._clickEvents = null;
-        }
-
-        if (this._touchEvents) {
-            this._touchEvents.off();
-            this._touchEvents = null;
-        }
-    }
-
-    handleDocumentKeyDown(e) {
-        if (
-            this.state.visible &&
+  handleDocumentKeyDown(e) {
+    if (
+      this.state.visible &&
             e.keyCode === KEYCODE.ESC &&
             overlayManager.isCurrentOverlay(this)
-        ) {
-            this.props.onRequestClose('keyboard', e);
-        }
+    ) {
+      this.props.onRequestClose('keyboard', e);
     }
+  }
 
-    handleDocumentClick(e) {
-        if (this.state.visible) {
-            const { safeNode } = this.props;
-            const safeNodes = Array.isArray(safeNode)
-                ? [...safeNode]
-                : [safeNode];
-            safeNodes.unshift(() => this.getWrapperNode());
+  handleDocumentClick(e) {
+    if (this.state.visible) {
+      const { safeNode } = this.props;
+      const safeNodes = Array.isArray(safeNode)
+        ? [...safeNode]
+        : [safeNode];
+      safeNodes.unshift(() => this.getWrapperNode());
 
-            for (let i = 0; i < safeNodes.length; i++) {
-                const node = findNode(safeNodes[i], this.props);
-                // HACK: 如果触发点击的节点是弹层内部的节点，并且在被点击后立即销毁，那么此时无法使用 node.contains(e.target)
-                // 来判断此时点击的节点是否是弹层内部的节点，额外判断
-                if (
-                    node &&
+      for (let i = 0; i < safeNodes.length; i++) {
+        const node = findNode(safeNodes[i], this.props);
+        // HACK: 如果触发点击的节点是弹层内部的节点，并且在被点击后立即销毁，那么此时无法使用 node.contains(e.target)
+        // 来判断此时点击的节点是否是弹层内部的节点，额外判断
+        if (
+          node &&
                     (node === e.target ||
                         node.contains(e.target) ||
                         (e.target !== document &&
                             !document.documentElement.contains(e.target)))
-                ) {
-                    return;
-                }
-            }
-
-            this.props.onRequestClose('docClick', e);
+        ) {
+          return;
         }
+      }
+
+      this.props.onRequestClose('docClick', e);
     }
+  }
 
-    handleMaskClick(e) {
-        if (this.props.canCloseByMask) {
-            this.props.onRequestClose('maskClick', e);
-        }
+  handleMaskClick(e) {
+    if (this.props.canCloseByMask) {
+      this.props.onRequestClose('maskClick', e);
     }
+  }
 
-    saveContentRef = ref => {
-        this.contentRef = ref;
-    };
+  saveContentRef = ref => {
+    this.contentRef = ref;
+  };
 
-    saveGatewayRef = ref => {
-        this.gatewayRef = ref;
-    };
+  saveGatewayRef = ref => {
+    this.gatewayRef = ref;
+  };
 
-    // 兼容过去的用法: this.popupRef.getInstance().overlay.getInstance().getContentNode()
-    getInstance() {
-        return this;
-    }
+  // 兼容过去的用法: this.popupRef.getInstance().overlay.getInstance().getContentNode()
+  getInstance() {
+    return this;
+  }
 
-    render() {
-        const {
-            prefix,
-            className,
-            style,
-            children: propChildren,
-            target,
-            align,
-            offset,
-            container,
-            hasMask,
-            needAdjust,
-            autoFit,
-            beforePosition,
-            onPosition,
-            wrapperStyle,
-            rtl,
-            shouldUpdatePosition: propShouldUpdatePosition,
-            cache,
-            wrapperClassName,
-            onMaskMouseEnter,
-            onMaskMouseLeave,
-            maskClass,
-            isChildrenInMask,
-        } = this.props;
-        const { visible: stateVisible, status, animation } = this.state;
+  render() {
+    const {
+      prefix,
+      className,
+      style,
+      children: propChildren,
+      target,
+      align,
+      offset,
+      container,
+      hasMask,
+      needAdjust,
+      autoFit,
+      beforePosition,
+      onPosition,
+      wrapperStyle,
+      rtl,
+      shouldUpdatePosition: propShouldUpdatePosition,
+      cache,
+      wrapperClassName,
+      onMaskMouseEnter,
+      onMaskMouseLeave,
+      maskClass,
+      isChildrenInMask,
+    } = this.props;
+    const { visible: stateVisible, status, animation } = this.state;
 
-        let children =
+    let children =
             stateVisible || (cache && this._isMounted) ? propChildren : null;
-        if (children) {
-            let child = Children.only(children);
-            // if chlild is a functional component wrap in a component to allow a ref to be set
-            if (
-                typeof child.type === 'function' &&
+    if (children) {
+      let child = Children.only(children);
+      // if chlild is a functional component wrap in a component to allow a ref to be set
+      if (
+        typeof child.type === 'function' &&
                 !(child.type.prototype instanceof Component)
-            ) {
-                child = <div role="none">{child}</div>;
-            }
-            const childClazz = classnames({
-                [`${prefix}overlay-inner`]: true,
-                [animation.in]: status === 'entering' || status === 'mounting',
-                [animation.out]: status === 'leaving',
-                [child.props.className]: !!child.props.className,
-                [className]: !!className,
-            });
-            if (typeof child.ref === 'string') {
-                throw new Error(
-                    'Can not set ref by string in Overlay, use function instead.'
-                );
-            }
-
-            children = React.cloneElement(child, {
-                className: childClazz,
-                style: { ...child.props.style, ...style },
-                ref: makeChain(this.saveContentRef, child.ref),
-                'aria-hidden': !stateVisible && cache && this._isMounted,
-                onClick: this.props.onClick,
-            });
-
-            if (align) {
-                const shouldUpdatePosition =
-                    status === 'leaving' ? false : propShouldUpdatePosition;
-                children = (
-                    <Position
-                        {...{
-                            children,
-                            target,
-                            align,
-                            offset,
-                            autoFit,
-                            container,
-                            needAdjust,
-                            beforePosition,
-                            onPosition: makeChain(
-                                this.handlePosition,
-                                onPosition
-                            ),
-                            shouldUpdatePosition,
-                            rtl,
-                        }}
-                    />
-                );
-            }
-
-            const wrapperClazz = classnames([
-                `${prefix}overlay-wrapper`,
-                wrapperClassName,
-            ]);
-            const newWrapperStyle = Object.assign(
-                {},
-                {
-                    display: stateVisible ? '' : 'none',
-                },
-                wrapperStyle
-            );
-
-            const maskClazz = classnames({
-                [`${prefix}overlay-backdrop`]: true,
-                [maskClass]: !!maskClass,
-            });
-
-            children = (
-                <div
-                    className={wrapperClazz}
-                    style={newWrapperStyle}
-                    dir={rtl ? 'rtl' : undefined}
-                >
-                    {hasMask ? (
-                        <div
-                            className={maskClazz}
-                            onClick={this.handleMaskClick}
-                            onMouseEnter={onMaskMouseEnter}
-                            onMouseLeave={onMaskMouseLeave}
-                            dir={rtl ? 'rtl' : undefined}
-                        >
-                            {isChildrenInMask && children}
-                        </div>
-                    ) : null}
-                    {!isChildrenInMask && children}
-                </div>
-            );
-        }
-
-        return (
-            <Gateway
-                {...{ container, target, children }}
-                ref={this.saveGatewayRef}
-            />
+      ) {
+        child = <div role="none">{child}</div>;
+      }
+      const childClazz = classnames({
+        [`${prefix}overlay-inner`]: true,
+        [animation.in]: status === 'entering' || status === 'mounting',
+        [animation.out]: status === 'leaving',
+        [child.props.className]: !!child.props.className,
+        [className]: !!className,
+      });
+      if (typeof child.ref === 'string') {
+        throw new Error(
+          'Can not set ref by string in Overlay, use function instead.',
         );
+      }
+
+      children = React.cloneElement(child, {
+        className: childClazz,
+        style: { ...child.props.style, ...style },
+        ref: makeChain(this.saveContentRef, child.ref),
+        'aria-hidden': !stateVisible && cache && this._isMounted,
+        onClick: this.props.onClick,
+      });
+
+      if (align) {
+        const shouldUpdatePosition =
+                    status === 'leaving' ? false : propShouldUpdatePosition;
+        children = (
+          <Position
+            {...{
+              children,
+              target,
+              align,
+              offset,
+              autoFit,
+              container,
+              needAdjust,
+              beforePosition,
+              onPosition: makeChain(
+                this.handlePosition,
+                onPosition,
+              ),
+              shouldUpdatePosition,
+              rtl,
+            }}
+          />
+        );
+      }
+
+      const wrapperClazz = classnames([
+        `${prefix}overlay-wrapper`,
+        wrapperClassName,
+      ]);
+      const newWrapperStyle = Object.assign(
+        {},
+        {
+          display: stateVisible ? '' : 'none',
+        },
+        wrapperStyle,
+      );
+
+      const maskClazz = classnames({
+        [`${prefix}overlay-backdrop`]: true,
+        [maskClass]: !!maskClass,
+      });
+
+      children = (
+        <div
+          className={wrapperClazz}
+          style={newWrapperStyle}
+          dir={rtl ? 'rtl' : undefined}
+        >
+          {hasMask ? (
+            <div
+              className={maskClazz}
+              onClick={this.handleMaskClick}
+              onMouseEnter={onMaskMouseEnter}
+              onMouseLeave={onMaskMouseLeave}
+              dir={rtl ? 'rtl' : undefined}
+            >
+              {isChildrenInMask && children}
+            </div>
+          ) : null}
+          {!isChildrenInMask && children}
+        </div>
+      );
     }
+
+    return (
+      <Gateway
+        {...{ container, target, children }}
+        ref={this.saveGatewayRef}
+      />
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/overlay/popup.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/overlay/popup.jsx
index 628281a8e..28ace0b6a 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/overlay/popup.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/overlay/popup.jsx
@@ -11,373 +11,373 @@ const { noop, makeChain, bindCtx } = func;
  * @description 继承 Overlay 的 API，除非特别说明
  * */
 export default class Popup extends Component {
-    static propTypes = {
-        /**
+  static propTypes = {
+    /**
          * 弹层内容
          */
-        children: PropTypes.node,
-        /**
+    children: PropTypes.node,
+    /**
          * 触发弹层显示或隐藏的元素
          */
-        trigger: PropTypes.element,
-        /**
+    trigger: PropTypes.element,
+    /**
          * 触发弹层显示或隐藏的操作类型，可以是 'click'，'hover'，'focus'，或者它们组成的数组，如 ['hover', 'focus']
          */
-        triggerType: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
-        /**
+    triggerType: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
+    /**
          * 当 triggerType 为 click 时才生效，可自定义触发弹层显示的键盘码
          */
 
-        triggerClickKeycode: PropTypes.oneOfType([
-            PropTypes.number,
-            PropTypes.array,
-        ]),
-        /**
+    triggerClickKeycode: PropTypes.oneOfType([
+      PropTypes.number,
+      PropTypes.array,
+    ]),
+    /**
          * 弹层当前是否显示
          */
-        visible: PropTypes.bool,
-        /**
+    visible: PropTypes.bool,
+    /**
          * 弹层默认是否显示
          */
-        defaultVisible: PropTypes.bool,
-        /**
+    defaultVisible: PropTypes.bool,
+    /**
          * 弹层显示或隐藏时触发的回调函数
          * @param {Boolean} visible 弹层是否显示
          * @param {String} type 触发弹层显示或隐藏的来源 fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发
          * @param {Object} e DOM事件
          */
-        onVisibleChange: PropTypes.func,
-        /**
+    onVisibleChange: PropTypes.func,
+    /**
          * 设置此属性，弹层无法显示或隐藏
          */
-        disabled: PropTypes.bool,
-        autoFit: PropTypes.bool,
-        /**
+    disabled: PropTypes.bool,
+    autoFit: PropTypes.bool,
+    /**
          * 弹层显示或隐藏的延时时间（以毫秒为单位），在 triggerType 被设置为 hover 时生效
          */
-        delay: PropTypes.number,
-        /**
+    delay: PropTypes.number,
+    /**
          * trigger 是否可以关闭弹层
          */
-        canCloseByTrigger: PropTypes.bool,
-        /**
+    canCloseByTrigger: PropTypes.bool,
+    /**
          * 弹层定位的参照元素
          * @default target 属性，即触发元素
          */
-        target: PropTypes.any,
-        safeNode: PropTypes.any,
-        /**
+    target: PropTypes.any,
+    safeNode: PropTypes.any,
+    /**
          * 是否跟随trigger滚动
          */
-        followTrigger: PropTypes.bool,
-        container: PropTypes.any,
-        hasMask: PropTypes.bool,
-        wrapperStyle: PropTypes.object,
-        rtl: PropTypes.bool,
-    };
+    followTrigger: PropTypes.bool,
+    container: PropTypes.any,
+    hasMask: PropTypes.bool,
+    wrapperStyle: PropTypes.object,
+    rtl: PropTypes.bool,
+  };
 
-    static defaultProps = {
-        triggerType: 'hover',
-        triggerClickKeycode: [KEYCODE.SPACE, KEYCODE.ENTER],
-        defaultVisible: false,
-        onVisibleChange: noop,
-        disabled: false,
-        autoFit: false,
-        delay: 200,
-        canCloseByTrigger: true,
-        followTrigger: false,
-        container: () => document.body,
-        rtl: false,
-    };
+  static defaultProps = {
+    triggerType: 'hover',
+    triggerClickKeycode: [KEYCODE.SPACE, KEYCODE.ENTER],
+    defaultVisible: false,
+    onVisibleChange: noop,
+    disabled: false,
+    autoFit: false,
+    delay: 200,
+    canCloseByTrigger: true,
+    followTrigger: false,
+    container: () => document.body,
+    rtl: false,
+  };
 
-    constructor(props) {
-        super(props);
+  constructor(props) {
+    super(props);
 
-        this.state = {
-            visible:
+    this.state = {
+      visible:
                 typeof props.visible === 'undefined'
-                    ? props.defaultVisible
-                    : props.visible,
-        };
+                  ? props.defaultVisible
+                  : props.visible,
+    };
 
-        bindCtx(this, [
-            'handleTriggerClick',
-            'handleTriggerKeyDown',
-            'handleTriggerMouseEnter',
-            'handleTriggerMouseLeave',
-            'handleTriggerFocus',
-            'handleTriggerBlur',
-            'handleContentMouseEnter',
-            'handleContentMouseLeave',
-            'handleContentMouseDown',
-            'handleRequestClose',
-            'handleMaskMouseEnter',
-            'handleMaskMouseLeave',
-        ]);
+    bindCtx(this, [
+      'handleTriggerClick',
+      'handleTriggerKeyDown',
+      'handleTriggerMouseEnter',
+      'handleTriggerMouseLeave',
+      'handleTriggerFocus',
+      'handleTriggerBlur',
+      'handleContentMouseEnter',
+      'handleContentMouseLeave',
+      'handleContentMouseDown',
+      'handleRequestClose',
+      'handleMaskMouseEnter',
+      'handleMaskMouseLeave',
+    ]);
+  }
+
+  componentWillReceiveProps(nextProps) {
+    if ('visible' in nextProps) {
+      this.setState({
+        visible: nextProps.visible,
+      });
+    }
+  }
+
+  componentWillUnmount() {
+    ['_timer', '_hideTimer', '_showTimer'].forEach(time => {
+      this[time] && clearTimeout(this[time]);
+    });
+  }
+
+  handleVisibleChange(visible, type, e) {
+    if (!('visible' in this.props)) {
+      this.setState({
+        visible,
+      });
     }
 
-    componentWillReceiveProps(nextProps) {
-        if ('visible' in nextProps) {
-            this.setState({
-                visible: nextProps.visible,
-            });
-        }
+    this.props.onVisibleChange(visible, type, e);
+  }
+
+  handleTriggerClick(e) {
+    if (this.state.visible && !this.props.canCloseByTrigger) {
+      return;
     }
 
-    componentWillUnmount() {
-        ['_timer', '_hideTimer', '_showTimer'].forEach(time => {
-            this[time] && clearTimeout(this[time]);
-        });
+    this.handleVisibleChange(!this.state.visible, 'fromTrigger', e);
+  }
+
+  handleTriggerKeyDown(e) {
+    const { triggerClickKeycode } = this.props;
+    const keycodes = Array.isArray(triggerClickKeycode)
+      ? triggerClickKeycode
+      : [triggerClickKeycode];
+    if (keycodes.includes(e.keyCode)) {
+      e.preventDefault();
+      this.handleTriggerClick(e);
     }
+  }
 
-    handleVisibleChange(visible, type, e) {
-        if (!('visible' in this.props)) {
-            this.setState({
-                visible,
-            });
-        }
+  handleTriggerMouseEnter(e) {
+    this._mouseNotFirstOnMask = false;
 
-        this.props.onVisibleChange(visible, type, e);
+    if (this._hideTimer) {
+      clearTimeout(this._hideTimer);
+      this._hideTimer = null;
     }
-
-    handleTriggerClick(e) {
-        if (this.state.visible && !this.props.canCloseByTrigger) {
-            return;
-        }
-
-        this.handleVisibleChange(!this.state.visible, 'fromTrigger', e);
+    if (this._showTimer) {
+      clearTimeout(this._showTimer);
+      this._showTimer = null;
     }
-
-    handleTriggerKeyDown(e) {
-        const { triggerClickKeycode } = this.props;
-        const keycodes = Array.isArray(triggerClickKeycode)
-            ? triggerClickKeycode
-            : [triggerClickKeycode];
-        if (keycodes.includes(e.keyCode)) {
-            e.preventDefault();
-            this.handleTriggerClick(e);
-        }
-    }
-
-    handleTriggerMouseEnter(e) {
-        this._mouseNotFirstOnMask = false;
-
-        if (this._hideTimer) {
-            clearTimeout(this._hideTimer);
-            this._hideTimer = null;
-        }
-        if (this._showTimer) {
-            clearTimeout(this._showTimer);
-            this._showTimer = null;
-        }
-        if (!this.state.visible) {
-            this._showTimer = setTimeout(() => {
-                this.handleVisibleChange(true, 'fromTrigger', e);
-            }, this.props.delay);
-        }
-    }
-
-    handleTriggerMouseLeave(e, type) {
-        if (this._showTimer) {
-            clearTimeout(this._showTimer);
-            this._showTimer = null;
-        }
-        if (this.state.visible) {
-            this._hideTimer = setTimeout(() => {
-                this.handleVisibleChange(false, type || 'fromTrigger', e);
-            }, this.props.delay);
-        }
-    }
-
-    handleTriggerFocus(e) {
+    if (!this.state.visible) {
+      this._showTimer = setTimeout(() => {
         this.handleVisibleChange(true, 'fromTrigger', e);
+      }, this.props.delay);
+    }
+  }
+
+  handleTriggerMouseLeave(e, type) {
+    if (this._showTimer) {
+      clearTimeout(this._showTimer);
+      this._showTimer = null;
+    }
+    if (this.state.visible) {
+      this._hideTimer = setTimeout(() => {
+        this.handleVisibleChange(false, type || 'fromTrigger', e);
+      }, this.props.delay);
+    }
+  }
+
+  handleTriggerFocus(e) {
+    this.handleVisibleChange(true, 'fromTrigger', e);
+  }
+
+  handleTriggerBlur(e) {
+    if (!this._isForwardContent) {
+      this.handleVisibleChange(false, 'fromTrigger', e);
+    }
+    this._isForwardContent = false;
+  }
+
+  handleContentMouseDown() {
+    this._isForwardContent = true;
+  }
+
+  handleContentMouseEnter() {
+    clearTimeout(this._hideTimer);
+  }
+
+  handleContentMouseLeave(e) {
+    this.handleTriggerMouseLeave(e, 'fromContent');
+  }
+
+  handleMaskMouseEnter() {
+    if (!this._mouseNotFirstOnMask) {
+      clearTimeout(this._hideTimer);
+      this._hideTimer = null;
+      this._mouseNotFirstOnMask = false;
+    }
+  }
+
+  handleMaskMouseLeave() {
+    this._mouseNotFirstOnMask = true;
+  }
+
+  handleRequestClose(type, e) {
+    this.handleVisibleChange(false, type, e);
+  }
+
+  renderTrigger() {
+    const { trigger, disabled } = this.props;
+    const props = {
+      key: 'trigger',
+      'aria-haspopup': true,
+      'aria-expanded': this.state.visible,
+    };
+
+    if (!this.state.visible) {
+      props['aria-describedby'] = undefined;
     }
 
-    handleTriggerBlur(e) {
-        if (!this._isForwardContent) {
-            this.handleVisibleChange(false, 'fromTrigger', e);
+    if (!disabled) {
+      const { triggerType } = this.props;
+      const triggerTypes = Array.isArray(triggerType)
+        ? triggerType
+        : [triggerType];
+      const {
+        onClick,
+        onKeyDown,
+        onMouseEnter,
+        onMouseLeave,
+        onFocus,
+        onBlur,
+      } = (trigger && trigger.props) || {};
+      triggerTypes.forEach(triggerType => {
+        switch (triggerType) {
+          case 'click':
+            props.onClick = makeChain(
+              this.handleTriggerClick,
+              onClick,
+            );
+            props.onKeyDown = makeChain(
+              this.handleTriggerKeyDown,
+              onKeyDown,
+            );
+            break;
+          case 'hover':
+            props.onMouseEnter = makeChain(
+              this.handleTriggerMouseEnter,
+              onMouseEnter,
+            );
+            props.onMouseLeave = makeChain(
+              this.handleTriggerMouseLeave,
+              onMouseLeave,
+            );
+            break;
+          case 'focus':
+            props.onFocus = makeChain(
+              this.handleTriggerFocus,
+              onFocus,
+            );
+            props.onBlur = makeChain(
+              this.handleTriggerBlur,
+              onBlur,
+            );
+            break;
+          default:
+            break;
         }
-        this._isForwardContent = false;
+      });
     }
 
-    handleContentMouseDown() {
-        this._isForwardContent = true;
+    return trigger && React.cloneElement(trigger, props);
+  }
+
+  renderContent() {
+    const { children, triggerType } = this.props;
+    const triggerTypes = Array.isArray(triggerType)
+      ? triggerType
+      : [triggerType];
+    const content = Children.only(children);
+    const { onMouseDown, onMouseEnter, onMouseLeave } = content.props;
+    const props = {
+      key: 'portal',
+    };
+
+    triggerTypes.forEach(triggerType => {
+      switch (triggerType) {
+        case 'focus':
+          props.onMouseDown = makeChain(
+            this.handleContentMouseDown,
+            onMouseDown,
+          );
+          break;
+        case 'hover':
+          props.onMouseEnter = makeChain(
+            this.handleContentMouseEnter,
+            onMouseEnter,
+          );
+          props.onMouseLeave = makeChain(
+            this.handleContentMouseLeave,
+            onMouseLeave,
+          );
+          break;
+        default:
+          break;
+      }
+    });
+
+    return React.cloneElement(content, props);
+  }
+
+  renderPortal() {
+    const {
+      target,
+      safeNode,
+      followTrigger,
+      triggerType,
+      hasMask,
+      wrapperStyle,
+      ...others
+    } = this.props;
+    let { container } = this.props;
+    const findTriggerNode = () => findDOMNode(this) || {};
+    const safeNodes = Array.isArray(safeNode) ? [...safeNode] : [safeNode];
+    safeNodes.unshift(findTriggerNode);
+
+    const newWrapperStyle = wrapperStyle || {};
+
+    if (followTrigger) {
+      container = trigger => (trigger && trigger.parentNode) || trigger;
+      newWrapperStyle.position = 'relative';
     }
 
-    handleContentMouseEnter() {
-        clearTimeout(this._hideTimer);
+    if (triggerType === 'hover' && hasMask) {
+      others.onMaskMouseEnter = this.handleMaskMouseEnter;
+      others.onMaskMouseLeave = this.handleMaskMouseLeave;
     }
 
-    handleContentMouseLeave(e) {
-        this.handleTriggerMouseLeave(e, 'fromContent');
-    }
+    return (
+      <Overlay
+        {...others}
+        key="overlay"
+        ref={overlay => (this.overlay = overlay)}
+        visible={this.state.visible}
+        target={target || findTriggerNode}
+        container={container}
+        safeNode={safeNodes}
+        wrapperStyle={newWrapperStyle}
+        triggerType={triggerType}
+        hasMask={hasMask}
+        onRequestClose={this.handleRequestClose}
+      >
+        {this.renderContent()}
+      </Overlay>
+    );
+  }
 
-    handleMaskMouseEnter() {
-        if (!this._mouseNotFirstOnMask) {
-            clearTimeout(this._hideTimer);
-            this._hideTimer = null;
-            this._mouseNotFirstOnMask = false;
-        }
-    }
-
-    handleMaskMouseLeave() {
-        this._mouseNotFirstOnMask = true;
-    }
-
-    handleRequestClose(type, e) {
-        this.handleVisibleChange(false, type, e);
-    }
-
-    renderTrigger() {
-        const { trigger, disabled } = this.props;
-        const props = {
-            key: 'trigger',
-            'aria-haspopup': true,
-            'aria-expanded': this.state.visible,
-        };
-
-        if (!this.state.visible) {
-            props['aria-describedby'] = undefined;
-        }
-
-        if (!disabled) {
-            const { triggerType } = this.props;
-            const triggerTypes = Array.isArray(triggerType)
-                ? triggerType
-                : [triggerType];
-            const {
-                onClick,
-                onKeyDown,
-                onMouseEnter,
-                onMouseLeave,
-                onFocus,
-                onBlur,
-            } = (trigger && trigger.props) || {};
-            triggerTypes.forEach(triggerType => {
-                switch (triggerType) {
-                    case 'click':
-                        props.onClick = makeChain(
-                            this.handleTriggerClick,
-                            onClick
-                        );
-                        props.onKeyDown = makeChain(
-                            this.handleTriggerKeyDown,
-                            onKeyDown
-                        );
-                        break;
-                    case 'hover':
-                        props.onMouseEnter = makeChain(
-                            this.handleTriggerMouseEnter,
-                            onMouseEnter
-                        );
-                        props.onMouseLeave = makeChain(
-                            this.handleTriggerMouseLeave,
-                            onMouseLeave
-                        );
-                        break;
-                    case 'focus':
-                        props.onFocus = makeChain(
-                            this.handleTriggerFocus,
-                            onFocus
-                        );
-                        props.onBlur = makeChain(
-                            this.handleTriggerBlur,
-                            onBlur
-                        );
-                        break;
-                    default:
-                        break;
-                }
-            });
-        }
-
-        return trigger && React.cloneElement(trigger, props);
-    }
-
-    renderContent() {
-        const { children, triggerType } = this.props;
-        const triggerTypes = Array.isArray(triggerType)
-            ? triggerType
-            : [triggerType];
-        const content = Children.only(children);
-        const { onMouseDown, onMouseEnter, onMouseLeave } = content.props;
-        const props = {
-            key: 'portal',
-        };
-
-        triggerTypes.forEach(triggerType => {
-            switch (triggerType) {
-                case 'focus':
-                    props.onMouseDown = makeChain(
-                        this.handleContentMouseDown,
-                        onMouseDown
-                    );
-                    break;
-                case 'hover':
-                    props.onMouseEnter = makeChain(
-                        this.handleContentMouseEnter,
-                        onMouseEnter
-                    );
-                    props.onMouseLeave = makeChain(
-                        this.handleContentMouseLeave,
-                        onMouseLeave
-                    );
-                    break;
-                default:
-                    break;
-            }
-        });
-
-        return React.cloneElement(content, props);
-    }
-
-    renderPortal() {
-        const {
-            target,
-            safeNode,
-            followTrigger,
-            triggerType,
-            hasMask,
-            wrapperStyle,
-            ...others
-        } = this.props;
-        let { container } = this.props;
-        const findTriggerNode = () => findDOMNode(this) || {};
-        const safeNodes = Array.isArray(safeNode) ? [...safeNode] : [safeNode];
-        safeNodes.unshift(findTriggerNode);
-
-        const newWrapperStyle = wrapperStyle || {};
-
-        if (followTrigger) {
-            container = trigger => (trigger && trigger.parentNode) || trigger;
-            newWrapperStyle.position = 'relative';
-        }
-
-        if (triggerType === 'hover' && hasMask) {
-            others.onMaskMouseEnter = this.handleMaskMouseEnter;
-            others.onMaskMouseLeave = this.handleMaskMouseLeave;
-        }
-
-        return (
-            <Overlay
-                {...others}
-                key="overlay"
-                ref={overlay => (this.overlay = overlay)}
-                visible={this.state.visible}
-                target={target || findTriggerNode}
-                container={container}
-                safeNode={safeNodes}
-                wrapperStyle={newWrapperStyle}
-                triggerType={triggerType}
-                hasMask={hasMask}
-                onRequestClose={this.handleRequestClose}
-            >
-                {this.renderContent()}
-            </Overlay>
-        );
-    }
-
-    render() {
-        return [this.renderTrigger(), this.renderPortal()];
-    }
+  render() {
+    return [this.renderTrigger(), this.renderPortal()];
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/overlay/position.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/overlay/position.jsx
index 66edb8351..232fe06e8 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/overlay/position.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/overlay/position.jsx
@@ -7,143 +7,143 @@ import findNode from './utils/find-node';
 
 const { noop, bindCtx } = func;
 const { getStyle } = dom;
-const place = position.place;
+const { place } = position;
 
 export default class Position extends Component {
-    static VIEWPORT = position.VIEWPORT;
+  static VIEWPORT = position.VIEWPORT;
 
-    static propTypes = {
-        children: PropTypes.node,
-        target: PropTypes.any,
-        container: PropTypes.any,
-        align: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-        offset: PropTypes.array,
-        beforePosition: PropTypes.func,
-        onPosition: PropTypes.func,
-        needAdjust: PropTypes.bool,
-        autoFit: PropTypes.bool,
-        needListenResize: PropTypes.bool,
-        shouldUpdatePosition: PropTypes.bool,
-        rtl: PropTypes.bool,
-    };
+  static propTypes = {
+    children: PropTypes.node,
+    target: PropTypes.any,
+    container: PropTypes.any,
+    align: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+    offset: PropTypes.array,
+    beforePosition: PropTypes.func,
+    onPosition: PropTypes.func,
+    needAdjust: PropTypes.bool,
+    autoFit: PropTypes.bool,
+    needListenResize: PropTypes.bool,
+    shouldUpdatePosition: PropTypes.bool,
+    rtl: PropTypes.bool,
+  };
 
-    static defaultProps = {
-        align: 'tl bl',
-        offset: [0, 0],
-        beforePosition: noop,
-        onPosition: noop,
-        needAdjust: true,
-        autoFit: false,
-        needListenResize: true,
-        shouldUpdatePosition: false,
-        rtl: false,
-    };
+  static defaultProps = {
+    align: 'tl bl',
+    offset: [0, 0],
+    beforePosition: noop,
+    onPosition: noop,
+    needAdjust: true,
+    autoFit: false,
+    needListenResize: true,
+    shouldUpdatePosition: false,
+    rtl: false,
+  };
 
-    constructor(props) {
-        super(props);
+  constructor(props) {
+    super(props);
 
-        bindCtx(this, ['handleResize']);
+    bindCtx(this, ['handleResize']);
+  }
+
+  componentDidMount() {
+    this.setPosition();
+
+    if (this.props.needListenResize) {
+      events.on(window, 'resize', this.handleResize);
     }
+  }
 
-    componentDidMount() {
-        this.setPosition();
-
-        if (this.props.needListenResize) {
-            events.on(window, 'resize', this.handleResize);
-        }
-    }
-
-    componentWillReceiveProps(nextProps) {
-        if (
-            ('align' in nextProps && nextProps.align !== this.props.align) ||
+  componentWillReceiveProps(nextProps) {
+    if (
+      ('align' in nextProps && nextProps.align !== this.props.align) ||
             nextProps.shouldUpdatePosition
-        ) {
-            this.shouldUpdatePosition = true;
-        }
+    ) {
+      this.shouldUpdatePosition = true;
+    }
+  }
+
+  componentDidUpdate() {
+    if (this.shouldUpdatePosition) {
+      this.setPosition();
+      this.shouldUpdatePosition = false;
+    }
+  }
+
+  componentWillUnmount() {
+    if (this.props.needListenResize) {
+      events.off(window, 'resize', this.handleResize);
     }
 
-    componentDidUpdate() {
-        if (this.shouldUpdatePosition) {
-            this.setPosition();
-            this.shouldUpdatePosition = false;
-        }
+    clearTimeout(this.resizeTimeout);
+  }
+
+  setPosition() {
+    const {
+      align,
+      offset,
+      beforePosition,
+      onPosition,
+      needAdjust,
+      container,
+      rtl,
+      autoFit,
+    } = this.props;
+
+    beforePosition();
+
+    const contentNode = this.getContentNode();
+    const targetNode = this.getTargetNode();
+
+    if (contentNode && targetNode) {
+      const resultAlign = place({
+        pinElement: contentNode,
+        baseElement: targetNode,
+        align,
+        offset,
+        autoFit,
+        container,
+        needAdjust,
+        isRtl: rtl,
+      });
+      const top = getStyle(contentNode, 'top');
+      const left = getStyle(contentNode, 'left');
+
+      onPosition(
+        {
+          align: resultAlign.split(' '),
+          top,
+          left,
+        },
+        contentNode,
+      );
     }
+  }
 
-    componentWillUnmount() {
-        if (this.props.needListenResize) {
-            events.off(window, 'resize', this.handleResize);
-        }
-
-        clearTimeout(this.resizeTimeout);
+  getContentNode() {
+    try {
+      return findDOMNode(this);
+    } catch (err) {
+      return null;
     }
+  }
 
-    setPosition() {
-        const {
-            align,
-            offset,
-            beforePosition,
-            onPosition,
-            needAdjust,
-            container,
-            rtl,
-            autoFit,
-        } = this.props;
+  getTargetNode() {
+    const { target } = this.props;
 
-        beforePosition();
+    return target === position.VIEWPORT
+      ? position.VIEWPORT
+      : findNode(target, this.props);
+  }
 
-        const contentNode = this.getContentNode();
-        const targetNode = this.getTargetNode();
+  handleResize() {
+    clearTimeout(this.resizeTimeout);
 
-        if (contentNode && targetNode) {
-            const resultAlign = place({
-                pinElement: contentNode,
-                baseElement: targetNode,
-                align,
-                offset,
-                autoFit,
-                container,
-                needAdjust,
-                isRtl: rtl,
-            });
-            const top = getStyle(contentNode, 'top');
-            const left = getStyle(contentNode, 'left');
+    this.resizeTimeout = setTimeout(() => {
+      this.setPosition();
+    }, 200);
+  }
 
-            onPosition(
-                {
-                    align: resultAlign.split(' '),
-                    top,
-                    left,
-                },
-                contentNode
-            );
-        }
-    }
-
-    getContentNode() {
-        try {
-            return findDOMNode(this);
-        } catch (err) {
-            return null;
-        }
-    }
-
-    getTargetNode() {
-        const { target } = this.props;
-
-        return target === position.VIEWPORT
-            ? position.VIEWPORT
-            : findNode(target, this.props);
-    }
-
-    handleResize() {
-        clearTimeout(this.resizeTimeout);
-
-        this.resizeTimeout = setTimeout(() => {
-            this.setPosition();
-        }, 200);
-    }
-
-    render() {
-        return Children.only(this.props.children);
-    }
+  render() {
+    return Children.only(this.props.children);
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/overlay/utils/find-node.js b/packages/material-parser/test/fixtures/fusion-next-component/src/overlay/utils/find-node.js
index ad7d284f2..82915abfd 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/overlay/utils/find-node.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/overlay/utils/find-node.js
@@ -1,29 +1,29 @@
 import { findDOMNode } from 'react-dom';
 
 export default function findNode(target, param) {
-    if (!target) {
-        return null;
-    }
+  if (!target) {
+    return null;
+  }
 
-    if (typeof target === 'string') {
-        return document.getElementById(target);
-    }
-
-    if (typeof target === 'function') {
-        try {
-            target = target(param);
-        } catch (err) {
-            target = null;
-        }
-    }
-
-    if (!target) {
-        return null;
-    }
+  if (typeof target === 'string') {
+    return document.getElementById(target);
+  }
 
+  if (typeof target === 'function') {
     try {
-        return findDOMNode(target);
+      target = target(param);
     } catch (err) {
-        return target;
+      target = null;
     }
+  }
+
+  if (!target) {
+    return null;
+  }
+
+  try {
+    return findDOMNode(target);
+  } catch (err) {
+    return target;
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/overlay/utils/position.js b/packages/material-parser/test/fixtures/fusion-next-component/src/overlay/utils/position.js
index b533ff4db..692b33f97 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/overlay/utils/position.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/overlay/utils/position.js
@@ -3,8 +3,7 @@ import { dom } from '../../util';
 const VIEWPORT = 'viewport';
 
 // IE8 not support pageXOffset
-const getPageX = () =>
-    window.pageXOffset || document.documentElement.scrollLeft;
+const getPageX = () => window.pageXOffset || document.documentElement.scrollLeft;
 const getPageY = () => window.pageYOffset || document.documentElement.scrollTop;
 
 /**
@@ -13,60 +12,60 @@ const getPageY = () => window.pageYOffset || document.documentElement.scrollTop;
  * @return      {Object}
  */
 function _getElementRect(elem, container) {
-    let offsetTop = 0,
-        offsetLeft = 0,
-        scrollTop = 0,
-        scrollLeft = 0;
+  let offsetTop = 0;
+  let offsetLeft = 0;
+  let scrollTop = 0;
+  let scrollLeft = 0;
 
-    const offsetHeight = elem.offsetHeight;
-    const offsetWidth = elem.offsetWidth;
+  const { offsetHeight } = elem;
+  const { offsetWidth } = elem;
 
-    do {
-        if (!isNaN(elem.offsetTop)) {
-            offsetTop += elem.offsetTop;
-        }
-        if (!isNaN(elem.offsetLeft)) {
-            offsetLeft += elem.offsetLeft;
-        }
-        if (elem && elem.offsetParent) {
-            if (
-                !isNaN(elem.offsetParent.scrollLeft) &&
+  do {
+    if (!isNaN(elem.offsetTop)) {
+      offsetTop += elem.offsetTop;
+    }
+    if (!isNaN(elem.offsetLeft)) {
+      offsetLeft += elem.offsetLeft;
+    }
+    if (elem && elem.offsetParent) {
+      if (
+        !isNaN(elem.offsetParent.scrollLeft) &&
                 elem.offsetParent !== document.body
-            ) {
-                scrollLeft += elem.offsetParent.scrollLeft;
-            }
+      ) {
+        scrollLeft += elem.offsetParent.scrollLeft;
+      }
 
-            if (
-                !isNaN(elem.offsetParent.scrollTop) &&
+      if (
+        !isNaN(elem.offsetParent.scrollTop) &&
                 elem.offsetParent !== document.body
-            ) {
-                scrollTop += elem.offsetParent.scrollTop;
-            }
-        }
+      ) {
+        scrollTop += elem.offsetParent.scrollTop;
+      }
+    }
 
-        elem = elem.offsetParent;
-    } while (elem !== null && elem !== container);
+    elem = elem.offsetParent;
+  } while (elem !== null && elem !== container);
 
-    // if container is body or invalid, treat as window, use client width & height
-    const treatAsWindow = !container || container === document.body;
+  // if container is body or invalid, treat as window, use client width & height
+  const treatAsWindow = !container || container === document.body;
 
-    return {
-        top:
+  return {
+    top:
             offsetTop -
             scrollTop -
             (treatAsWindow
-                ? document.documentElement.scrollTop || document.body.scrollTop
-                : 0),
-        left:
+              ? document.documentElement.scrollTop || document.body.scrollTop
+              : 0),
+    left:
             offsetLeft -
             scrollLeft -
             (treatAsWindow
-                ? document.documentElement.scrollLeft ||
+              ? document.documentElement.scrollLeft ||
                   document.body.scrollLeft
-                : 0),
-        height: offsetHeight,
-        width: offsetWidth,
-    };
+              : 0),
+    height: offsetHeight,
+    width: offsetWidth,
+  };
 }
 
 /**
@@ -74,60 +73,60 @@ function _getElementRect(elem, container) {
  * @return {Object}
  */
 function _getViewportSize(container) {
-    if (!container || container === document.body) {
-        return {
-            width: document.documentElement.clientWidth,
-            height: document.documentElement.clientHeight,
-        };
-    }
-
-    const { width, height } = container.getBoundingClientRect();
-
+  if (!container || container === document.body) {
     return {
-        width,
-        height,
+      width: document.documentElement.clientWidth,
+      height: document.documentElement.clientHeight,
     };
+  }
+
+  const { width, height } = container.getBoundingClientRect();
+
+  return {
+    width,
+    height,
+  };
 }
 
 const getContainer = ({ container, autoFit, baseElement }) => {
-    let calcContainer;
-    if (typeof container === 'string') {
-        calcContainer = document.getElementById(container);
-    } else if (typeof container === 'function') {
-        calcContainer = container(baseElement);
-    } else {
-        return document.body;
-    }
-
-    if (!autoFit) {
-        return calcContainer;
-    }
-
-    while (dom.getStyle(calcContainer, 'position') === 'static') {
-        if (!calcContainer || calcContainer === document.body) {
-            return document.body;
-        }
-        calcContainer = calcContainer.parentNode;
-    }
+  let calcContainer;
+  if (typeof container === 'string') {
+    calcContainer = document.getElementById(container);
+  } else if (typeof container === 'function') {
+    calcContainer = container(baseElement);
+  } else {
+    return document.body;
+  }
 
+  if (!autoFit) {
     return calcContainer;
+  }
+
+  while (dom.getStyle(calcContainer, 'position') === 'static') {
+    if (!calcContainer || calcContainer === document.body) {
+      return document.body;
+    }
+    calcContainer = calcContainer.parentNode;
+  }
+
+  return calcContainer;
 };
 
 export default class Position {
-    constructor(props) {
-        this.pinElement = props.pinElement;
-        this.baseElement = props.baseElement;
-        this.container = getContainer(props);
-        this.autoFit = props.autoFit || false;
-        this.align = props.align || 'tl tl';
-        this.offset = props.offset || [0, 0];
-        this.needAdjust = props.needAdjust || false;
-        this.isRtl = props.isRtl || false;
-    }
+  constructor(props) {
+    this.pinElement = props.pinElement;
+    this.baseElement = props.baseElement;
+    this.container = getContainer(props);
+    this.autoFit = props.autoFit || false;
+    this.align = props.align || 'tl tl';
+    this.offset = props.offset || [0, 0];
+    this.needAdjust = props.needAdjust || false;
+    this.isRtl = props.isRtl || false;
+  }
 
-    static VIEWPORT = VIEWPORT;
+  static VIEWPORT = VIEWPORT;
 
-    /**
+  /**
      * @public static place method
      * @param  {Object}       props
      *     @param  {DOM}      props.pinElement
@@ -138,402 +137,404 @@ export default class Position {
      *     @param  {Boolean}  props.isRtl
      * @return {Position}
      */
-    static place = props => new Position(props).setPosition();
+  static place = props => new Position(props).setPosition();
 
-    setPosition() {
-        const pinElement = this.pinElement;
-        const baseElement = this.baseElement;
-        const expectedAlign = this._getExpectedAlign();
-        let isPinFixed, isBaseFixed, firstPositionResult;
-        if (pinElement === VIEWPORT) {
-            return;
-        }
-        if (dom.getStyle(pinElement, 'position') !== 'fixed') {
-            dom.setStyle(pinElement, 'position', 'absolute');
-            isPinFixed = false;
-        } else {
-            isPinFixed = true;
-        }
-        if (
-            baseElement === VIEWPORT ||
+  setPosition() {
+    const { pinElement } = this;
+    const { baseElement } = this;
+    const expectedAlign = this._getExpectedAlign();
+    let isPinFixed; let isBaseFixed; let
+      firstPositionResult;
+    if (pinElement === VIEWPORT) {
+      return;
+    }
+    if (dom.getStyle(pinElement, 'position') !== 'fixed') {
+      dom.setStyle(pinElement, 'position', 'absolute');
+      isPinFixed = false;
+    } else {
+      isPinFixed = true;
+    }
+    if (
+      baseElement === VIEWPORT ||
             dom.getStyle(baseElement, 'position') !== 'fixed'
-        ) {
-            isBaseFixed = false;
-        } else {
-            isBaseFixed = true;
-        }
+    ) {
+      isBaseFixed = false;
+    } else {
+      isBaseFixed = true;
+    }
 
-        // 根据期望的定位
-        for (let i = 0; i < expectedAlign.length; i++) {
-            const align = expectedAlign[i];
-            const pinElementPoints = this._normalizePosition(
-                pinElement,
-                align.split(' ')[0],
-                isPinFixed
-            );
-            const baseElementPoints = this._normalizePosition(
-                baseElement,
-                align.split(' ')[1],
-                isPinFixed
-            );
-            const pinElementParentOffset = this._getParentOffset(pinElement);
-            const pinElementParentScrollOffset = this._getParentScrollOffset(
-                pinElement
-            );
+    // 根据期望的定位
+    for (let i = 0; i < expectedAlign.length; i++) {
+      const align = expectedAlign[i];
+      const pinElementPoints = this._normalizePosition(
+        pinElement,
+        align.split(' ')[0],
+        isPinFixed,
+      );
+      const baseElementPoints = this._normalizePosition(
+        baseElement,
+        align.split(' ')[1],
+        isPinFixed,
+      );
+      const pinElementParentOffset = this._getParentOffset(pinElement);
+      const pinElementParentScrollOffset = this._getParentScrollOffset(
+        pinElement,
+      );
 
-            const baseElementOffset =
+      const baseElementOffset =
                 isPinFixed && isBaseFixed
-                    ? this._getLeftTop(baseElement)
-                    : baseElementPoints.offset();
-            const top =
+                  ? this._getLeftTop(baseElement)
+                  : baseElementPoints.offset();
+      const top =
                 baseElementOffset.top +
                 baseElementPoints.y -
                 pinElementParentOffset.top -
                 pinElementPoints.y +
                 pinElementParentScrollOffset.top;
-            const left =
+      const left =
                 baseElementOffset.left +
                 baseElementPoints.x -
                 pinElementParentOffset.left -
                 pinElementPoints.x +
                 pinElementParentScrollOffset.left;
-            this._setPinElementPostion(pinElement, { left, top }, this.offset);
+      this._setPinElementPostion(pinElement, { left, top }, this.offset);
 
-            if (!firstPositionResult) {
-                firstPositionResult = { left, top };
-            }
-            if (this._isInViewport(pinElement, align)) {
-                return align;
-            }
-        }
-
-        // This will only execute if `pinElement` could not be placed entirely in the Viewport
-        const inViewportLeft = this._makeElementInViewport(
-            pinElement,
-            firstPositionResult.left,
-            'Left',
-            isPinFixed
-        );
-        const inViewportTop = this._makeElementInViewport(
-            pinElement,
-            firstPositionResult.top,
-            'Top',
-            isPinFixed
-        );
-
-        this._setPinElementPostion(
-            pinElement,
-            { left: inViewportLeft, top: inViewportTop },
-            this._calPinOffset(expectedAlign[0])
-        );
-
-        return expectedAlign[0];
+      if (!firstPositionResult) {
+        firstPositionResult = { left, top };
+      }
+      if (this._isInViewport(pinElement, align)) {
+        return align;
+      }
     }
 
-    _calPinOffset = align => {
-        const offset = [...this.offset];
+    // This will only execute if `pinElement` could not be placed entirely in the Viewport
+    const inViewportLeft = this._makeElementInViewport(
+      pinElement,
+      firstPositionResult.left,
+      'Left',
+      isPinFixed,
+    );
+    const inViewportTop = this._makeElementInViewport(
+      pinElement,
+      firstPositionResult.top,
+      'Top',
+      isPinFixed,
+    );
 
-        if (
-            this.autoFit &&
+    this._setPinElementPostion(
+      pinElement,
+      { left: inViewportLeft, top: inViewportTop },
+      this._calPinOffset(expectedAlign[0]),
+    );
+
+    return expectedAlign[0];
+  }
+
+  _calPinOffset = align => {
+    const offset = [...this.offset];
+
+    if (
+      this.autoFit &&
             align &&
             this.container &&
             this.container !== document.body
-        ) {
-            const baseElementRect = _getElementRect(
-                this.baseElement,
-                this.container
-            );
-            const pinElementRect = _getElementRect(
-                this.pinElement,
-                this.container
-            );
-            const viewportSize = _getViewportSize(this.container);
-            const pinAlign = align.split(' ')[0];
-            const x = pinAlign.charAt(1);
-            const y = pinAlign.charAt(0);
+    ) {
+      const baseElementRect = _getElementRect(
+        this.baseElement,
+        this.container,
+      );
+      const pinElementRect = _getElementRect(
+        this.pinElement,
+        this.container,
+      );
+      const viewportSize = _getViewportSize(this.container);
+      const pinAlign = align.split(' ')[0];
+      const x = pinAlign.charAt(1);
+      const y = pinAlign.charAt(0);
 
-            if (
-                pinElementRect.top < 0 ||
+      if (
+        pinElementRect.top < 0 ||
                 pinElementRect.top + pinElementRect.height > viewportSize.height
-            ) {
-                offset[1] =
+      ) {
+        offset[1] =
                     -baseElementRect.top -
                     (y === 't' ? baseElementRect.height : 0);
-            }
-        }
-
-        return offset;
-    };
-
-    _getParentOffset(element) {
-        const parent = element.offsetParent || document.documentElement;
-        let offset;
-        if (
-            parent === document.body &&
-            dom.getStyle(parent, 'position') === 'static'
-        ) {
-            offset = {
-                top: 0,
-                left: 0,
-            };
-        } else {
-            offset = this._getElementOffset(parent);
-        }
-
-        offset.top += parseFloat(dom.getStyle(parent, 'border-top-width'), 10);
-        offset.left += parseFloat(
-            dom.getStyle(parent, 'border-left-width'),
-            10
-        );
-        offset.offsetParent = parent;
-        return offset;
+      }
     }
 
-    _getParentScrollOffset = function(elem) {
-        let top = 0;
-        let left = 0;
+    return offset;
+  };
 
-        if (elem && elem.offsetParent && elem.offsetParent !== document.body) {
-            if (!isNaN(elem.offsetParent.scrollTop)) {
-                top += elem.offsetParent.scrollTop;
-            }
-            if (!isNaN(elem.offsetParent.scrollLeft)) {
-                left += elem.offsetParent.scrollLeft;
-            }
-        }
+  _getParentOffset(element) {
+    const parent = element.offsetParent || document.documentElement;
+    let offset;
+    if (
+      parent === document.body &&
+            dom.getStyle(parent, 'position') === 'static'
+    ) {
+      offset = {
+        top: 0,
+        left: 0,
+      };
+    } else {
+      offset = this._getElementOffset(parent);
+    }
 
-        return {
-            top,
-            left,
-        };
+    offset.top += parseFloat(dom.getStyle(parent, 'border-top-width'), 10);
+    offset.left += parseFloat(
+      dom.getStyle(parent, 'border-left-width'),
+      10,
+    );
+    offset.offsetParent = parent;
+    return offset;
+  }
+
+  _getParentScrollOffset = function (elem) {
+    let top = 0;
+    let left = 0;
+
+    if (elem && elem.offsetParent && elem.offsetParent !== document.body) {
+      if (!isNaN(elem.offsetParent.scrollTop)) {
+        top += elem.offsetParent.scrollTop;
+      }
+      if (!isNaN(elem.offsetParent.scrollLeft)) {
+        left += elem.offsetParent.scrollLeft;
+      }
+    }
+
+    return {
+      top,
+      left,
     };
+  };
 
-    _makeElementInViewport(pinElement, number, type, isPinFixed) {
-        // pinElement.offsetParent is never body because wrapper has position: absolute
-        // refactored to make code clearer. Revert if wrapper style changes.
-        let result = number;
-        const docElement = document.documentElement;
-        const offsetParent =
+  _makeElementInViewport(pinElement, number, type, isPinFixed) {
+    // pinElement.offsetParent is never body because wrapper has position: absolute
+    // refactored to make code clearer. Revert if wrapper style changes.
+    let result = number;
+    const docElement = document.documentElement;
+    const offsetParent =
             pinElement.offsetParent || document.documentElement;
 
-        if (result < 0) {
-            if (isPinFixed) {
-                result = 0;
-            } else if (
-                offsetParent === document.body &&
+    if (result < 0) {
+      if (isPinFixed) {
+        result = 0;
+      } else if (
+        offsetParent === document.body &&
                 dom.getStyle(offsetParent, 'position') === 'static'
-            ) {
-                // Only when div's offsetParent is document.body, we set new position result.
-                result = Math.max(
-                    docElement[`scroll${type}`],
-                    document.body[`scroll${type}`]
-                );
-            }
-        }
-        return result;
+      ) {
+        // Only when div's offsetParent is document.body, we set new position result.
+        result = Math.max(
+          docElement[`scroll${type}`],
+          document.body[`scroll${type}`],
+        );
+      }
     }
+    return result;
+  }
 
-    _normalizePosition(element, align, isPinFixed) {
-        const points = this._normalizeElement(element, isPinFixed);
-        this._normalizeXY(points, align);
+  _normalizePosition(element, align, isPinFixed) {
+    const points = this._normalizeElement(element, isPinFixed);
+    this._normalizeXY(points, align);
 
-        return points;
-    }
+    return points;
+  }
 
-    _normalizeXY(points, align) {
-        const x = align.split('')[1];
-        const y = align.split('')[0];
+  _normalizeXY(points, align) {
+    const x = align.split('')[1];
+    const y = align.split('')[0];
 
-        points.x = this._xyConverter(x, points, 'width');
-        points.y = this._xyConverter(y, points, 'height');
+    points.x = this._xyConverter(x, points, 'width');
+    points.y = this._xyConverter(y, points, 'height');
 
-        return points;
-    }
+    return points;
+  }
 
-    _xyConverter(align, points, type) {
-        const res = align
-            .replace(/t|l/gi, '0%')
-            .replace(/c/gi, '50%')
-            .replace(/b|r/gi, '100%')
-            .replace(/(\d+)%/gi, function(m, d) {
-                return points.size()[type] * (d / 100);
-            });
+  _xyConverter(align, points, type) {
+    const res = align
+      .replace(/t|l/gi, '0%')
+      .replace(/c/gi, '50%')
+      .replace(/b|r/gi, '100%')
+      .replace(/(\d+)%/gi, (m, d) => {
+        return points.size()[type] * (d / 100);
+      });
 
-        return parseFloat(res, 10) || 0;
-    }
+    return parseFloat(res, 10) || 0;
+  }
 
-    _getLeftTop(element) {
+  _getLeftTop(element) {
+    return {
+      left: parseFloat(dom.getStyle(element, 'left')) || 0,
+      top: parseFloat(dom.getStyle(element, 'top')) || 0,
+    };
+  }
+
+  _normalizeElement(element, isPinFixed) {
+    const result = {
+      element,
+      x: 0,
+      y: 0,
+    };
+    const isViewport = element === VIEWPORT;
+    const docElement = document.documentElement;
+
+    result.offset = () => {
+      if (isPinFixed) {
         return {
-            left: parseFloat(dom.getStyle(element, 'left')) || 0,
-            top: parseFloat(dom.getStyle(element, 'top')) || 0,
+          left: 0,
+          top: 0,
         };
-    }
-
-    _normalizeElement(element, isPinFixed) {
-        const result = {
-                element: element,
-                x: 0,
-                y: 0,
-            },
-            isViewport = element === VIEWPORT,
-            docElement = document.documentElement;
-
-        result.offset = () => {
-            if (isPinFixed) {
-                return {
-                    left: 0,
-                    top: 0,
-                };
-            } else if (isViewport) {
-                return {
-                    left: getPageX(),
-                    top: getPageY(),
-                };
-            } else {
-                return this._getElementOffset(element);
-            }
-        };
-
-        result.size = () => {
-            if (isViewport) {
-                return {
-                    width: docElement.clientWidth,
-                    height: docElement.clientHeight,
-                };
-            } else {
-                return {
-                    width: element.offsetWidth,
-                    height: element.offsetHeight,
-                };
-            }
-        };
-
-        return result;
-    }
-
-    _getElementOffset(element) {
-        const rect = element.getBoundingClientRect();
-        const docElement = document.documentElement;
-        const body = document.body;
-        const docClientLeft = docElement.clientLeft || body.clientLeft || 0;
-        const docClientTop = docElement.clientTop || body.clientTop || 0;
-
+      } else if (isViewport) {
         return {
-            left: rect.left + (getPageX() - docClientLeft),
-            top: rect.top + (getPageY() - docClientTop),
+          left: getPageX(),
+          top: getPageY(),
         };
+      } else {
+        return this._getElementOffset(element);
+      }
+    };
+
+    result.size = () => {
+      if (isViewport) {
+        return {
+          width: docElement.clientWidth,
+          height: docElement.clientHeight,
+        };
+      } else {
+        return {
+          width: element.offsetWidth,
+          height: element.offsetHeight,
+        };
+      }
+    };
+
+    return result;
+  }
+
+  _getElementOffset(element) {
+    const rect = element.getBoundingClientRect();
+    const docElement = document.documentElement;
+    const { body } = document;
+    const docClientLeft = docElement.clientLeft || body.clientLeft || 0;
+    const docClientTop = docElement.clientTop || body.clientTop || 0;
+
+    return {
+      left: rect.left + (getPageX() - docClientLeft),
+      top: rect.top + (getPageY() - docClientTop),
+    };
+  }
+
+  // According to the location of the overflow to calculate the desired positioning
+  _getExpectedAlign() {
+    const align = this.isRtl
+      ? this._replaceAlignDir(this.align, /l|r/g, { l: 'r', r: 'l' })
+      : this.align;
+    const expectedAlign = [align];
+    if (this.needAdjust) {
+      if (/t|b/g.test(align)) {
+        expectedAlign.push(
+          this._replaceAlignDir(align, /t|b/g, { t: 'b', b: 't' }),
+        );
+      }
+      if (/l|r/g.test(align)) {
+        expectedAlign.push(
+          this._replaceAlignDir(align, /l|r/g, { l: 'r', r: 'l' }),
+        );
+      }
+      if (/c/g.test(align)) {
+        expectedAlign.push(
+          this._replaceAlignDir(align, /c(?= |$)/g, { c: 'l' }),
+        );
+        expectedAlign.push(
+          this._replaceAlignDir(align, /c(?= |$)/g, { c: 'r' }),
+        );
+      }
+      expectedAlign.push(
+        this._replaceAlignDir(align, /l|r|t|b/g, {
+          l: 'r',
+          r: 'l',
+          t: 'b',
+          b: 't',
+        }),
+      );
     }
+    return expectedAlign;
+  }
 
-    // According to the location of the overflow to calculate the desired positioning
-    _getExpectedAlign() {
-        const align = this.isRtl
-            ? this._replaceAlignDir(this.align, /l|r/g, { l: 'r', r: 'l' })
-            : this.align;
-        const expectedAlign = [align];
-        if (this.needAdjust) {
-            if (/t|b/g.test(align)) {
-                expectedAlign.push(
-                    this._replaceAlignDir(align, /t|b/g, { t: 'b', b: 't' })
-                );
-            }
-            if (/l|r/g.test(align)) {
-                expectedAlign.push(
-                    this._replaceAlignDir(align, /l|r/g, { l: 'r', r: 'l' })
-                );
-            }
-            if (/c/g.test(align)) {
-                expectedAlign.push(
-                    this._replaceAlignDir(align, /c(?= |$)/g, { c: 'l' })
-                );
-                expectedAlign.push(
-                    this._replaceAlignDir(align, /c(?= |$)/g, { c: 'r' })
-                );
-            }
-            expectedAlign.push(
-                this._replaceAlignDir(align, /l|r|t|b/g, {
-                    l: 'r',
-                    r: 'l',
-                    t: 'b',
-                    b: 't',
-                })
-            );
-        }
-        return expectedAlign;
-    }
+  // Transform align order.
+  _replaceAlignDir(align, regExp, map) {
+    return align.replace(regExp, res => {
+      return map[res];
+    });
+  }
 
-    // Transform align order.
-    _replaceAlignDir(align, regExp, map) {
-        return align.replace(regExp, res => {
-            return map[res];
-        });
-    }
+  // Are the right sides of the pin and base aligned?
+  _isRightAligned(align) {
+    const [pinAlign, baseAlign] = align.split(' ');
+    return pinAlign[1] === 'r' && pinAlign[1] === baseAlign[1];
+  }
 
-    // Are the right sides of the pin and base aligned?
-    _isRightAligned(align) {
-        const [pinAlign, baseAlign] = align.split(' ');
-        return pinAlign[1] === 'r' && pinAlign[1] === baseAlign[1];
-    }
+  // Are the bottoms of the pin and base aligned?
+  _isBottomAligned(align) {
+    const [pinAlign, baseAlign] = align.split(' ');
+    return pinAlign[0] === 'b' && pinAlign[0] === baseAlign[0];
+  }
 
-    // Are the bottoms of the pin and base aligned?
-    _isBottomAligned(align) {
-        const [pinAlign, baseAlign] = align.split(' ');
-        return pinAlign[0] === 'b' && pinAlign[0] === baseAlign[0];
-    }
+  // Detecting element is in the window， we want to adjust position later.
+  _isInViewport(element, align) {
+    const viewportSize = _getViewportSize(this.container);
+    const elementRect = _getElementRect(element, this.container);
 
-    // Detecting element is in the window， we want to adjust position later.
-    _isInViewport(element, align) {
-        const viewportSize = _getViewportSize(this.container);
-        const elementRect = _getElementRect(element, this.container);
+    // https://github.com/alibaba-fusion/next/issues/853
+    // Equality causes issues in Chrome when pin element is off screen to right or bottom.
+    // If it is not supposed to align with the bottom or right, then subtract 1 to use strict less than.
+    const viewportWidth = this._isRightAligned(align)
+      ? viewportSize.width
+      : viewportSize.width - 1;
+    const viewportHeight = this._isBottomAligned(align)
+      ? viewportSize.height
+      : viewportSize.height - 1;
 
-        // https://github.com/alibaba-fusion/next/issues/853
-        // Equality causes issues in Chrome when pin element is off screen to right or bottom.
-        // If it is not supposed to align with the bottom or right, then subtract 1 to use strict less than.
-        const viewportWidth = this._isRightAligned(align)
-            ? viewportSize.width
-            : viewportSize.width - 1;
-        const viewportHeight = this._isBottomAligned(align)
-            ? viewportSize.height
-            : viewportSize.height - 1;
-
-        // 临时方案，在 select + table 的场景下，不需要关注横向上是否在可视区域内
-        // 在 balloon 场景下需要关注
-        if (this.autoFit) {
-            return (
-                elementRect.top >= 0 &&
+    // 临时方案，在 select + table 的场景下，不需要关注横向上是否在可视区域内
+    // 在 balloon 场景下需要关注
+    if (this.autoFit) {
+      return (
+        elementRect.top >= 0 &&
                 elementRect.top + element.offsetHeight <= viewportHeight
-            );
-        }
+      );
+    }
 
-        // Avoid animate problem that use offsetWidth instead of getBoundingClientRect.
-        return (
-            elementRect.left >= 0 &&
+    // Avoid animate problem that use offsetWidth instead of getBoundingClientRect.
+    return (
+      elementRect.left >= 0 &&
             elementRect.left + element.offsetWidth <= viewportWidth &&
             elementRect.top >= 0 &&
             elementRect.top + element.offsetHeight <= viewportHeight
-        );
-    }
-    // 在这里做RTL判断 top-left 定位转化为等效的 top-right定位
-    _setPinElementPostion(pinElement, postion, offset = [0, 0]) {
-        const { top, left } = postion;
-        if (!this.isRtl) {
-            dom.setStyle(pinElement, {
-                left: `${left + offset[0]}px`,
-                top: `${top + offset[1]}px`,
-            });
-            return;
-        }
+    );
+  }
 
-        // transfer {left,top} equaly to {right,top}
-        const pinElementParentOffset = this._getParentOffset(pinElement);
-        const { width: offsetParentWidth } = _getElementRect(
-            pinElementParentOffset.offsetParent
-        );
-        const { width } = _getElementRect(pinElement);
-        const right = offsetParentWidth - (left + width);
-        dom.setStyle(pinElement, {
-            left: 'auto',
-            right: `${right + offset[0]}px`,
-            top: `${top + offset[1]}px`,
-        });
+  // 在这里做RTL判断 top-left 定位转化为等效的 top-right定位
+  _setPinElementPostion(pinElement, postion, offset = [0, 0]) {
+    const { top, left } = postion;
+    if (!this.isRtl) {
+      dom.setStyle(pinElement, {
+        left: `${left + offset[0]}px`,
+        top: `${top + offset[1]}px`,
+      });
+      return;
     }
+
+    // transfer {left,top} equaly to {right,top}
+    const pinElementParentOffset = this._getParentOffset(pinElement);
+    const { width: offsetParentWidth } = _getElementRect(
+      pinElementParentOffset.offsetParent,
+    );
+    const { width } = _getElementRect(pinElement);
+    const right = offsetParentWidth - (left + width);
+    dom.setStyle(pinElement, {
+      left: 'auto',
+      right: `${right + offset[0]}px`,
+      top: `${top + offset[1]}px`,
+    });
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/pagination/pagination.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/pagination/pagination.jsx
index 0f307650a..6a095b6ca 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/pagination/pagination.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/pagination/pagination.jsx
@@ -14,663 +14,664 @@ const { Option } = Select;
 const noop = () => {};
 
 function correctCurrent(currentPage, total, currentPageSize) {
-    const totalPage = getTotalPage(total, currentPageSize);
-    return currentPage > totalPage ? totalPage : currentPage;
+  const totalPage = getTotalPage(total, currentPageSize);
+  return currentPage > totalPage ? totalPage : currentPage;
 }
 
 function getTotalPage(total, currentPageSize) {
-    const totalPage = Math.ceil(total / currentPageSize);
-    return totalPage <= 0 ? 1 : totalPage;
+  const totalPage = Math.ceil(total / currentPageSize);
+  return totalPage <= 0 ? 1 : totalPage;
 }
 
 /**
  * Pagination
  */
 class Pagination extends Component {
-    static propTypes = {
-        ...ConfigProvider.propTypes,
-        prefix: PropTypes.string,
-        pure: PropTypes.bool,
-        rtl: PropTypes.bool,
-        device: PropTypes.oneOf(['desktop', 'tablet', 'phone']),
-        className: PropTypes.string,
-        /**
+  static propTypes = {
+    ...ConfigProvider.propTypes,
+    prefix: PropTypes.string,
+    pure: PropTypes.bool,
+    rtl: PropTypes.bool,
+    device: PropTypes.oneOf(['desktop', 'tablet', 'phone']),
+    className: PropTypes.string,
+    /**
          * 自定义国际化文案对象
          */
-        locale: PropTypes.object,
-        /**
+    locale: PropTypes.object,
+    /**
          * 分页组件类型
          */
-        type: PropTypes.oneOf(['normal', 'simple', 'mini']),
-        /**
+    type: PropTypes.oneOf(['normal', 'simple', 'mini']),
+    /**
          * 前进后退按钮样式
          */
-        shape: PropTypes.oneOf([
-            'normal',
-            'arrow-only',
-            'arrow-prev-only',
-            'no-border',
-        ]),
-        /**
+    shape: PropTypes.oneOf([
+      'normal',
+      'arrow-only',
+      'arrow-prev-only',
+      'no-border',
+    ]),
+    /**
          * 分页组件大小
          */
-        size: PropTypes.oneOf(['small', 'medium', 'large']),
-        /**
+    size: PropTypes.oneOf(['small', 'medium', 'large']),
+    /**
          * （受控）当前页码
          */
-        current: PropTypes.number,
-        /**
+    current: PropTypes.number,
+    /**
          * （非受控）初始页码
          */
-        defaultCurrent: PropTypes.number,
-        /**
+    defaultCurrent: PropTypes.number,
+    /**
          * 页码发生改变时的回调函数
          * @param {Number} current 改变后的页码数
          * @param {Object} e 点击事件对象
          */
-        onChange: PropTypes.func,
-        /**
+    onChange: PropTypes.func,
+    /**
          * 总记录数
          */
-        total: PropTypes.number,
-        /**
+    total: PropTypes.number,
+    /**
          * 总数的渲染函数
          * @param {Number} total 总数
          * @param {Array} range 当前数据在总数中的区间
          */
-        totalRender: PropTypes.func,
-        /**
+    totalRender: PropTypes.func,
+    /**
          * 页码显示的数量，更多的使用...代替
          */
-        pageShowCount: PropTypes.number,
-        /**
+    pageShowCount: PropTypes.number,
+    /**
          * 一页中的记录数
          */
-        pageSize: PropTypes.number,
-        /**
+    pageSize: PropTypes.number,
+    /**
          * 每页显示选择器类型
          */
-        pageSizeSelector: PropTypes.oneOf([false, 'filter', 'dropdown']),
-        /**
+    pageSizeSelector: PropTypes.oneOf([false, 'filter', 'dropdown']),
+    /**
          * 每页显示选择器可选值
          */
-        pageSizeList: PropTypes.oneOfType([
-            PropTypes.arrayOf(PropTypes.number),
-            PropTypes.arrayOf(
-                PropTypes.shape({
-                    label: PropTypes.string,
-                    value: PropTypes.number,
-                })
-            ),
-        ]),
-        /**
+    pageSizeList: PropTypes.oneOfType([
+      PropTypes.arrayOf(PropTypes.number),
+      PropTypes.arrayOf(
+        PropTypes.shape({
+          label: PropTypes.string,
+          value: PropTypes.number,
+        }),
+      ),
+    ]),
+    /**
          * 自定义页码渲染函数，函数作用于页码button以及当前页/总页数的数字渲染
          * @param {Number} index 分页的页码，从1开始
          * @return {ReactNode} 返回渲染结果
          */
-        pageNumberRender: PropTypes.func,
-        /**
+    pageNumberRender: PropTypes.func,
+    /**
          * 每页显示选择器在组件中的位置
          */
-        pageSizePosition: PropTypes.oneOf(['start', 'end']),
-        /**
+    pageSizePosition: PropTypes.oneOf(['start', 'end']),
+    /**
          * 存在每页显示选择器时是否使用浮动布局
          */
-        useFloatLayout: PropTypes.bool,
-        /**
+    useFloatLayout: PropTypes.bool,
+    /**
          * 每页显示记录数量改变时的回调函数
          * @param {Number} pageSize 改变后的每页显示记录数
          */
-        onPageSizeChange: PropTypes.func,
-        /**
+    onPageSizeChange: PropTypes.func,
+    /**
          * 当分页数为1时，是否隐藏分页器
          */
-        hideOnlyOnePage: PropTypes.bool,
-        /**
+    hideOnlyOnePage: PropTypes.bool,
+    /**
          * type 设置为 normal 时，在页码数超过5页后，会显示跳转输入框与按钮，当设置 showJump 为 false 时，不再显示该跳转区域
          */
-        showJump: PropTypes.bool,
-        /**
+    showJump: PropTypes.bool,
+    /**
          * 设置页码按钮的跳转链接，它的值为一个包含 {page} 的模版字符串，如：http://www.taobao.com/{page}
          */
-        link: PropTypes.string,
-        selectPopupContiner: PropTypes.any,
-        /**
+    link: PropTypes.string,
+    selectPopupContiner: PropTypes.any,
+    /**
          * 弹层组件属性，透传给Popup
          */
-        popupProps: PropTypes.object,
-    };
+    popupProps: PropTypes.object,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        pure: false,
-        rtl: false,
-        locale: zhCN.Pagination,
-        type: 'normal',
-        shape: 'normal',
-        size: 'medium',
-        defaultCurrent: 1,
-        onChange: noop,
-        pageSize: 10,
-        pageSizeSelector: false,
-        pageSizeList: [5, 10, 20],
-        pageSizePosition: 'start',
-        onPageSizeChange: noop,
-        useFloatLayout: false,
-        total: 100,
-        pageShowCount: 5,
-        hideOnlyOnePage: false,
-        showJump: true,
-        pageNumberRender: index => index,
-        selectPopupContiner: node => node.parentNode,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    pure: false,
+    rtl: false,
+    locale: zhCN.Pagination,
+    type: 'normal',
+    shape: 'normal',
+    size: 'medium',
+    defaultCurrent: 1,
+    onChange: noop,
+    pageSize: 10,
+    pageSizeSelector: false,
+    pageSizeList: [5, 10, 20],
+    pageSizePosition: 'start',
+    onPageSizeChange: noop,
+    useFloatLayout: false,
+    total: 100,
+    pageShowCount: 5,
+    hideOnlyOnePage: false,
+    showJump: true,
+    pageNumberRender: index => index,
+    selectPopupContiner: node => node.parentNode,
+  };
 
-    constructor(props, context) {
-        super(props, context);
-        this.state = {
-            current: props.defaultCurrent || 1,
-            currentPageSize: 0,
-        };
+  constructor(props, context) {
+    super(props, context);
+    this.state = {
+      current: props.defaultCurrent || 1,
+      currentPageSize: 0,
+    };
+  }
+
+  static getDerivedStateFromProps(props, state) {
+    const { current, total, pageSize } = props;
+    const st = {};
+    const newCurrent = correctCurrent(
+      current || state.current,
+      total,
+      pageSize,
+    );
+    if (state.current !== newCurrent) {
+      st.current = newCurrent;
+    }
+    if (state.currentPageSize !== pageSize) {
+      st.currentPageSize = pageSize;
     }
 
-    static getDerivedStateFromProps(props, state) {
-        const { current, total, pageSize } = props;
-        const st = {};
-        const newCurrent = correctCurrent(
-            current || state.current,
-            total,
-            pageSize
-        );
-        if (state.current !== newCurrent) {
-            st.current = newCurrent;
-        }
-        if (state.currentPageSize !== pageSize) {
-            st.currentPageSize = pageSize;
-        }
+    return st;
+  }
 
-        return st;
-    }
-
-    handleJump = e => {
-        const { total } = this.props;
-        const { current, currentPageSize } = this.state;
-        const totalPage = getTotalPage(total, currentPageSize);
-        const value = parseInt(this.inputValue, 10);
-        if (
-            typeof value === 'number' &&
+  handleJump = e => {
+    const { total } = this.props;
+    const { current, currentPageSize } = this.state;
+    const totalPage = getTotalPage(total, currentPageSize);
+    const value = parseInt(this.inputValue, 10);
+    if (
+      typeof value === 'number' &&
             value >= 1 &&
             value <= totalPage &&
             value !== current
-        ) {
-            this.onPageItemClick(value, e);
-        }
+    ) {
+      this.onPageItemClick(value, e);
+    }
+  };
+
+  onPageItemClick(page, e) {
+    if (!('current' in this.props)) {
+      this.setState({
+        current: page,
+      });
+    }
+    this.props.onChange(page, e);
+  }
+
+  onInputChange(value) {
+    this.inputValue = value;
+  }
+
+  onSelectSize(pageSize) {
+    const newState = {
+      currentPageSize: pageSize,
     };
-    onPageItemClick(page, e) {
-        if (!('current' in this.props)) {
-            this.setState({
-                current: page,
-            });
-        }
-        this.props.onChange(page, e);
+
+    const totalPage = getTotalPage(this.props.total, pageSize);
+    if (this.state.current > totalPage) {
+      newState.current = totalPage;
     }
 
-    onInputChange(value) {
-        this.inputValue = value;
+    this.setState(newState);
+    this.props.onPageSizeChange(pageSize);
+  }
+
+  renderPageTotal() {
+    const { prefix, total, totalRender } = this.props;
+    const { currentPageSize, current } = this.state;
+    const range = [
+      (current - 1) * currentPageSize + 1,
+      current * currentPageSize,
+    ];
+
+    return (
+      <div className={`${prefix}pagination-total`}>
+        {totalRender(total, range)}
+      </div>
+    );
+  }
+
+  renderPageItem(index) {
+    const {
+      prefix,
+      size,
+      link,
+      pageNumberRender,
+      total,
+      pageSize,
+      locale,
+    } = this.props;
+    const { current } = this.state;
+
+    const totalPage = getTotalPage(total, pageSize);
+    const isCurrent = parseInt(index, 10) === current;
+    const props = {
+      size,
+      className: cx({
+        [`${prefix}pagination-item`]: true,
+        [`${prefix}current`]: isCurrent,
+      }),
+      onClick: isCurrent ? noop : this.onPageItemClick.bind(this, index),
+    };
+    if (link) {
+      props.component = 'a';
+      props.href = link.replace('{page}', index);
     }
 
-    onSelectSize(pageSize) {
-        const newState = {
-            currentPageSize: pageSize,
-        };
+    return (
+      <Button
+        aria-label={str.template(locale.total, {
+          current: index,
+          total: totalPage,
+        })}
+        {...props}
+        key={index}
+      >
+        {pageNumberRender(index)}
+      </Button>
+    );
+  }
 
-        const totalPage = getTotalPage(this.props.total, pageSize);
-        if (this.state.current > totalPage) {
-            newState.current = totalPage;
-        }
+  renderPageFirst(current) {
+    const { prefix, size, shape, locale } = this.props;
 
-        this.setState(newState);
-        this.props.onPageSizeChange(pageSize);
-    }
+    const isFirst = current <= 1;
+    const props = {
+      disabled: isFirst,
+      size,
+      className: cx({
+        [`${prefix}pagination-item`]: true,
+        [`${prefix}prev`]: true,
+      }),
+      onClick: this.onPageItemClick.bind(this, current - 1),
+    };
 
-    renderPageTotal() {
-        const { prefix, total, totalRender } = this.props;
-        const { currentPageSize, current } = this.state;
-        const range = [
-            (current - 1) * currentPageSize + 1,
-            current * currentPageSize,
-        ];
+    const icon = <Icon type="arrow-left" />;
 
-        return (
-            <div className={`${prefix}pagination-total`}>
-                {totalRender(total, range)}
-            </div>
-        );
-    }
-
-    renderPageItem(index) {
-        const {
-            prefix,
-            size,
-            link,
-            pageNumberRender,
-            total,
-            pageSize,
-            locale,
-        } = this.props;
-        const { current } = this.state;
-
-        const totalPage = getTotalPage(total, pageSize);
-        const isCurrent = parseInt(index, 10) === current;
-        const props = {
-            size,
-            className: cx({
-                [`${prefix}pagination-item`]: true,
-                [`${prefix}current`]: isCurrent,
-            }),
-            onClick: isCurrent ? noop : this.onPageItemClick.bind(this, index),
-        };
-        if (link) {
-            props.component = 'a';
-            props.href = link.replace('{page}', index);
-        }
-
-        return (
-            <Button
-                aria-label={str.template(locale.total, {
-                    current: index,
-                    total: totalPage,
-                })}
-                {...props}
-                key={index}
-            >
-                {pageNumberRender(index)}
-            </Button>
-        );
-    }
-
-    renderPageFirst(current) {
-        const { prefix, size, shape, locale } = this.props;
-
-        const isFirst = current <= 1;
-        const props = {
-            disabled: isFirst,
-            size,
-            className: cx({
-                [`${prefix}pagination-item`]: true,
-                [`${prefix}prev`]: true,
-            }),
-            onClick: this.onPageItemClick.bind(this, current - 1),
-        };
-
-        const icon = <Icon type="arrow-left" />;
-
-        return (
-            <Button
-                {...props}
-                aria-label={str.template(locale.labelPrev, { current })}
-            >
-                {icon}
-                {shape === 'arrow-only' ||
+    return (
+      <Button
+        {...props}
+        aria-label={str.template(locale.labelPrev, { current })}
+      >
+        {icon}
+        {shape === 'arrow-only' ||
                 shape === 'arrow-prev-only' ||
                 shape === 'no-border'
-                    ? ''
-                    : locale.prev}
-            </Button>
-        );
+          ? ''
+          : locale.prev}
+      </Button>
+    );
+  }
+
+  renderPageLast(current, totalPage) {
+    const { prefix, size, shape, locale } = this.props;
+
+    const isLast = current >= totalPage;
+    const props = {
+      disabled: isLast,
+      size,
+      className: cx({
+        [`${prefix}pagination-item`]: true,
+        [`${prefix}next`]: true,
+      }),
+      onClick: this.onPageItemClick.bind(this, current + 1),
+    };
+
+    const icon = <Icon type="arrow-right" />;
+
+    return (
+      <Button
+        {...props}
+        aria-label={str.template(locale.labelNext, { current })}
+      >
+        {shape === 'arrow-only' || shape === 'no-border'
+          ? ''
+          : locale.next}
+        {icon}
+      </Button>
+    );
+  }
+
+  renderPageEllipsis(idx) {
+    const { prefix } = this.props;
+
+    return (
+      <Icon
+        className={`${prefix}pagination-ellipsis`}
+        type="ellipsis"
+        key={`ellipsis-${idx}`}
+      />
+    );
+  }
+
+  renderPageJump() {
+    const { prefix, size, locale } = this.props;
+
+    /* eslint-disable react/jsx-key */
+    return [
+      <span className={`${prefix}pagination-jump-text`}>
+        {locale.goTo}
+      </span>,
+      <Input
+        className={`${prefix}pagination-jump-input`}
+        type="text"
+        aria-label={locale.inputAriaLabel}
+        size={size}
+        onChange={this.onInputChange.bind(this)}
+        onKeyDown={e => {
+          if (e.keyCode === KEYCODE.ENTER) {
+            this.handleJump(e);
+          }
+        }}
+      />,
+      <span className={`${prefix}pagination-jump-text`}>
+        {locale.page}
+      </span>,
+      <Button
+        className={`${prefix}pagination-jump-go`}
+        size={size}
+        onClick={this.handleJump}
+      >
+        {locale.go}
+      </Button>,
+    ];
+    /* eslint-enable react/jsx-key */
+  }
+
+  renderPageDisplay(current, totalPage) {
+    const { prefix, pageNumberRender } = this.props;
+
+    return (
+      <span className={`${prefix}pagination-display`}>
+        <em>{pageNumberRender(current)}</em>/
+        {pageNumberRender(totalPage)}
+      </span>
+    );
+  }
+
+  renderPageList(current, totalPage) {
+    const { prefix, pageShowCount } = this.props;
+    const pages = [];
+
+    if (totalPage <= pageShowCount) {
+      for (let i = 1; i <= totalPage; i++) {
+        pages.push(this.renderPageItem(i));
+      }
+    } else {
+      // 除去第一页，最后一页以及当前页，剩下的页数
+      const othersCount = pageShowCount - 3;
+      const halfCount = parseInt(othersCount / 2, 10);
+      let start; let
+        end;
+
+      pages.push(this.renderPageItem(1));
+
+      start = current - halfCount;
+      end = current + halfCount;
+      if (start <= 1) {
+        start = 2;
+        end = start + othersCount;
+      }
+      if (start > 2) {
+        pages.push(this.renderPageEllipsis(1));
+      }
+      if (end >= totalPage - 1) {
+        end = totalPage - 1;
+        start = totalPage - 1 - othersCount;
+      }
+      for (let j = start; j <= end; j++) {
+        pages.push(this.renderPageItem(j));
+      }
+      if (end < totalPage - 1) {
+        pages.push(this.renderPageEllipsis(2));
+      }
+
+      pages.push(this.renderPageItem(totalPage));
     }
 
-    renderPageLast(current, totalPage) {
-        const { prefix, size, shape, locale } = this.props;
+    return <div className={`${prefix}pagination-list`}>{pages}</div>;
+  }
 
-        const isLast = current >= totalPage;
-        const props = {
-            disabled: isLast,
-            size,
-            className: cx({
-                [`${prefix}pagination-item`]: true,
-                [`${prefix}next`]: true,
-            }),
-            onClick: this.onPageItemClick.bind(this, current + 1),
-        };
-
-        const icon = <Icon type="arrow-right" />;
+  renderPageSizeSelector() {
+    const { prefix, pageSizeSelector, locale } = this.props;
+    const pageSizeSpan = (
+      <span className={`${prefix}pagination-size-selector-title`}>
+        {locale.pageSize}
+      </span>
+    );
 
+    switch (pageSizeSelector) {
+      case 'filter':
         return (
+          <div className={`${prefix}pagination-size-selector`}>
+            {pageSizeSpan}
+            {this.renderPageSizeFilter()}
+          </div>
+        );
+      case 'dropdown':
+        return (
+          <div className={`${prefix}pagination-size-selector`}>
+            {pageSizeSpan}
+            {this.renderPageSizeDropdown()}
+          </div>
+        );
+      default:
+        return null;
+    }
+  }
+
+  renderPageSizeFilter() {
+    const { prefix, size, pageSizeList } = this.props;
+    const { currentPageSize } = this.state;
+
+    return (
+      <div className={`${prefix}pagination-size-selector-filter`}>
+        {pageSizeList.map((item, index) => {
+          let label;
+          let pageSize;
+          if (item.value) {
+            // {label: '', value: 5}
+            label = item.label;
+            pageSize = item.value;
+          } else {
+            // number
+            label = pageSize = item;
+          }
+          const classes = cx({
+            [`${prefix}pagination-size-selector-btn`]: true,
+            [`${prefix}current`]: pageSize === currentPageSize,
+          });
+
+          return (
             <Button
-                {...props}
-                aria-label={str.template(locale.labelNext, { current })}
-            >
-                {shape === 'arrow-only' || shape === 'no-border'
-                    ? ''
-                    : locale.next}
-                {icon}
-            </Button>
-        );
-    }
-
-    renderPageEllipsis(idx) {
-        const { prefix } = this.props;
-
-        return (
-            <Icon
-                className={`${prefix}pagination-ellipsis`}
-                type="ellipsis"
-                key={`ellipsis-${idx}`}
-            />
-        );
-    }
-
-    renderPageJump() {
-        const { prefix, size, locale } = this.props;
-
-        /* eslint-disable react/jsx-key */
-        return [
-            <span className={`${prefix}pagination-jump-text`}>
-                {locale.goTo}
-            </span>,
-            <Input
-                className={`${prefix}pagination-jump-input`}
-                type="text"
-                aria-label={locale.inputAriaLabel}
-                size={size}
-                onChange={this.onInputChange.bind(this)}
-                onKeyDown={e => {
-                    if (e.keyCode === KEYCODE.ENTER) {
-                        this.handleJump(e);
-                    }
-                }}
-            />,
-            <span className={`${prefix}pagination-jump-text`}>
-                {locale.page}
-            </span>,
-            <Button
-                className={`${prefix}pagination-jump-go`}
-                size={size}
-                onClick={this.handleJump}
-            >
-                {locale.go}
-            </Button>,
-        ];
-        /* eslint-enable react/jsx-key */
-    }
-
-    renderPageDisplay(current, totalPage) {
-        const { prefix, pageNumberRender } = this.props;
-
-        return (
-            <span className={`${prefix}pagination-display`}>
-                <em>{pageNumberRender(current)}</em>/
-                {pageNumberRender(totalPage)}
-            </span>
-        );
-    }
-
-    renderPageList(current, totalPage) {
-        const { prefix, pageShowCount } = this.props;
-        const pages = [];
-
-        if (totalPage <= pageShowCount) {
-            for (let i = 1; i <= totalPage; i++) {
-                pages.push(this.renderPageItem(i));
-            }
-        } else {
-            // 除去第一页，最后一页以及当前页，剩下的页数
-            const othersCount = pageShowCount - 3;
-            const halfCount = parseInt(othersCount / 2, 10);
-            let start, end;
-
-            pages.push(this.renderPageItem(1));
-
-            start = current - halfCount;
-            end = current + halfCount;
-            if (start <= 1) {
-                start = 2;
-                end = start + othersCount;
-            }
-            if (start > 2) {
-                pages.push(this.renderPageEllipsis(1));
-            }
-            if (end >= totalPage - 1) {
-                end = totalPage - 1;
-                start = totalPage - 1 - othersCount;
-            }
-            for (let j = start; j <= end; j++) {
-                pages.push(this.renderPageItem(j));
-            }
-            if (end < totalPage - 1) {
-                pages.push(this.renderPageEllipsis(2));
-            }
-
-            pages.push(this.renderPageItem(totalPage));
-        }
-
-        return <div className={`${prefix}pagination-list`}>{pages}</div>;
-    }
-
-    renderPageSizeSelector() {
-        const { prefix, pageSizeSelector, locale } = this.props;
-        const pageSizeSpan = (
-            <span className={`${prefix}pagination-size-selector-title`}>
-                {locale.pageSize}
-            </span>
-        );
-
-        switch (pageSizeSelector) {
-            case 'filter':
-                return (
-                    <div className={`${prefix}pagination-size-selector`}>
-                        {pageSizeSpan}
-                        {this.renderPageSizeFilter()}
-                    </div>
-                );
-            case 'dropdown':
-                return (
-                    <div className={`${prefix}pagination-size-selector`}>
-                        {pageSizeSpan}
-                        {this.renderPageSizeDropdown()}
-                    </div>
-                );
-            default:
-                return null;
-        }
-    }
-
-    renderPageSizeFilter() {
-        const { prefix, size, pageSizeList } = this.props;
-        const { currentPageSize } = this.state;
-
-        return (
-            <div className={`${prefix}pagination-size-selector-filter`}>
-                {pageSizeList.map((item, index) => {
-                    let label;
-                    let pageSize;
-                    if (item.value) {
-                        // {label: '', value: 5}
-                        label = item.label;
-                        pageSize = item.value;
-                    } else {
-                        // number
-                        label = pageSize = item;
-                    }
-                    const classes = cx({
-                        [`${prefix}pagination-size-selector-btn`]: true,
-                        [`${prefix}current`]: pageSize === currentPageSize,
-                    });
-
-                    return (
-                        <Button
-                            key={index}
-                            text
-                            size={size}
-                            className={classes}
-                            onClick={
+              key={index}
+              text
+              size={size}
+              className={classes}
+              onClick={
                                 pageSize !== currentPageSize
-                                    ? this.onSelectSize.bind(this, pageSize)
-                                    : null
+                                  ? this.onSelectSize.bind(this, pageSize)
+                                  : null
                             }
-                        >
-                            {label}
-                        </Button>
-                    );
-                })}
-            </div>
-        );
-    }
-
-    renderPageSizeDropdown() {
-        const {
-            prefix,
-            size,
-            pageSizeList,
-            selectPopupContiner,
-            locale,
-            popupProps,
-        } = this.props;
-        const { currentPageSize } = this.state;
-
-        return (
-            <Select
-                className={`${prefix}pagination-size-selector-dropdown`}
-                popupClassName={`${prefix}pagination-size-selector-popup`}
-                popupContainer={selectPopupContiner}
-                popupProps={popupProps}
-                aria-label={locale.selectAriaLabel}
-                autoWidth
-                size={size}
-                value={currentPageSize}
-                onChange={this.onSelectSize.bind(this)}
             >
-                {pageSizeList.map((item, index) => {
-                    let label;
-                    let pageSize;
-                    if (item.value) {
-                        // {label: '', value: 5}
-                        label = item.label;
-                        pageSize = item.value;
-                    } else {
-                        // number
-                        label = pageSize = item;
-                    }
-                    return (
-                        <Option key={index} value={pageSize}>
-                            {label}
-                        </Option>
-                    );
-                })}
-            </Select>
-        );
+              {label}
+            </Button>
+          );
+        })}
+      </div>
+    );
+  }
+
+  renderPageSizeDropdown() {
+    const {
+      prefix,
+      size,
+      pageSizeList,
+      selectPopupContiner,
+      locale,
+      popupProps,
+    } = this.props;
+    const { currentPageSize } = this.state;
+
+    return (
+      <Select
+        className={`${prefix}pagination-size-selector-dropdown`}
+        popupClassName={`${prefix}pagination-size-selector-popup`}
+        popupContainer={selectPopupContiner}
+        popupProps={popupProps}
+        aria-label={locale.selectAriaLabel}
+        autoWidth
+        size={size}
+        value={currentPageSize}
+        onChange={this.onSelectSize.bind(this)}
+      >
+        {pageSizeList.map((item, index) => {
+          let label;
+          let pageSize;
+          if (item.value) {
+            // {label: '', value: 5}
+            label = item.label;
+            pageSize = item.value;
+          } else {
+            // number
+            label = pageSize = item;
+          }
+          return (
+            <Option key={index} value={pageSize}>
+              {label}
+            </Option>
+          );
+        })}
+      </Select>
+    );
+  }
+
+  render() {
+    /* eslint-disable no-unused-vars */
+    const {
+      prefix,
+      pure,
+      rtl,
+      device,
+      type: paginationType,
+      size,
+      shape,
+      className,
+      total,
+      totalRender,
+      pageSize,
+      pageSizeSelector,
+      pageSizeList,
+      pageSizePosition,
+      useFloatLayout,
+      onPageSizeChange,
+      hideOnlyOnePage,
+      showJump,
+      locale,
+      current,
+      defaultCurrent,
+      pageShowCount,
+      pageNumberRender,
+      link,
+      onChange,
+      selectPopupContiner,
+      popupProps,
+      ...others
+    } = this.props;
+    /* eslint-enable */
+    const { current: currentPage, currentPageSize } = this.state;
+    const totalPage = getTotalPage(total, currentPageSize);
+    const pageFirst = this.renderPageFirst(currentPage);
+    const pageLast = this.renderPageLast(currentPage, totalPage);
+    const sizeSelector = this.renderPageSizeSelector();
+    const isStart = pageSizePosition === 'start';
+
+    let type = paginationType;
+
+    if (device === 'phone' && type === 'normal') {
+      type = 'simple';
     }
 
-    render() {
-        /* eslint-disable no-unused-vars */
-        const {
-            prefix,
-            pure,
-            rtl,
-            device,
-            type: paginationType,
-            size,
-            shape,
-            className,
-            total,
-            totalRender,
-            pageSize,
-            pageSizeSelector,
-            pageSizeList,
-            pageSizePosition,
-            useFloatLayout,
-            onPageSizeChange,
-            hideOnlyOnePage,
-            showJump,
-            locale,
-            current,
-            defaultCurrent,
-            pageShowCount,
-            pageNumberRender,
-            link,
-            onChange,
-            selectPopupContiner,
-            popupProps,
-            ...others
-        } = this.props;
-        /* eslint-enable */
-        const { current: currentPage, currentPageSize } = this.state;
-        const totalPage = getTotalPage(total, currentPageSize);
-        const pageFirst = this.renderPageFirst(currentPage);
-        const pageLast = this.renderPageLast(currentPage, totalPage);
-        const sizeSelector = this.renderPageSizeSelector();
-        const isStart = pageSizePosition === 'start';
+    const classes = cx({
+      [`${prefix}pagination`]: true,
+      [`${prefix}${size}`]: size,
+      [`${prefix}${type}`]: type,
+      [`${prefix}${shape}`]: shape,
+      [`${prefix}start`]: !!pageSizeSelector && isStart && useFloatLayout,
+      [`${prefix}end`]: !!pageSizeSelector && !isStart && useFloatLayout,
+      [`${prefix}hide`]: totalPage <= 1 && hideOnlyOnePage,
+      [className]: !!className,
+    });
 
-        let type = paginationType;
-
-        if (device === 'phone' && type === 'normal') {
-            type = 'simple';
-        }
-
-        const classes = cx({
-            [`${prefix}pagination`]: true,
-            [`${prefix}${size}`]: size,
-            [`${prefix}${type}`]: type,
-            [`${prefix}${shape}`]: shape,
-            [`${prefix}start`]: !!pageSizeSelector && isStart && useFloatLayout,
-            [`${prefix}end`]: !!pageSizeSelector && !isStart && useFloatLayout,
-            [`${prefix}hide`]: totalPage <= 1 && hideOnlyOnePage,
-            [className]: !!className,
-        });
-
-        if (rtl) {
-            others.dir = 'rtl';
-        }
-
-        const buildComponent = (...coms) => (
-            <div
-                className={classes}
-                {...obj.pickOthers(Object.keys(Pagination.propTypes), others)}
-            >
-                {isStart && sizeSelector}
-                {totalRender ? this.renderPageTotal() : null}
-                <div className={`${prefix}pagination-pages`}>
-                    {coms.map(
-                        (com, index) =>
-                            com && React.cloneElement(com, { key: index })
-                    )}
-                </div>
-                {!isStart && sizeSelector}
-            </div>
-        );
-
-        switch (type) {
-            case 'mini':
-                return buildComponent(pageFirst, pageLast);
-            case 'simple': {
-                const pageDisplay = this.renderPageDisplay(
-                    currentPage,
-                    totalPage
-                );
-                return buildComponent(pageFirst, pageDisplay, pageLast);
-            }
-            case 'normal': {
-                const pageList = this.renderPageList(currentPage, totalPage);
-                const pageDisplay =
-                    showJump && total > pageSize * pageShowCount
-                        ? this.renderPageDisplay(currentPage, totalPage)
-                        : null;
-                const pageJump =
-                    showJump && total > pageSize * pageShowCount
-                        ? this.renderPageJump(currentPage, totalPage)
-                        : null;
-                return buildComponent(
-                    pageFirst,
-                    pageList,
-                    pageLast,
-                    pageDisplay,
-                    ...pageJump
-                );
-            }
-            default:
-                return null;
-        }
+    if (rtl) {
+      others.dir = 'rtl';
     }
+
+    const buildComponent = (...coms) => (
+      <div
+        className={classes}
+        {...obj.pickOthers(Object.keys(Pagination.propTypes), others)}
+      >
+        {isStart && sizeSelector}
+        {totalRender ? this.renderPageTotal() : null}
+        <div className={`${prefix}pagination-pages`}>
+          {coms.map(
+            (com, index) => com && React.cloneElement(com, { key: index }),
+          )}
+        </div>
+        {!isStart && sizeSelector}
+      </div>
+    );
+
+    switch (type) {
+      case 'mini':
+        return buildComponent(pageFirst, pageLast);
+      case 'simple': {
+        const pageDisplay = this.renderPageDisplay(
+          currentPage,
+          totalPage,
+        );
+        return buildComponent(pageFirst, pageDisplay, pageLast);
+      }
+      case 'normal': {
+        const pageList = this.renderPageList(currentPage, totalPage);
+        const pageDisplay =
+                    showJump && total > pageSize * pageShowCount
+                      ? this.renderPageDisplay(currentPage, totalPage)
+                      : null;
+        const pageJump =
+                    showJump && total > pageSize * pageShowCount
+                      ? this.renderPageJump(currentPage, totalPage)
+                      : null;
+        return buildComponent(
+          pageFirst,
+          pageList,
+          pageLast,
+          pageDisplay,
+          ...pageJump,
+        );
+      }
+      default:
+        return null;
+    }
+  }
 }
 
 export default ConfigProvider.config(polyfill(Pagination));
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/progress/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/progress/index.jsx
index d6b1d4cec..e35ecfe57 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/progress/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/progress/index.jsx
@@ -2,32 +2,32 @@ import ConfigProvider from '../config-provider';
 import Progress from './view/progress';
 
 export default ConfigProvider.config(Progress, {
-    transform: /* istanbul ignore next */ (props, deprecated) => {
-        if ('type' in props) {
-            deprecated('type', 'progressive', 'Progress');
+  transform: /* istanbul ignore next */ (props, deprecated) => {
+    if ('type' in props) {
+      deprecated('type', 'progressive', 'Progress');
 
-            const { type, ...others } = props;
-            props = { progressive: type === 'progressive', ...others };
-        }
+      const { type, ...others } = props;
+      props = { progressive: type === 'progressive', ...others };
+    }
 
-        if ('showInfo' in props) {
-            deprecated('showInfo', 'textRender', 'Progress');
+    if ('showInfo' in props) {
+      deprecated('showInfo', 'textRender', 'Progress');
 
-            const { showInfo, ...others } = props;
-            if (showInfo) {
-                props = others;
-            } else {
-                props = { textRender: () => false, ...others };
-            }
-        }
+      const { showInfo, ...others } = props;
+      if (showInfo) {
+        props = others;
+      } else {
+        props = { textRender: () => false, ...others };
+      }
+    }
 
-        if ('suffix' in props) {
-            deprecated('suffix', 'textRender', 'Progress');
+    if ('suffix' in props) {
+      deprecated('suffix', 'textRender', 'Progress');
 
-            const { suffix, ...others } = props;
-            props = { textRender: () => suffix, ...others };
-        }
+      const { suffix, ...others } = props;
+      props = { textRender: () => suffix, ...others };
+    }
 
-        return props;
-    },
+    return props;
+  },
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/progress/view/progress-circle.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/progress/view/progress-circle.jsx
index 2301f7d20..bd911358f 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/progress/view/progress-circle.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/progress/view/progress-circle.jsx
@@ -9,165 +9,165 @@ const DEFAULT_STROKE_WIDTH = 8;
 const viewBox = `0 0 ${VIEWBOX_WIDTH} ${VIEWBOX_WIDTH}`;
 
 export default class Circle extends Component {
-    static propTypes = {
-        size: PropTypes.oneOf(['small', 'medium', 'large']),
-        percent: PropTypes.number,
-        state: PropTypes.oneOf(['normal', 'success', 'error']),
-        progressive: PropTypes.bool,
-        textRender: PropTypes.func,
-        prefix: PropTypes.string,
-        className: PropTypes.string,
-        color: PropTypes.string,
-        backgroundColor: PropTypes.string,
-        rtl: PropTypes.bool,
+  static propTypes = {
+    size: PropTypes.oneOf(['small', 'medium', 'large']),
+    percent: PropTypes.number,
+    state: PropTypes.oneOf(['normal', 'success', 'error']),
+    progressive: PropTypes.bool,
+    textRender: PropTypes.func,
+    prefix: PropTypes.string,
+    className: PropTypes.string,
+    color: PropTypes.string,
+    backgroundColor: PropTypes.string,
+    rtl: PropTypes.bool,
+  };
+
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      underlayStrokeWidth: DEFAULT_STROKE_WIDTH,
+      overlayStrokeWidth: DEFAULT_STROKE_WIDTH,
     };
+  }
 
-    constructor(props) {
-        super(props);
-
-        this.state = {
-            underlayStrokeWidth: DEFAULT_STROKE_WIDTH,
-            overlayStrokeWidth: DEFAULT_STROKE_WIDTH,
-        };
-    }
-
-    componentDidMount() {
-        if (this.underlay && this.overlay) {
-            // eslint-disable-next-line
+  componentDidMount() {
+    if (this.underlay && this.overlay) {
+      // eslint-disable-next-line
             this.setState({
-                underlayStrokeWidth:
+        underlayStrokeWidth:
                     this._getCssValue(this.underlay, 'stroke-width') ||
                     DEFAULT_STROKE_WIDTH,
-                overlayStrokeWidth:
+        overlayStrokeWidth:
                     this._getCssValue(this.overlay, 'stroke-width') ||
                     DEFAULT_STROKE_WIDTH,
-            });
-        }
+      });
     }
+  }
 
-    _getCssValue(dom, name) {
-        const css = window.getComputedStyle(dom).getPropertyValue(name);
-        const regExp = /(\d*)px/g;
-        const result = regExp.exec(css);
+  _getCssValue(dom, name) {
+    const css = window.getComputedStyle(dom).getPropertyValue(name);
+    const regExp = /(\d*)px/g;
+    const result = regExp.exec(css);
 
-        return Array.isArray(result) ? Number(result[1]) : 0;
-    }
+    return Array.isArray(result) ? Number(result[1]) : 0;
+  }
 
-    _underlayRefHandler = ref => {
-        this.underlay = ref;
-    };
+  _underlayRefHandler = ref => {
+    this.underlay = ref;
+  };
 
-    _overlayRefHandler = ref => {
-        this.overlay = ref;
-    };
+  _overlayRefHandler = ref => {
+    this.overlay = ref;
+  };
 
-    _computeOverlayStrokeDashOffset() {
-        const { underlayStrokeWidth, overlayStrokeWidth } = this.state;
-        const overlayRadius =
+  _computeOverlayStrokeDashOffset() {
+    const { underlayStrokeWidth, overlayStrokeWidth } = this.state;
+    const overlayRadius =
             HALF_VIEWBOX_WIDTH -
             overlayStrokeWidth / 2 -
             (underlayStrokeWidth - overlayStrokeWidth) / 2;
-        const overlayLen = Math.PI * 2 * overlayRadius;
-        return (
-            ((VIEWBOX_WIDTH - this.props.percent) / VIEWBOX_WIDTH) * overlayLen
-        );
-    }
+    const overlayLen = Math.PI * 2 * overlayRadius;
+    return (
+      ((VIEWBOX_WIDTH - this.props.percent) / VIEWBOX_WIDTH) * overlayLen
+    );
+  }
 
-    _getPath(radius) {
-        return `M ${HALF_VIEWBOX_WIDTH},${HALF_VIEWBOX_WIDTH} m 0,-${radius} a ${radius},${radius} 0 1 1 0,${2 *
+  _getPath(radius) {
+    return `M ${HALF_VIEWBOX_WIDTH},${HALF_VIEWBOX_WIDTH} m 0,-${radius} a ${radius},${radius} 0 1 1 0,${2 *
             radius} a ${radius},${radius} 0 1 1 0,-${2 * radius}`;
-    }
+  }
 
-    render() {
-        const {
-            prefix,
-            size,
-            state,
-            percent,
-            className,
-            textRender,
-            progressive,
-            color,
-            backgroundColor,
-            rtl,
-            ...others
-        } = this.props;
-        const { underlayStrokeWidth, overlayStrokeWidth } = this.state;
+  render() {
+    const {
+      prefix,
+      size,
+      state,
+      percent,
+      className,
+      textRender,
+      progressive,
+      color,
+      backgroundColor,
+      rtl,
+      ...others
+    } = this.props;
+    const { underlayStrokeWidth, overlayStrokeWidth } = this.state;
 
-        // underlay path
-        const underlayRadius = HALF_VIEWBOX_WIDTH - underlayStrokeWidth / 2;
-        const underlayPath = this._getPath(underlayRadius);
+    // underlay path
+    const underlayRadius = HALF_VIEWBOX_WIDTH - underlayStrokeWidth / 2;
+    const underlayPath = this._getPath(underlayRadius);
 
-        // overlay path (为居中，减去相对于underlay的宽度)
-        const overlayRadius =
+    // overlay path (为居中，减去相对于underlay的宽度)
+    const overlayRadius =
             HALF_VIEWBOX_WIDTH -
             overlayStrokeWidth / 2 -
             (underlayStrokeWidth - overlayStrokeWidth) / 2;
-        const overlayPath = this._getPath(overlayRadius);
-        const overlayLen = Math.PI * 2 * overlayRadius;
-        const overlayStrokeDasharray = `${overlayLen}px ${overlayLen}px`;
-        const overlayStrokeDashoffset = `${this._computeOverlayStrokeDashOffset()}px`;
+    const overlayPath = this._getPath(overlayRadius);
+    const overlayLen = Math.PI * 2 * overlayRadius;
+    const overlayStrokeDasharray = `${overlayLen}px ${overlayLen}px`;
+    const overlayStrokeDashoffset = `${this._computeOverlayStrokeDashOffset()}px`;
 
-        const suffixText = textRender(percent, { rtl });
+    const suffixText = textRender(percent, { rtl });
 
-        const wrapCls = classNames({
-            [`${prefix}progress-circle`]: true,
-            [`${prefix}progress-circle-show-info`]: suffixText,
-            [`${prefix + size}`]: size,
-            [className]: className,
-        });
+    const wrapCls = classNames({
+      [`${prefix}progress-circle`]: true,
+      [`${prefix}progress-circle-show-info`]: suffixText,
+      [`${prefix + size}`]: size,
+      [className]: className,
+    });
 
-        const pathCls = classNames({
-            [`${prefix}progress-circle-overlay`]: true,
-            [`${prefix}progress-circle-overlay-${state}`]:
+    const pathCls = classNames({
+      [`${prefix}progress-circle-overlay`]: true,
+      [`${prefix}progress-circle-overlay-${state}`]:
                 !color && !progressive && state,
-            [`${prefix}progress-circle-overlay-started`]:
+      [`${prefix}progress-circle-overlay-started`]:
                 !color && progressive && percent <= 30,
-            [`${prefix}progress-circle-overlay-middle`]:
+      [`${prefix}progress-circle-overlay-middle`]:
                 !color && progressive && percent > 30 && percent < 80,
-            [`${prefix}progress-circle-overlay-finishing`]:
+      [`${prefix}progress-circle-overlay-finishing`]:
                 !color && progressive && percent >= 80,
-        });
+    });
 
-        const underlayStyle = { stroke: backgroundColor };
+    const underlayStyle = { stroke: backgroundColor };
 
-        return (
-            <div
-                className={wrapCls}
-                dir={rtl ? 'rtl' : undefined}
-                role="progressbar"
-                aria-valuenow={percent}
-                aria-valuemin="0"
-                aria-valuemax="100"
-                {...others}
-            >
-                <svg
-                    className={`${prefix}progress-circle-container`}
-                    viewBox={viewBox}
-                >
-                    <path
-                        className={`${prefix}progress-circle-underlay`}
-                        d={underlayPath}
-                        fillOpacity="0"
-                        ref={this._underlayRefHandler}
-                        style={underlayStyle}
-                    />
-                    <path
-                        className={pathCls}
-                        d={overlayPath}
-                        fillOpacity="0"
-                        strokeDasharray={overlayStrokeDasharray}
-                        strokeDashoffset={overlayStrokeDashoffset}
-                        ref={this._overlayRefHandler}
-                        stroke={color}
-                    />
-                </svg>
-                {suffixText ? (
-                    <div className={`${prefix}progress-circle-text`}>
-                        {suffixText}
-                    </div>
-                ) : null}
-            </div>
-        );
-    }
+    return (
+      <div
+        className={wrapCls}
+        dir={rtl ? 'rtl' : undefined}
+        role="progressbar"
+        aria-valuenow={percent}
+        aria-valuemin="0"
+        aria-valuemax="100"
+        {...others}
+      >
+        <svg
+          className={`${prefix}progress-circle-container`}
+          viewBox={viewBox}
+        >
+          <path
+            className={`${prefix}progress-circle-underlay`}
+            d={underlayPath}
+            fillOpacity="0"
+            ref={this._underlayRefHandler}
+            style={underlayStyle}
+          />
+          <path
+            className={pathCls}
+            d={overlayPath}
+            fillOpacity="0"
+            strokeDasharray={overlayStrokeDasharray}
+            strokeDashoffset={overlayStrokeDashoffset}
+            ref={this._overlayRefHandler}
+            stroke={color}
+          />
+        </svg>
+        {suffixText ? (
+          <div className={`${prefix}progress-circle-text`}>
+            {suffixText}
+          </div>
+        ) : null}
+      </div>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/progress/view/progress-line.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/progress/view/progress-line.jsx
index 4e7d847f0..5497ea8b8 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/progress/view/progress-line.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/progress/view/progress-line.jsx
@@ -3,87 +3,87 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
 export default class Line extends React.PureComponent {
-    static propTypes = {
-        size: PropTypes.oneOf(['small', 'medium', 'large']),
-        percent: PropTypes.number,
-        state: PropTypes.oneOf(['normal', 'success', 'error']),
-        progressive: PropTypes.bool,
-        hasBorder: PropTypes.bool,
-        textRender: PropTypes.func,
-        color: PropTypes.string,
-        backgroundColor: PropTypes.string,
-        rtl: PropTypes.bool,
-        prefix: PropTypes.string,
-        className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
-    };
+  static propTypes = {
+    size: PropTypes.oneOf(['small', 'medium', 'large']),
+    percent: PropTypes.number,
+    state: PropTypes.oneOf(['normal', 'success', 'error']),
+    progressive: PropTypes.bool,
+    hasBorder: PropTypes.bool,
+    textRender: PropTypes.func,
+    color: PropTypes.string,
+    backgroundColor: PropTypes.string,
+    rtl: PropTypes.bool,
+    prefix: PropTypes.string,
+    className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+  };
 
-    render() {
-        const {
-            prefix,
-            size,
-            state,
-            color,
-            percent,
-            progressive,
-            hasBorder,
-            textRender,
-            className,
-            rtl,
-            backgroundColor,
-            ...others
-        } = this.props;
+  render() {
+    const {
+      prefix,
+      size,
+      state,
+      color,
+      percent,
+      progressive,
+      hasBorder,
+      textRender,
+      className,
+      rtl,
+      backgroundColor,
+      ...others
+    } = this.props;
 
-        const suffixText = textRender(percent, { rtl });
+    const suffixText = textRender(percent, { rtl });
 
-        const wrapCls = classNames({
-            [`${prefix}progress-line`]: true,
-            [`${prefix}progress-line-show-info`]: suffixText,
-            [`${prefix}progress-line-show-border`]: hasBorder,
-            [`${prefix + size}`]: size,
-            [className]: className,
-        });
-        const lineCls = classNames({
-            [`${prefix}progress-line-overlay`]: true,
-            [`${prefix}progress-line-overlay-${state}`]:
+    const wrapCls = classNames({
+      [`${prefix}progress-line`]: true,
+      [`${prefix}progress-line-show-info`]: suffixText,
+      [`${prefix}progress-line-show-border`]: hasBorder,
+      [`${prefix + size}`]: size,
+      [className]: className,
+    });
+    const lineCls = classNames({
+      [`${prefix}progress-line-overlay`]: true,
+      [`${prefix}progress-line-overlay-${state}`]:
                 !color && !progressive && state,
-            [`${prefix}progress-line-overlay-started`]:
+      [`${prefix}progress-line-overlay-started`]:
                 !color && progressive && percent <= 30,
-            [`${prefix}progress-line-overlay-middle`]:
+      [`${prefix}progress-line-overlay-middle`]:
                 !color && progressive && percent > 30 && percent < 80,
-            [`${prefix}progress-line-overlay-finishing`]:
+      [`${prefix}progress-line-overlay-finishing`]:
                 !color && progressive && percent >= 80,
-        });
+    });
 
-        const lineStyle = {
-            width: `${percent > 100 ? 100 : percent < 0 ? 0 : percent}%`,
-            backgroundColor: color,
-        };
-        const underlayStyle = { backgroundColor: backgroundColor };
+    const lineStyle = {
+      width: `${percent > 100 ? 100 : percent < 0 ? 0 : percent}%`,
+      backgroundColor: color,
+    };
+    const underlayStyle = { backgroundColor };
 
-        return (
-            <div
-                dir={rtl ? 'rtl' : undefined}
-                role="progressbar"
-                aria-valuenow={percent}
-                aria-valuemin="0"
-                aria-valuemax="100"
-                className={wrapCls}
-                {...others}
-            >
-                <div className={`${prefix}progress-line-container`}>
-                    <div
-                        className={`${prefix}progress-line-underlay`}
-                        style={underlayStyle}
-                    >
-                        <div className={lineCls} style={lineStyle} />
-                    </div>
-                </div>
-                {suffixText ? (
-                    <div className={`${prefix}progress-line-text`}>
-                        {suffixText}
-                    </div>
-                ) : null}
-            </div>
-        );
-    }
+    return (
+      <div
+        dir={rtl ? 'rtl' : undefined}
+        role="progressbar"
+        aria-valuenow={percent}
+        aria-valuemin="0"
+        aria-valuemax="100"
+        className={wrapCls}
+        {...others}
+      >
+        <div className={`${prefix}progress-line-container`}>
+          <div
+            className={`${prefix}progress-line-underlay`}
+            style={underlayStyle}
+          >
+            <div className={lineCls} style={lineStyle} />
+          </div>
+        </div>
+        {suffixText ? (
+          <div className={`${prefix}progress-line-text`}>
+            {suffixText}
+          </div>
+        ) : null}
+      </div>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/progress/view/progress.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/progress/view/progress.jsx
index e48657927..7297bdd01 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/progress/view/progress.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/progress/view/progress.jsx
@@ -7,72 +7,72 @@ import Circle from './progress-circle';
  * Progress
  */
 export default class Progress extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    /**
          * 形态
          */
-        shape: PropTypes.oneOf(['circle', 'line']),
-        /**
+    shape: PropTypes.oneOf(['circle', 'line']),
+    /**
          * 尺寸
          */
-        size: PropTypes.oneOf(['small', 'medium', 'large']),
-        /**
+    size: PropTypes.oneOf(['small', 'medium', 'large']),
+    /**
          * 所占百分比
          */
-        percent: PropTypes.number,
-        /**
+    percent: PropTypes.number,
+    /**
          * 进度状态, 显示优先级: color > progressive > state
          */
-        state: PropTypes.oneOf(['normal', 'success', 'error']),
-        /**
+    state: PropTypes.oneOf(['normal', 'success', 'error']),
+    /**
          * 是否为色彩阶段变化模式, 显示优先级: color > progressive > state
          */
-        progressive: PropTypes.bool,
-        /**
+    progressive: PropTypes.bool,
+    /**
          * 是否添加 Border（只适用于 Line Progress)
          */
-        hasBorder: PropTypes.bool,
-        /**
+    hasBorder: PropTypes.bool,
+    /**
          * 文本渲染函数
          * @param {Number} percent 当前的进度信息
          * @param {Object} option 额外的参数
          * @property {Boolean} option.rtl 是否在rtl 模式下渲染
          * @return {ReactNode} 返回文本节点
          */
-        textRender: PropTypes.func,
-        /**
+    textRender: PropTypes.func,
+    /**
          * 进度条颜色, 显示优先级: color > progressive > state
          */
-        color: PropTypes.string,
-        /**
+    color: PropTypes.string,
+    /**
          * 背景色
          */
-        backgroundColor: PropTypes.string,
-        rtl: PropTypes.bool,
-    };
+    backgroundColor: PropTypes.string,
+    rtl: PropTypes.bool,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        shape: 'line',
-        state: 'normal',
-        size: 'medium',
-        percent: 0,
-        progressive: false,
-        hasBorder: false,
-        textRender: percent => `${Math.floor(percent)}%`,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    shape: 'line',
+    state: 'normal',
+    size: 'medium',
+    percent: 0,
+    progressive: false,
+    hasBorder: false,
+    textRender: percent => `${Math.floor(percent)}%`,
+  };
 
-    static contextTypes = {
-        prefix: PropTypes.string,
-    };
+  static contextTypes = {
+    prefix: PropTypes.string,
+  };
 
-    render() {
-        const { shape, hasBorder, ...others } = this.props;
-        return shape === 'circle' ? (
-            <Circle {...others} />
-        ) : (
-            <Line {...others} hasBorder={hasBorder} />
-        );
-    }
+  render() {
+    const { shape, hasBorder, ...others } = this.props;
+    return shape === 'circle' ? (
+      <Circle {...others} />
+    ) : (
+      <Line {...others} hasBorder={hasBorder} />
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/radio/radio-group.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/radio/radio-group.jsx
index 5a649763e..a943aaf88 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/radio/radio-group.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/radio/radio-group.jsx
@@ -12,294 +12,294 @@ const { pickOthers } = obj;
  * @order 2
  */
 class RadioGroup extends Component {
-    static propTypes = {
-        ...ConfigProvider.propTypes,
-        /**
+  static propTypes = {
+    ...ConfigProvider.propTypes,
+    /**
          * 样式类名的品牌前缀
          */
-        prefix: PropTypes.string,
-        /**
+    prefix: PropTypes.string,
+    /**
          * 自定义类名
          */
-        className: PropTypes.string,
-        /**
+    className: PropTypes.string,
+    /**
          * 自定义内敛样式
          */
-        style: PropTypes.object,
-        /**
+    style: PropTypes.object,
+    /**
          * name
          */
-        name: PropTypes.string,
-        /**
+    name: PropTypes.string,
+    /**
          * radio group的选中项的值
          */
-        value: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.number,
-            PropTypes.bool,
-        ]),
-        /**
+    value: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.number,
+      PropTypes.bool,
+    ]),
+    /**
          * radio group的默认值
          */
-        defaultValue: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.number,
-            PropTypes.bool,
-        ]),
-        /**
+    defaultValue: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.number,
+      PropTypes.bool,
+    ]),
+    /**
          * 设置标签类型
          */
-        component: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
-        /**
+    component: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
+    /**
          * 选中值改变时的事件
          * @param {String/Number} value 选中项的值
          * @param {Event} e Dom 事件对象
          */
-        onChange: PropTypes.func,
-        /**
+    onChange: PropTypes.func,
+    /**
          * 表示radio被禁用
          */
-        disabled: PropTypes.bool,
-        /**
+    disabled: PropTypes.bool,
+    /**
          * 可以设置成 button 展示形状
          * @enumdesc 按钮状
          */
-        shape: PropTypes.oneOf(['button']),
-        /**
+    shape: PropTypes.oneOf(['button']),
+    /**
          * 与 `shape` 属性配套使用，shape设为button时有效
          * @enumdesc 大, 中, 小
          */
-        size: PropTypes.oneOf(['large', 'medium', 'small']),
-        /**
+    size: PropTypes.oneOf(['large', 'medium', 'small']),
+    /**
          * 可选项列表, 数据项可为 String 或者 Object, 如 `['apple', 'pear', 'orange']`
          */
-        dataSource: PropTypes.oneOfType([
-            PropTypes.arrayOf(PropTypes.string),
-            PropTypes.arrayOf(PropTypes.object),
-        ]),
-        /**
+    dataSource: PropTypes.oneOfType([
+      PropTypes.arrayOf(PropTypes.string),
+      PropTypes.arrayOf(PropTypes.object),
+    ]),
+    /**
          * 通过子元素方式设置内部radio
          */
-        children: PropTypes.oneOfType([
-            PropTypes.arrayOf(PropTypes.element),
-            PropTypes.element,
-        ]),
+    children: PropTypes.oneOfType([
+      PropTypes.arrayOf(PropTypes.element),
+      PropTypes.element,
+    ]),
 
-        /**
+    /**
          * 子项目的排列方式
          * - hoz: 水平排列 (default)
          * - ver: 垂直排列
          */
-        itemDirection: PropTypes.oneOf(['hoz', 'ver']),
-        /**
+    itemDirection: PropTypes.oneOf(['hoz', 'ver']),
+    /**
          * 是否为预览态
          */
-        isPreview: PropTypes.bool,
-        /**
+    isPreview: PropTypes.bool,
+    /**
          * 预览态模式下渲染的内容
          * @param {number} value 评分值
          */
-        renderPreview: PropTypes.func,
+    renderPreview: PropTypes.func,
+  };
+
+  static defaultProps = {
+    dataSource: [],
+    size: 'medium',
+    onChange: () => {},
+    prefix: 'next-',
+    component: 'div',
+    itemDirection: 'hoz',
+    isPreview: false,
+  };
+
+  static childContextTypes = {
+    onChange: PropTypes.func,
+    __group__: PropTypes.bool,
+    isButton: PropTypes.bool,
+    selectedValue: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.number,
+      PropTypes.bool,
+    ]),
+    disabled: PropTypes.bool,
+  };
+
+  constructor(props) {
+    super(props);
+    let value = '';
+    if ('value' in props) {
+      value = props.value;
+    } else if ('defaultValue' in props) {
+      value = props.defaultValue;
+    }
+    this.state = { value };
+    this.onChange = this.onChange.bind(this);
+  }
+
+  getChildContext() {
+    const { disabled } = this.props;
+
+    return {
+      __group__: true,
+      isButton: this.props.shape === 'button',
+      onChange: this.onChange,
+      selectedValue: this.state.value,
+      disabled,
     };
+  }
 
-    static defaultProps = {
-        dataSource: [],
-        size: 'medium',
-        onChange: () => {},
-        prefix: 'next-',
-        component: 'div',
-        itemDirection: 'hoz',
-        isPreview: false,
-    };
+  componentWillReceiveProps(nextProps) {
+    let { value } = nextProps;
+    if ('value' in nextProps) {
+      if (value === undefined) {
+        value = '';
+      }
+      this.setState({
+        value,
+      });
+    }
+  }
 
-    static childContextTypes = {
-        onChange: PropTypes.func,
-        __group__: PropTypes.bool,
-        isButton: PropTypes.bool,
-        selectedValue: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.number,
-            PropTypes.bool,
-        ]),
-        disabled: PropTypes.bool,
-    };
+  onChange(currentValue, e) {
+    if (!('value' in this.props)) {
+      this.setState({ value: currentValue });
+    }
+    if (currentValue !== this.state.value) {
+      this.props.onChange(currentValue, e);
+    }
+  }
 
-    constructor(props) {
-        super(props);
-        let value = '';
-        if ('value' in props) {
-            value = props.value;
-        } else if ('defaultValue' in props) {
-            value = props.defaultValue;
-        }
-        this.state = { value };
-        this.onChange = this.onChange.bind(this);
+  render() {
+    const {
+      rtl,
+      className,
+      disabled,
+      shape,
+      size,
+      style,
+      prefix,
+      itemDirection,
+      component,
+      isPreview,
+      renderPreview,
+    } = this.props;
+    const others = pickOthers(
+      Object.keys(RadioGroup.propTypes),
+      this.props,
+    );
+
+    if (rtl) {
+      others.dir = 'rtl';
     }
 
-    getChildContext() {
-        const { disabled } = this.props;
-
-        return {
-            __group__: true,
-            isButton: this.props.shape === 'button',
-            onChange: this.onChange,
-            selectedValue: this.state.value,
-            disabled: disabled,
-        };
-    }
-
-    componentWillReceiveProps(nextProps) {
-        let { value } = nextProps;
-        if ('value' in nextProps) {
-            if (value === undefined) {
-                value = '';
-            }
-            this.setState({
-                value,
-            });
-        }
-    }
-
-    onChange(currentValue, e) {
-        if (!('value' in this.props)) {
-            this.setState({ value: currentValue });
-        }
-        if (currentValue !== this.state.value) {
-            this.props.onChange(currentValue, e);
-        }
-    }
-
-    render() {
-        const {
-            rtl,
-            className,
-            disabled,
-            shape,
-            size,
-            style,
-            prefix,
-            itemDirection,
-            component,
-            isPreview,
-            renderPreview,
-        } = this.props;
-        const others = pickOthers(
-            Object.keys(RadioGroup.propTypes),
-            this.props
-        );
-
-        if (rtl) {
-            others.dir = 'rtl';
-        }
-
-        let children;
-        const previewed = {};
-        if (this.props.children) {
-            children = React.Children.map(
-                this.props.children,
-                (child, index) => {
-                    if (!React.isValidElement(child)) {
-                        return child;
-                    }
-                    const checked = this.state.value === child.props.value;
-                    if (checked) {
-                        previewed.label = child.props.children;
-                        previewed.value = child.props.value;
-                    }
-                    const tabIndex =
+    let children;
+    const previewed = {};
+    if (this.props.children) {
+      children = React.Children.map(
+        this.props.children,
+        (child, index) => {
+          if (!React.isValidElement(child)) {
+            return child;
+          }
+          const checked = this.state.value === child.props.value;
+          if (checked) {
+            previewed.label = child.props.children;
+            previewed.value = child.props.value;
+          }
+          const tabIndex =
                         (index === 0 && !this.state.value) || checked ? 0 : -1;
-                    const childrtl =
+          const childrtl =
                         child.props.rtl === undefined ? rtl : child.props.rtl;
-                    if (
-                        child.type &&
+          if (
+            child.type &&
                         child.type.displayName === 'Config(Radio)'
-                    ) {
-                        return React.cloneElement(child, {
-                            checked,
-                            tabIndex,
-                            rtl: childrtl,
-                        });
-                    }
-                    return React.cloneElement(child, {
-                        checked,
-                        rtl: childrtl,
-                    });
-                }
-            );
-        } else {
-            children = this.props.dataSource.map((item, index) => {
-                let option = item;
-                if (typeof item !== 'object') {
-                    option = {
-                        label: item,
-                        value: item,
-                        disabled,
-                    };
-                }
-                const checked = this.state.value === option.value;
-                if (checked) {
-                    previewed.label = option.label;
-                    previewed.value = option.value;
-                }
-                return (
-                    <Radio
-                        key={index}
-                        tabIndex={
-                            (index === 0 && !this.state.value) || checked
-                                ? 0
-                                : -1
-                        }
-                        value={option.value}
-                        checked={checked}
-                        label={option.label}
-                        disabled={disabled || option.disabled}
-                    />
-                );
+          ) {
+            return React.cloneElement(child, {
+              checked,
+              tabIndex,
+              rtl: childrtl,
             });
-        }
-
-        if (isPreview) {
-            const previewCls = classnames(className, `${prefix}form-preview`);
-
-            if ('renderPreview' in this.props) {
-                return (
-                    <div {...others} className={previewCls}>
-                        {renderPreview(previewed, this.props)}
-                    </div>
-                );
-            }
-
-            return (
-                <p {...others} className={previewCls}>
-                    {previewed.label}
-                </p>
-            );
-        }
-
-        const isButtonShape = shape === 'button';
-
-        const cls = classnames({
-            [`${prefix}radio-group`]: true,
-            [`${prefix}radio-group-${itemDirection}`]: !isButtonShape,
-            [`${prefix}radio-button`]: isButtonShape,
-            [`${prefix}radio-button-${size}`]: isButtonShape,
-            [className]: !!className,
+          }
+          return React.cloneElement(child, {
+            checked,
+            rtl: childrtl,
+          });
+        },
+      );
+    } else {
+      children = this.props.dataSource.map((item, index) => {
+        let option = item;
+        if (typeof item !== 'object') {
+          option = {
+            label: item,
+            value: item,
             disabled,
-        });
-
-        const TagName = component;
+          };
+        }
+        const checked = this.state.value === option.value;
+        if (checked) {
+          previewed.label = option.label;
+          previewed.value = option.value;
+        }
         return (
-            <TagName
-                {...others}
-                aria-disabled={disabled}
-                role="radiogroup"
-                className={cls}
-                style={style}
-            >
-                {children}
-            </TagName>
+          <Radio
+            key={index}
+            tabIndex={
+                            (index === 0 && !this.state.value) || checked
+                              ? 0
+                              : -1
+                        }
+            value={option.value}
+            checked={checked}
+            label={option.label}
+            disabled={disabled || option.disabled}
+          />
         );
+      });
     }
+
+    if (isPreview) {
+      const previewCls = classnames(className, `${prefix}form-preview`);
+
+      if ('renderPreview' in this.props) {
+        return (
+          <div {...others} className={previewCls}>
+            {renderPreview(previewed, this.props)}
+          </div>
+        );
+      }
+
+      return (
+        <p {...others} className={previewCls}>
+          {previewed.label}
+        </p>
+      );
+    }
+
+    const isButtonShape = shape === 'button';
+
+    const cls = classnames({
+      [`${prefix}radio-group`]: true,
+      [`${prefix}radio-group-${itemDirection}`]: !isButtonShape,
+      [`${prefix}radio-button`]: isButtonShape,
+      [`${prefix}radio-button-${size}`]: isButtonShape,
+      [className]: !!className,
+      disabled,
+    });
+
+    const TagName = component;
+    return (
+      <TagName
+        {...others}
+        aria-disabled={disabled}
+        role="radiogroup"
+        className={cls}
+        style={style}
+      >
+        {children}
+      </TagName>
+    );
+  }
 }
 
 export default ConfigProvider.config(RadioGroup);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/radio/radio.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/radio/radio.jsx
index 4adce8a67..c711588b9 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/radio/radio.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/radio/radio.jsx
@@ -11,302 +11,301 @@ const { makeChain, noop } = func;
  * @order 1
  */
 class Radio extends UIState {
-    static displayName = 'Radio';
-    static propTypes = {
-        ...ConfigProvider.propTypes,
-        /**
+  static displayName = 'Radio';
+
+  static propTypes = {
+    ...ConfigProvider.propTypes,
+    /**
          * 自定义类名
          */
-        className: PropTypes.string,
-        /**
+    className: PropTypes.string,
+    /**
          * 组件input的id
          */
-        id: PropTypes.string,
-        /**
+    id: PropTypes.string,
+    /**
          * 自定义内敛样式
          */
-        style: PropTypes.object,
-        /**
+    style: PropTypes.object,
+    /**
          * 设置radio是否选中
          */
-        checked: PropTypes.bool,
-        /**
+    checked: PropTypes.bool,
+    /**
          * 设置radio是否默认选中
          */
-        defaultChecked: PropTypes.bool,
-        /**
+    defaultChecked: PropTypes.bool,
+    /**
          * 通过属性配置label
          */
-        label: PropTypes.node,
-        /**
+    label: PropTypes.node,
+    /**
          * 状态变化时触发的事件
          * @param {Boolean} checked 是否选中
          * @param {Event} e Dom 事件对象
          */
-        onChange: PropTypes.func,
-        /**
+    onChange: PropTypes.func,
+    /**
          * 鼠标进入enter事件
          * @param {Event} e Dom 事件对象
          */
-        onMouseEnter: PropTypes.func,
-        /**
+    onMouseEnter: PropTypes.func,
+    /**
          * 鼠标离开事件
          * @param {Event} e Dom 事件对象
          */
-        onMouseLeave: PropTypes.func,
-        /**
+    onMouseLeave: PropTypes.func,
+    /**
          * radio是否被禁用
          */
-        disabled: PropTypes.bool,
-        /**
+    disabled: PropTypes.bool,
+    /**
          * radio 的value
          */
-        value: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.number,
-            PropTypes.bool,
-        ]),
-        /**
+    value: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.number,
+      PropTypes.bool,
+    ]),
+    /**
          * name
          */
-        name: PropTypes.string,
-        /**
+    name: PropTypes.string,
+    /**
          * 是否为预览态
          */
-        isPreview: PropTypes.bool,
-        /**
+    isPreview: PropTypes.bool,
+    /**
          * 预览态模式下渲染的内容
          * @param {number} value 评分值
          */
-        renderPreview: PropTypes.func,
-    };
+    renderPreview: PropTypes.func,
+  };
 
-    static defaultProps = {
-        onChange: noop,
-        onMouseLeave: noop,
-        onMouseEnter: noop,
-        tabIndex: 0,
-        prefix: 'next-',
-        isPreview: false,
-    };
+  static defaultProps = {
+    onChange: noop,
+    onMouseLeave: noop,
+    onMouseEnter: noop,
+    tabIndex: 0,
+    prefix: 'next-',
+    isPreview: false,
+  };
 
-    static contextTypes = {
-        onChange: PropTypes.func,
-        __group__: PropTypes.bool,
-        isButton: PropTypes.bool,
-        selectedValue: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.number,
-            PropTypes.bool,
-        ]),
-        disabled: PropTypes.bool,
-    };
+  static contextTypes = {
+    onChange: PropTypes.func,
+    __group__: PropTypes.bool,
+    isButton: PropTypes.bool,
+    selectedValue: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.number,
+      PropTypes.bool,
+    ]),
+    disabled: PropTypes.bool,
+  };
 
-    constructor(props, context) {
-        super(props);
+  constructor(props, context) {
+    super(props);
 
-        let checked;
-        if (context.__group__) {
-            checked = context.selectedValue === props.value;
-        } else if ('checked' in props) {
-            checked = props.checked;
-        } else {
-            checked = props.defaultChecked;
-        }
-
-        this.state = { checked };
-
-        this.onChange = this.onChange.bind(this);
-        this.disabled =
-            props.disabled ||
-            (context.__group__ && 'disabled' in context && context.disabled);
+    let checked;
+    if (context.__group__) {
+      checked = context.selectedValue === props.value;
+    } else if ('checked' in props) {
+      checked = props.checked;
+    } else {
+      checked = props.defaultChecked;
     }
 
-    componentWillReceiveProps(nextProps, nextContext) {
-        if (nextContext.__group__) {
-            const { selectedValue } = nextContext;
-            if ('selectedValue' in nextContext) {
-                this.setState({
-                    checked: selectedValue === nextProps.value,
-                });
-            }
-        } else if ('checked' in nextProps) {
-            this.setState({
-                checked: nextProps.checked,
-            });
-        }
+    this.state = { checked };
 
-        this.disabled =
+    this.onChange = this.onChange.bind(this);
+    this.disabled =
+            props.disabled ||
+            (context.__group__ && 'disabled' in context && context.disabled);
+  }
+
+  componentWillReceiveProps(nextProps, nextContext) {
+    if (nextContext.__group__) {
+      const { selectedValue } = nextContext;
+      if ('selectedValue' in nextContext) {
+        this.setState({
+          checked: selectedValue === nextProps.value,
+        });
+      }
+    } else if ('checked' in nextProps) {
+      this.setState({
+        checked: nextProps.checked,
+      });
+    }
+
+    this.disabled =
             nextProps.disabled ||
             (nextContext.__group__ &&
                 'disabled' in nextContext &&
                 nextContext.disabled);
 
-        // when disabled, reset UIState
-        if (this.disabled) {
-            // only class has an impact, no effect on visual
-            this.resetUIState();
-        }
+    // when disabled, reset UIState
+    if (this.disabled) {
+      // only class has an impact, no effect on visual
+      this.resetUIState();
     }
+  }
 
-    shouldComponentUpdate(nextProps, nextState, nextContext) {
-        const { shallowEqual } = obj;
-        return (
-            !shallowEqual(this.props, nextProps) ||
+  shouldComponentUpdate(nextProps, nextState, nextContext) {
+    const { shallowEqual } = obj;
+    return (
+      !shallowEqual(this.props, nextProps) ||
             !shallowEqual(this.state, nextState) ||
             !shallowEqual(this.nextContext, nextContext)
-        );
+    );
+  }
+
+  onChange(e) {
+    const { checked } = e.target;
+    const { value } = this.props;
+
+    if (this.context.__group__) {
+      this.context.onChange(value, e);
+    } else if (this.state.checked !== checked) {
+      if (!('checked' in this.props)) {
+        this.setState({
+          checked,
+        });
+      }
+      this.props.onChange(checked, e);
     }
+  }
 
-    onChange(e) {
-        const checked = e.target.checked;
-        const value = this.props.value;
+  render() {
+    /* eslint-disable no-unused-vars */
+    const {
+      id,
+      className,
+      children,
+      style,
+      label,
+      onMouseEnter,
+      onMouseLeave,
+      tabIndex,
+      rtl,
+      name,
+      isPreview,
+      renderPreview,
+      value,
+      ...otherProps
+    } = this.props;
+    const checked = !!this.state.checked;
+    const { disabled } = this;
+    const { isButton } = this.context;
+    const prefix = this.context.prefix || this.props.prefix;
 
-        if (this.context.__group__) {
-            this.context.onChange(value, e);
-        } else if (this.state.checked !== checked) {
-            if (!('checked' in this.props)) {
-                this.setState({
-                    checked: checked,
-                });
-            }
-            this.props.onChange(checked, e);
-        }
-    }
+    const others = obj.pickOthers(Radio.propTypes, otherProps);
+    const othersData = obj.pickAttrsWith(others, 'data-');
 
-    render() {
-        /* eslint-disable no-unused-vars */
-        const {
-            id,
-            className,
-            children,
-            style,
-            label,
-            onMouseEnter,
-            onMouseLeave,
-            tabIndex,
-            rtl,
-            name,
-            isPreview,
-            renderPreview,
-            value,
-            ...otherProps
-        } = this.props;
-        const checked = !!this.state.checked;
-        const disabled = this.disabled;
-        const isButton = this.context.isButton;
-        const prefix = this.context.prefix || this.props.prefix;
-
-        const others = obj.pickOthers(Radio.propTypes, otherProps);
-        const othersData = obj.pickAttrsWith(others, 'data-');
-
-        if (isPreview) {
-            const previewCls = classnames(className, `${prefix}form-preview`);
-
-            if ('renderPreview' in this.props) {
-                return (
-                    <div
-                        id={id}
-                        dir={rtl ? 'rtl' : 'ltr'}
-                        {...others}
-                        className={previewCls}
-                    >
-                        {renderPreview(checked, this.props)}
-                    </div>
-                );
-            }
-
-            return (
-                <p
-                    id={id}
-                    dir={rtl ? 'rtl' : 'ltr'}
-                    {...others}
-                    className={previewCls}
-                >
-                    {checked && (children || label || value)}
-                </p>
-            );
-        }
-
-        let input = (
-            <input
-                {...obj.pickOthers(othersData, others)}
-                name={name}
-                id={id}
-                tabIndex={tabIndex}
-                disabled={disabled}
-                checked={checked}
-                type="radio"
-                onChange={this.onChange}
-                aria-checked={checked}
-                className={`${prefix}radio-input`}
-            />
-        );
-
-        // disabled do not hove focus state
-        if (!disabled) {
-            input = this.getStateElement(input);
-        }
-
-        const cls = classnames({
-            [`${prefix}radio`]: true,
-            checked,
-            disabled,
-            [this.getStateClassName()]: true,
-        });
-        const clsInner = classnames({
-            [`${prefix}radio-inner`]: true,
-            press: checked,
-            unpress: !checked,
-        });
-        const clsWrapper = classnames({
-            [`${prefix}radio-wrapper`]: true,
-            [className]: !!className,
-            checked,
-            disabled,
-            [this.getStateClassName()]: true,
-        });
-        const childrenCls = `${prefix}radio-label`;
-
-        const radioComp = !isButton ? (
-            <span className={cls}>
-                <span className={clsInner} />
-                {input}
-            </span>
-        ) : (
-            <span className={`${prefix}radio-single-input`}>{input}</span>
-        );
+    if (isPreview) {
+      const previewCls = classnames(className, `${prefix}form-preview`);
 
+      if ('renderPreview' in this.props) {
         return (
-            <label
-                {...othersData}
-                dir={rtl ? 'rtl' : 'ltr'}
-                style={style}
-                aria-checked={checked}
-                aria-disabled={disabled}
-                className={clsWrapper}
-                onMouseEnter={
-                    disabled
-                        ? onMouseEnter
-                        : makeChain(this._onUIMouseEnter, onMouseEnter)
-                }
-                onMouseLeave={
-                    disabled
-                        ? onMouseLeave
-                        : makeChain(this._onUIMouseLeave, onMouseLeave)
-                }
-            >
-                {radioComp}
-                {[children, label].map((d, i) =>
-                    d !== undefined ? (
-                        <span key={i} className={childrenCls}>
-                            {d}
-                        </span>
-                    ) : null
-                )}
-            </label>
+          <div
+            id={id}
+            dir={rtl ? 'rtl' : 'ltr'}
+            {...others}
+            className={previewCls}
+          >
+            {renderPreview(checked, this.props)}
+          </div>
         );
+      }
+
+      return (
+        <p
+          id={id}
+          dir={rtl ? 'rtl' : 'ltr'}
+          {...others}
+          className={previewCls}
+        >
+          {checked && (children || label || value)}
+        </p>
+      );
     }
+
+    let input = (
+      <input
+        {...obj.pickOthers(othersData, others)}
+        name={name}
+        id={id}
+        tabIndex={tabIndex}
+        disabled={disabled}
+        checked={checked}
+        type="radio"
+        onChange={this.onChange}
+        aria-checked={checked}
+        className={`${prefix}radio-input`}
+      />
+    );
+
+    // disabled do not hove focus state
+    if (!disabled) {
+      input = this.getStateElement(input);
+    }
+
+    const cls = classnames({
+      [`${prefix}radio`]: true,
+      checked,
+      disabled,
+      [this.getStateClassName()]: true,
+    });
+    const clsInner = classnames({
+      [`${prefix}radio-inner`]: true,
+      press: checked,
+      unpress: !checked,
+    });
+    const clsWrapper = classnames({
+      [`${prefix}radio-wrapper`]: true,
+      [className]: !!className,
+      checked,
+      disabled,
+      [this.getStateClassName()]: true,
+    });
+    const childrenCls = `${prefix}radio-label`;
+
+    const radioComp = !isButton ? (
+      <span className={cls}>
+        <span className={clsInner} />
+        {input}
+      </span>
+    ) : (
+      <span className={`${prefix}radio-single-input`}>{input}</span>
+    );
+
+    return (
+      <label
+        {...othersData}
+        dir={rtl ? 'rtl' : 'ltr'}
+        style={style}
+        aria-checked={checked}
+        aria-disabled={disabled}
+        className={clsWrapper}
+        onMouseEnter={
+                    disabled
+                      ? onMouseEnter
+                      : makeChain(this._onUIMouseEnter, onMouseEnter)
+                }
+        onMouseLeave={
+                    disabled
+                      ? onMouseLeave
+                      : makeChain(this._onUIMouseLeave, onMouseLeave)
+                }
+      >
+        {radioComp}
+        {[children, label].map((d, i) => (d !== undefined ? (
+          <span key={i} className={childrenCls}>
+            {d}
+          </span>
+        ) : null))}
+      </label>
+    );
+  }
 }
 
 export default ConfigProvider.config(Radio);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/range/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/range/index.jsx
index f4f8010b4..08e859449 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/range/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/range/index.jsx
@@ -2,21 +2,21 @@ import ConfigProvider from '../config-provider';
 import Range from './view/range';
 
 export default ConfigProvider.config(Range, {
-    transform: /* istanbul ignore next */ (props, deprecated) => {
-        if ('hasTips' in props) {
-            deprecated('hasTips', 'hasTip', 'Range');
+  transform: /* istanbul ignore next */ (props, deprecated) => {
+    if ('hasTips' in props) {
+      deprecated('hasTips', 'hasTip', 'Range');
 
-            const { hasTips, ...others } = props;
-            props = { hasTip: hasTips, ...others };
-        }
+      const { hasTips, ...others } = props;
+      props = { hasTip: hasTips, ...others };
+    }
 
-        if ('tipFormatter' in props) {
-            deprecated('tipFormatter', 'tipRender', 'Range');
+    if ('tipFormatter' in props) {
+      deprecated('tipFormatter', 'tipRender', 'Range');
 
-            const { tipFormatter, ...others } = props;
-            props = { tipRender: tipFormatter, ...others };
-        }
+      const { tipFormatter, ...others } = props;
+      props = { tipRender: tipFormatter, ...others };
+    }
 
-        return props;
-    },
+    return props;
+  },
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/range/utils.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/range/utils.jsx
index e48c5a0b5..614073982 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/range/utils.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/range/utils.jsx
@@ -1,44 +1,44 @@
 export function inRange(value, range, min) {
-    if (!Array.isArray(range)) {
-        range = [min, range];
-    }
+  if (!Array.isArray(range)) {
+    range = [min, range];
+  }
 
-    return value >= range[0] && value <= range[1];
+  return value >= range[0] && value <= range[1];
 }
 
 export function getPercent(min, max, value) {
-    return ((value - min) * 100) / (max - min);
+  return ((value - min) * 100) / (max - min);
 }
 
 export function getPrecision(step) {
-    let precision = 0;
-    const stepString = step.toString();
-    if (stepString.indexOf('.') !== -1) {
-        precision = stepString.length - stepString.indexOf('.') - 1;
-    }
-    return precision;
+  let precision = 0;
+  const stepString = step.toString();
+  if (stepString.indexOf('.') !== -1) {
+    precision = stepString.length - stepString.indexOf('.') - 1;
+  }
+  return precision;
 }
 
 export function isEqual(left, right) {
-    if (Array.isArray(left)) {
-        return left[0] === right[0] && left[1] === right[1];
-    } else {
-        return left === right;
-    }
+  if (Array.isArray(left)) {
+    return left[0] === right[0] && left[1] === right[1];
+  } else {
+    return left === right;
+  }
 }
 
 export function getDragging(current, preValue) {
-    let dragging = 'upper';
+  let dragging = 'upper';
 
-    if (current > preValue[1]) {
-        dragging = 'upper';
-    } else if (current < preValue[0]) {
-        dragging = 'lower';
-    } else {
-        const mid = (preValue[0] + preValue[1]) / 2;
+  if (current > preValue[1]) {
+    dragging = 'upper';
+  } else if (current < preValue[0]) {
+    dragging = 'lower';
+  } else {
+    const mid = (preValue[0] + preValue[1]) / 2;
 
-        dragging = current < mid ? 'lower' : 'upper';
-    }
+    dragging = current < mid ? 'lower' : 'upper';
+  }
 
-    return dragging;
+  return dragging;
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/range/view/fixedSlider.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/range/view/fixedSlider.jsx
index cab75a3e1..be44a187f 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/range/view/fixedSlider.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/range/view/fixedSlider.jsx
@@ -4,192 +4,192 @@ import { events, func } from '../../util';
 import Balloon from '../../balloon';
 import { getPercent } from '../utils';
 
-const Tooltip = Balloon.Tooltip;
+const { Tooltip } = Balloon;
 const { noop } = func;
 
 function _getStyle(min, max, value, rtl) {
-    if (rtl) {
-        return {
-            left: `${getPercent(min, max, max + min - value[1])}%`,
-            right: `${getPercent(min, max, value[0])}%`,
-        };
-    }
+  if (rtl) {
     return {
-        left: `${getPercent(min, max, value[0])}%`,
-        right: `${100 - getPercent(min, max, value[1])}%`,
+      left: `${getPercent(min, max, max + min - value[1])}%`,
+      right: `${getPercent(min, max, value[0])}%`,
     };
+  }
+  return {
+    left: `${getPercent(min, max, value[0])}%`,
+    right: `${100 - getPercent(min, max, value[1])}%`,
+  };
 }
 
 function sliderFrag(props) {
-    const {
-        prefix,
-        min,
-        max,
-        value,
-        disabled,
-        onMouseEnter,
-        onMouseLeave,
-        onMouseDown,
-        rtl,
-    } = props;
+  const {
+    prefix,
+    min,
+    max,
+    value,
+    disabled,
+    onMouseEnter,
+    onMouseLeave,
+    onMouseDown,
+    rtl,
+  } = props;
 
-    const activeClass =
+  const activeClass =
         !disabled && props.hasMovingClass ? `${prefix}range-active` : '';
 
-    return (
-        <div
-            className={`${prefix}range-frag ${activeClass}`}
-            style={_getStyle(min, max, value, rtl)}
-            onMouseEnter={onMouseEnter}
-            onMouseLeave={onMouseLeave}
-            onMouseDown={onMouseDown}
-        >
-            <div className={`${prefix}range-selected`} />
+  return (
+    <div
+      className={`${prefix}range-frag ${activeClass}`}
+      style={_getStyle(min, max, value, rtl)}
+      onMouseEnter={onMouseEnter}
+      onMouseLeave={onMouseLeave}
+      onMouseDown={onMouseDown}
+    >
+      <div className={`${prefix}range-selected`} />
 
-            <div className={`${prefix}range-slider`}>
-                <div className={`${prefix}range-slider-inner`} />
-            </div>
-            <div className={`${prefix}range-slider`}>
-                <div className={`${prefix}range-slider-inner`} />
-            </div>
-        </div>
-    );
+      <div className={`${prefix}range-slider`}>
+        <div className={`${prefix}range-slider-inner`} />
+      </div>
+      <div className={`${prefix}range-slider`}>
+        <div className={`${prefix}range-slider-inner`} />
+      </div>
+    </div>
+  );
 }
 
 sliderFrag.propTypes = {
-    prefix: PropTypes.string,
-    min: PropTypes.number,
-    max: PropTypes.number,
-    hasMovingClass: PropTypes.bool,
-    onMouseEnter: PropTypes.func,
-    onMouseLeave: PropTypes.func,
-    onMouseDown: PropTypes.func,
-    value: PropTypes.arrayOf(PropTypes.number),
-    disabled: PropTypes.bool,
-    rtl: PropTypes.bool,
+  prefix: PropTypes.string,
+  min: PropTypes.number,
+  max: PropTypes.number,
+  hasMovingClass: PropTypes.bool,
+  onMouseEnter: PropTypes.func,
+  onMouseLeave: PropTypes.func,
+  onMouseDown: PropTypes.func,
+  value: PropTypes.arrayOf(PropTypes.number),
+  disabled: PropTypes.bool,
+  rtl: PropTypes.bool,
 };
 
 export default class FixedSlider extends React.Component {
-    static propTypes = {
-        hasTip: PropTypes.bool,
-        tooltipVisible: PropTypes.bool,
-        onTooltipVisibleChange: PropTypes.func,
-        tooltipAnimation: PropTypes.oneOfType([
-            PropTypes.bool,
-            PropTypes.object,
-        ]),
-        value: PropTypes.oneOfType([
-            PropTypes.number,
-            PropTypes.arrayOf(PropTypes.number),
-        ]),
-        tipRender: PropTypes.func,
-        disabled: PropTypes.bool,
-        hasMovingClass: PropTypes.bool,
-        rtl: PropTypes.bool,
+  static propTypes = {
+    hasTip: PropTypes.bool,
+    tooltipVisible: PropTypes.bool,
+    onTooltipVisibleChange: PropTypes.func,
+    tooltipAnimation: PropTypes.oneOfType([
+      PropTypes.bool,
+      PropTypes.object,
+    ]),
+    value: PropTypes.oneOfType([
+      PropTypes.number,
+      PropTypes.arrayOf(PropTypes.number),
+    ]),
+    tipRender: PropTypes.func,
+    disabled: PropTypes.bool,
+    hasMovingClass: PropTypes.bool,
+    rtl: PropTypes.bool,
+  };
+
+  static defaultProps = {
+    disabled: false,
+    hasTip: true,
+    onChange: noop,
+    onProcess: noop,
+    tipRender: value => value,
+    reverse: false,
+    rtl: false,
+  };
+
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      hasMovingClass: false,
+      onTooltipVisibleChange: false,
+      tooltipAnimation: true,
+    };
+  }
+
+  _onMouseEnter() {
+    if (!(this.keyState === 'down')) {
+      this.keyState = 'enter';
+    }
+    this.setState({
+      hasMovingClass: true,
+    });
+  }
+
+  _onMouseLeave() {
+    if (this.keyState === 'enter') {
+      this.setState({
+        hasMovingClass: false,
+      });
+    }
+  }
+
+  _onMouseDown() {
+    this.keyState = 'down';
+    this.setState({
+      hasMovingClass: true,
+    });
+    this._addDocumentEvents();
+  }
+
+  _onMouseUp() {
+    if (this.keyState === 'down') {
+      this.keyState = '';
+      this._removeDocumentEvents();
+      this.setState({
+        hasMovingClass: false,
+      });
+    }
+  }
+
+  _addDocumentEvents() {
+    this._onMouseUpListener = events.on(
+      document,
+      'mouseup',
+      this._onMouseUp.bind(this),
+    );
+  }
+
+  _removeDocumentEvents() {
+    if (this._onMouseUpListener) {
+      this._onMouseUpListener.off();
+      this._onMouseUpListener = null;
+    }
+  }
+
+  render() {
+    const {
+      hasTip,
+      value,
+      tipRender,
+      tooltipVisible,
+      hasMovingClass,
+    } = this.props;
+
+    const addedProps = {
+      hasMovingClass: hasMovingClass || this.state.hasMovingClass,
+      onMouseEnter: this._onMouseEnter.bind(this),
+      onMouseLeave: this._onMouseLeave.bind(this),
+      onMouseDown: this._onMouseDown.bind(this),
     };
 
-    static defaultProps = {
-        disabled: false,
-        hasTip: true,
-        onChange: noop,
-        onProcess: noop,
-        tipRender: value => value,
-        reverse: false,
-        rtl: false,
-    };
-
-    constructor(props) {
-        super(props);
-
-        this.state = {
-            hasMovingClass: false,
-            onTooltipVisibleChange: false,
-            tooltipAnimation: true,
-        };
-    }
-
-    _onMouseEnter() {
-        if (!(this.keyState === 'down')) {
-            this.keyState = 'enter';
-        }
-        this.setState({
-            hasMovingClass: true,
-        });
-    }
-
-    _onMouseLeave() {
-        if (this.keyState === 'enter') {
-            this.setState({
-                hasMovingClass: false,
-            });
-        }
-    }
-
-    _onMouseDown() {
-        this.keyState = 'down';
-        this.setState({
-            hasMovingClass: true,
-        });
-        this._addDocumentEvents();
-    }
-
-    _onMouseUp() {
-        if (this.keyState === 'down') {
-            this.keyState = '';
-            this._removeDocumentEvents();
-            this.setState({
-                hasMovingClass: false,
-            });
-        }
-    }
-
-    _addDocumentEvents() {
-        this._onMouseUpListener = events.on(
-            document,
-            'mouseup',
-            this._onMouseUp.bind(this)
-        );
-    }
-
-    _removeDocumentEvents() {
-        if (this._onMouseUpListener) {
-            this._onMouseUpListener.off();
-            this._onMouseUpListener = null;
-        }
-    }
-
-    render() {
-        const {
-            hasTip,
-            value,
-            tipRender,
-            tooltipVisible,
-            hasMovingClass,
-        } = this.props;
-
-        const addedProps = {
-            hasMovingClass: hasMovingClass || this.state.hasMovingClass,
-            onMouseEnter: this._onMouseEnter.bind(this),
-            onMouseLeave: this._onMouseLeave.bind(this),
-            onMouseDown: this._onMouseDown.bind(this),
-        };
-
-        return hasTip ? (
-            <Tooltip
-                popupContainer={target => target.parentNode}
-                popupProps={{
-                    visible: tooltipVisible || hasMovingClass,
-                    animation: this.state.tooltipAnimation
-                        ? { in: 'expandInUp', out: 'expandOutDown' }
-                        : false,
-                }}
-                trigger={sliderFrag({ ...this.props, ...addedProps })}
-                align="t"
-            >
-                {tipRender(`${value[0]}-${value[1]}`)}
-            </Tooltip>
-        ) : (
-            sliderFrag({ ...this.props, ...addedProps })
-        );
-    }
+    return hasTip ? (
+      <Tooltip
+        popupContainer={target => target.parentNode}
+        popupProps={{
+          visible: tooltipVisible || hasMovingClass,
+          animation: this.state.tooltipAnimation
+            ? { in: 'expandInUp', out: 'expandOutDown' }
+            : false,
+        }}
+        trigger={sliderFrag({ ...this.props, ...addedProps })}
+        align="t"
+      >
+        {tipRender(`${value[0]}-${value[1]}`)}
+      </Tooltip>
+    ) : (
+      sliderFrag({ ...this.props, ...addedProps })
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/range/view/mark.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/range/view/mark.jsx
index 5d8174ddf..acfb0ec88 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/range/view/mark.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/range/view/mark.jsx
@@ -4,72 +4,72 @@ import PropTypes from 'prop-types';
 import { inRange, getPercent } from '../utils';
 
 export default class Mark extends React.Component {
-    static propTypes = {
-        min: PropTypes.number,
-        max: PropTypes.number,
-        value: PropTypes.oneOfType([
-            PropTypes.number,
-            PropTypes.arrayOf(PropTypes.number),
-        ]),
-        prefix: PropTypes.string,
-        marks: PropTypes.object,
-        marksPosition: PropTypes.string,
-        rtl: PropTypes.bool,
-    };
+  static propTypes = {
+    min: PropTypes.number,
+    max: PropTypes.number,
+    value: PropTypes.oneOfType([
+      PropTypes.number,
+      PropTypes.arrayOf(PropTypes.number),
+    ]),
+    prefix: PropTypes.string,
+    marks: PropTypes.object,
+    marksPosition: PropTypes.string,
+    rtl: PropTypes.bool,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        min: 0,
-        max: 100,
-        value: 0,
-        marksPosition: '',
-        rtl: false,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    min: 0,
+    max: 100,
+    value: 0,
+    marksPosition: '',
+    rtl: false,
+  };
 
-    _renderItems() {
-        const { min, max, value, prefix, marks, rtl } = this.props;
-        const items = [];
+  _renderItems() {
+    const { min, max, value, prefix, marks, rtl } = this.props;
+    const items = [];
 
-        Object.keys(marks).forEach((mark, i) => {
-            const classes = classNames({
-                [`${prefix}range-mark-text`]: true,
-                activated: inRange(mark, value, min),
-            });
-            let style;
-            if (rtl) {
-                style = {
-                    right: `${getPercent(min, max, mark)}%`,
-                    left: 'auto',
-                };
-            } else {
-                style = {
-                    left: `${getPercent(min, max, mark)}%`,
-                    right: 'auto',
-                };
-            }
+    Object.keys(marks).forEach((mark, i) => {
+      const classes = classNames({
+        [`${prefix}range-mark-text`]: true,
+        activated: inRange(mark, value, min),
+      });
+      let style;
+      if (rtl) {
+        style = {
+          right: `${getPercent(min, max, mark)}%`,
+          left: 'auto',
+        };
+      } else {
+        style = {
+          left: `${getPercent(min, max, mark)}%`,
+          right: 'auto',
+        };
+      }
 
-            items.push(
-                // "key" is for https://fb.me/react-warning-keys
-                <span className={classes} style={style} key={i}>
-                    {marks[mark]}
-                </span>
-            );
-        });
+      items.push(
+        // "key" is for https://fb.me/react-warning-keys
+        <span className={classes} style={style} key={i}>
+          {marks[mark]}
+        </span>,
+      );
+    });
 
-        return items;
-    }
+    return items;
+  }
 
-    render() {
-        const { prefix, marksPosition } = this.props;
-        const className =
+  render() {
+    const { prefix, marksPosition } = this.props;
+    const className =
             marksPosition === 'above'
-                ? `${prefix}range-mark-above`
-                : `${prefix}range-mark-below`;
-        const classes = classNames(className, {
-            [`${prefix}range-mark`]: true,
-        });
-        const items = this._renderItems();
+              ? `${prefix}range-mark-above`
+              : `${prefix}range-mark-below`;
+    const classes = classNames(className, {
+      [`${prefix}range-mark`]: true,
+    });
+    const items = this._renderItems();
 
-        return <div className={classes}>{items}</div>;
-    }
+    return <div className={classes}>{items}</div>;
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/range/view/range.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/range/view/range.jsx
index 77dafab52..1e9d5b756 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/range/view/range.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/range/view/range.jsx
@@ -12,863 +12,864 @@ import Mark from './mark';
 import Slider from './slider';
 import FixedSlider from './fixedSlider';
 
-const Tooltip = Balloon.Tooltip;
+const { Tooltip } = Balloon;
 const { noop, bindCtx } = func;
 const { pickOthers } = obj;
 
 function _isMultiple(slider, isFixedWidth) {
-    return isFixedWidth || slider === 'double';
+  return isFixedWidth || slider === 'double';
 }
 
 function LowerSlider(props) {
-    const {
-        hasTip,
-        value,
-        tipRender,
-        slider,
-        tooltipVisible,
-        onTooltipVisibleChange,
-        tooltipAnimation,
-    } = props;
+  const {
+    hasTip,
+    value,
+    tipRender,
+    slider,
+    tooltipVisible,
+    onTooltipVisibleChange,
+    tooltipAnimation,
+  } = props;
 
-    if (_isMultiple(slider)) {
-        return hasTip ? (
-            <Tooltip
-                popupContainer={target => target.parentNode}
-                popupProps={{
-                    visible: tooltipVisible,
-                    onVisibleChange: onTooltipVisibleChange,
-                    animation: tooltipAnimation,
-                    needAdjust: false,
-                }}
-                trigger={Slider({ ...props, value: value[0] })}
-                align="t"
-            >
-                {tipRender(`${value[0]}`)}
-            </Tooltip>
-        ) : (
-            Slider({ ...props, value: value[0] })
-        );
-    }
-    return null;
+  if (_isMultiple(slider)) {
+    return hasTip ? (
+      <Tooltip
+        popupContainer={target => target.parentNode}
+        popupProps={{
+          visible: tooltipVisible,
+          onVisibleChange: onTooltipVisibleChange,
+          animation: tooltipAnimation,
+          needAdjust: false,
+        }}
+        trigger={Slider({ ...props, value: value[0] })}
+        align="t"
+      >
+        {tipRender(`${value[0]}`)}
+      </Tooltip>
+    ) : (
+      Slider({ ...props, value: value[0] })
+    );
+  }
+  return null;
 }
 
 LowerSlider.propTypes = {
-    hasTip: PropTypes.bool,
-    tooltipVisible: PropTypes.bool,
-    onTooltipVisibleChange: PropTypes.func,
-    tooltipAnimation: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
-    value: PropTypes.oneOfType([
-        PropTypes.number,
-        PropTypes.arrayOf(PropTypes.number),
-    ]),
-    tipRender: PropTypes.func,
-    slider: PropTypes.oneOf(['single', 'double']),
+  hasTip: PropTypes.bool,
+  tooltipVisible: PropTypes.bool,
+  onTooltipVisibleChange: PropTypes.func,
+  tooltipAnimation: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
+  value: PropTypes.oneOfType([
+    PropTypes.number,
+    PropTypes.arrayOf(PropTypes.number),
+  ]),
+  tipRender: PropTypes.func,
+  slider: PropTypes.oneOf(['single', 'double']),
 };
 
 function UpperSlider(props) {
-    const newprop = Object.assign({}, props);
-    const {
-        hasTip,
-        value,
-        tipRender,
-        slider,
-        tooltipVisible,
-        onTooltipVisibleChange,
-        tooltipAnimation,
-    } = newprop;
-    if (_isMultiple(slider)) {
-        delete newprop.onKeyDown;
-        return hasTip ? (
-            <Tooltip
-                popupContainer={target => target.parentNode}
-                popupProps={{
-                    visible: tooltipVisible,
-                    onVisibleChange: onTooltipVisibleChange,
-                    animation: tooltipAnimation,
-                    needAdjust: false,
-                }}
-                trigger={Slider({ ...newprop, value: value[1] })}
-                align="t"
-            >
-                {tipRender(value[1])}
-            </Tooltip>
-        ) : (
-            Slider({ ...newprop, value: value[1] })
-        );
-    }
+  const newprop = Object.assign({}, props);
+  const {
+    hasTip,
+    value,
+    tipRender,
+    slider,
+    tooltipVisible,
+    onTooltipVisibleChange,
+    tooltipAnimation,
+  } = newprop;
+  if (_isMultiple(slider)) {
+    delete newprop.onKeyDown;
     return hasTip ? (
-        <Tooltip
-            popupContainer={target => target.parentNode}
-            popupProps={{
-                visible: tooltipVisible,
-                onVisibleChange: onTooltipVisibleChange,
-                animation: tooltipAnimation,
-                needAdjust: false,
-            }}
-            animation={{
-                in: 'fadeInUp',
-                out: 'fadeOutDown',
-            }}
-            trigger={Slider(newprop)}
-            align="t"
-        >
-            {tipRender(value)}
-        </Tooltip>
+      <Tooltip
+        popupContainer={target => target.parentNode}
+        popupProps={{
+          visible: tooltipVisible,
+          onVisibleChange: onTooltipVisibleChange,
+          animation: tooltipAnimation,
+          needAdjust: false,
+        }}
+        trigger={Slider({ ...newprop, value: value[1] })}
+        align="t"
+      >
+        {tipRender(value[1])}
+      </Tooltip>
     ) : (
-        Slider(newprop)
+      Slider({ ...newprop, value: value[1] })
     );
+  }
+  return hasTip ? (
+    <Tooltip
+      popupContainer={target => target.parentNode}
+      popupProps={{
+        visible: tooltipVisible,
+        onVisibleChange: onTooltipVisibleChange,
+        animation: tooltipAnimation,
+        needAdjust: false,
+      }}
+      animation={{
+        in: 'fadeInUp',
+        out: 'fadeOutDown',
+      }}
+      trigger={Slider(newprop)}
+      align="t"
+    >
+      {tipRender(value)}
+    </Tooltip>
+  ) : (
+    Slider(newprop)
+  );
 }
 
 UpperSlider.propTypes = {
-    hasTip: PropTypes.bool,
-    tooltipVisible: PropTypes.bool,
-    onTooltipVisibleChange: PropTypes.func,
-    tooltipAnimation: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
-    value: PropTypes.oneOfType([
-        PropTypes.number,
-        PropTypes.arrayOf(PropTypes.number),
-    ]),
-    tipRender: PropTypes.func,
-    slider: PropTypes.oneOf(['single', 'double']),
+  hasTip: PropTypes.bool,
+  tooltipVisible: PropTypes.bool,
+  onTooltipVisibleChange: PropTypes.func,
+  tooltipAnimation: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
+  value: PropTypes.oneOfType([
+    PropTypes.number,
+    PropTypes.arrayOf(PropTypes.number),
+  ]),
+  tipRender: PropTypes.func,
+  slider: PropTypes.oneOf(['single', 'double']),
 };
 
 function pauseEvent(e) {
-    e.stopPropagation();
-    e.preventDefault();
+  e.stopPropagation();
+  e.preventDefault();
 }
 
 /** Range */
 class Range extends React.Component {
-    static contextTypes = {
-        prefix: PropTypes.string,
-    };
-    static propTypes = {
-        /**
+  static contextTypes = {
+    prefix: PropTypes.string,
+  };
+
+  static propTypes = {
+    /**
          * 样式类名的品牌前缀
          */
-        prefix: PropTypes.string,
-        /**
+    prefix: PropTypes.string,
+    /**
          * 自定义类名
          */
-        className: PropTypes.string,
-        /**
+    className: PropTypes.string,
+    /**
          * 自定义内敛样式
          */
-        style: PropTypes.object,
-        /**
+    style: PropTypes.object,
+    /**
          * 滑块个数
          * @enumdesc 单个, 两个
          */
-        slider: PropTypes.oneOf(['single', 'double']),
-        /**
+    slider: PropTypes.oneOf(['single', 'double']),
+    /**
          * 最小值
          */
-        min: PropTypes.number,
-        /**
+    min: PropTypes.number,
+    /**
          * 最大值
          */
-        max: PropTypes.number,
-        /**
+    max: PropTypes.number,
+    /**
          * 步长，取值必须大于 0，并且可被 (max - min) 整除。
          */
-        step: PropTypes.number,
-        /**
+    step: PropTypes.number,
+    /**
          * 设置当前取值。当 `slider` 为 `single` 时，使用 `Number`，否则用 `[Number, Number]`
          */
-        value: PropTypes.oneOfType([
-            PropTypes.number,
-            PropTypes.arrayOf(PropTypes.number),
-        ]),
-        tempValue: PropTypes.oneOfType([
-            PropTypes.number,
-            PropTypes.arrayOf(PropTypes.number),
-        ]),
-        /**
+    value: PropTypes.oneOfType([
+      PropTypes.number,
+      PropTypes.arrayOf(PropTypes.number),
+    ]),
+    tempValue: PropTypes.oneOfType([
+      PropTypes.number,
+      PropTypes.arrayOf(PropTypes.number),
+    ]),
+    /**
          * 设置初始取值。当 `slider` 为 `single` 时，使用 `Number`，否则用 `[Number, Number]`
          */
-        defaultValue: PropTypes.oneOfType([
-            PropTypes.number,
-            PropTypes.arrayOf(PropTypes.number),
-        ]),
-        /**
+    defaultValue: PropTypes.oneOfType([
+      PropTypes.number,
+      PropTypes.arrayOf(PropTypes.number),
+    ]),
+    /**
          * 刻度数值显示逻辑（false 代表不显示，array 枚举显示的值，number 代表按 number 平分，object 表示按 key 划分，value 值显示）
          */
-        marks: PropTypes.oneOfType([
-            PropTypes.bool,
-            PropTypes.number,
-            PropTypes.arrayOf(PropTypes.number),
-            PropTypes.object,
-        ]),
-        /**
+    marks: PropTypes.oneOfType([
+      PropTypes.bool,
+      PropTypes.number,
+      PropTypes.arrayOf(PropTypes.number),
+      PropTypes.object,
+    ]),
+    /**
          * marks显示在上方('above')or下方('below')
          */
-        marksPosition: PropTypes.oneOf(['above', 'below']),
-        /**
+    marksPosition: PropTypes.oneOf(['above', 'below']),
+    /**
          * 值为 `true` 时，滑块为禁用状态
          */
-        disabled: PropTypes.bool,
-        /**
+    disabled: PropTypes.bool,
+    /**
          * 当 Range 的值发生改变后，会触发 onChange 事件，并把改变后的值作为参数传入, 如果设置了value, 要配合此函数做受控使用
          * @param {String/number} value
          */
-        onChange: PropTypes.func,
-        /**
+    onChange: PropTypes.func,
+    /**
          * 滑块拖动的时候触发的事件,不建议在这里setState, 一般情况下不需要用, 滑动时有特殊需求时使用
          * @param {String/number} value
          */
-        onProcess: PropTypes.func,
-        /**
+    onProcess: PropTypes.func,
+    /**
          * 是否显示 tip
          */
-        hasTip: PropTypes.bool,
-        /**
+    hasTip: PropTypes.bool,
+    /**
          * 自定义 tip 显示内容
          * @param {Number|String} value 值
          * @return {ReactNode} 显示内容
          */
-        tipRender: PropTypes.func,
-        id: PropTypes.string,
-        /**
+    tipRender: PropTypes.func,
+    id: PropTypes.string,
+    /**
          * 选中态反转
          */
-        reverse: PropTypes.bool,
-        /**
+    reverse: PropTypes.bool,
+    /**
          * 是否pure render
          */
-        pure: PropTypes.bool,
-        /**
+    pure: PropTypes.bool,
+    /**
          * 是否为拖动线段类型,默认slider为double, defaultValue必传且指定区间
          */
-        fixedWidth: PropTypes.bool,
-        /**
+    fixedWidth: PropTypes.bool,
+    /**
          * tooltip是否默认展示
          */
-        tooltipVisible: PropTypes.bool,
-        /**
+    tooltipVisible: PropTypes.bool,
+    /**
          * 是否已rtl模式展示
          */
-        rtl: PropTypes.bool,
-        /**
+    rtl: PropTypes.bool,
+    /**
          * 是否为预览态
          */
-        isPreview: PropTypes.bool,
-        /**
+    isPreview: PropTypes.bool,
+    /**
          * 预览态模式下渲染的内容
          * @param {number} value 评分值
          */
-        renderPreview: PropTypes.func,
-    };
+    renderPreview: PropTypes.func,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        slider: 'single',
-        min: 0,
-        max: 100,
-        step: 1,
-        marks: false,
-        disabled: false,
-        fixedWidth: false,
-        tooltipVisible: false,
-        hasTip: true,
-        onChange: noop,
-        onProcess: noop,
-        tipRender: value => value,
-        reverse: false,
-        pure: false,
-        marksPosition: 'above',
-        rtl: false,
-        isPreview: false,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    slider: 'single',
+    min: 0,
+    max: 100,
+    step: 1,
+    marks: false,
+    disabled: false,
+    fixedWidth: false,
+    tooltipVisible: false,
+    hasTip: true,
+    onChange: noop,
+    onProcess: noop,
+    tipRender: value => value,
+    reverse: false,
+    pure: false,
+    marksPosition: 'above',
+    rtl: false,
+    isPreview: false,
+  };
 
-    constructor(props) {
-        super(props);
-        const { min } = props;
-        const initialValue = _isMultiple(props.slider) ? [min, min] : min;
-        const defaultValue =
+  constructor(props) {
+    super(props);
+    const { min } = props;
+    const initialValue = _isMultiple(props.slider) ? [min, min] : min;
+    const defaultValue =
             'defaultValue' in props ? props.defaultValue : initialValue;
-        const value = props.value !== undefined ? props.value : defaultValue;
+    const value = props.value !== undefined ? props.value : defaultValue;
 
-        this.state = {
-            value,
-            tempValue: value,
-            hasMovingClass: false,
-            lowerTooltipVisible: false,
-            upperTooltipVisible: false,
-            tooltipAnimation: true,
-        };
+    this.state = {
+      value,
+      tempValue: value,
+      hasMovingClass: false,
+      lowerTooltipVisible: false,
+      upperTooltipVisible: false,
+      tooltipAnimation: true,
+    };
 
-        bindCtx(this, [
-            'handleLowerTooltipVisibleChange',
-            'handleUpperTooltipVisibleChange',
-            'onKeyDown',
-        ]);
+    bindCtx(this, [
+      'handleLowerTooltipVisibleChange',
+      'handleUpperTooltipVisibleChange',
+      'onKeyDown',
+    ]);
+  }
+
+  static getDerivedStateFromProps(props, state) {
+    if ('value' in props) {
+      const { min, slider, value } = props;
+      const { hasMovingClass } = state;
+      const newState = {
+        value,
+      };
+
+      if (value === undefined) {
+        newState.value = _isMultiple(slider) ? [min, min] : min;
+      }
+
+      if (!hasMovingClass) {
+        newState.tempValue = newState.value;
+      }
+
+      return newState;
     }
+    return null;
+  }
 
-    static getDerivedStateFromProps(props, state) {
-        if ('value' in props) {
-            const { min, slider, value } = props;
-            const { hasMovingClass } = state;
-            const newState = {
-                value,
-            };
-
-            if (value === undefined) {
-                newState.value = _isMultiple(slider) ? [min, min] : min;
-            }
-
-            if (!hasMovingClass) {
-                newState.tempValue = newState.value;
-            }
-
-            return newState;
+  _marksToScales(marks) {
+    let result = [];
+    if (Object.prototype.toString.call(marks) === '[object Object]') {
+      for (const key in marks) {
+        if (Object.hasOwnProperty.call(marks, key)) {
+          result.push(parseInt(key));
         }
-        return null;
+      }
+    } else {
+      result = marks;
     }
+    return result;
+  }
 
-    _marksToScales(marks) {
-        let result = [];
-        if (Object.prototype.toString.call(marks) === '[object Object]') {
-            for (const key in marks) {
-                if (Object.hasOwnProperty.call(marks, key)) {
-                    result.push(parseInt(key));
-                }
-            }
-        } else {
-            result = marks;
+  _calcScales() {
+    const { min, max, marks } = this.props;
+    const scales = this._marksToScales(marks);
+
+    if (scales !== false) {
+      if (Array.isArray(scales)) {
+        return scales;
+      } else {
+        const pace = (max - min) / scales;
+        const result = [];
+
+        result.push(min);
+        for (let i = 1; i < scales; i++) {
+          result.push(min + i * pace);
         }
+        result.push(max);
         return result;
+      }
+    } else {
+      return [];
     }
+  }
 
-    _calcScales() {
-        const { min, max, marks } = this.props;
-        const scales = this._marksToScales(marks);
+  _calcMarks() {
+    const { min, max, marks } = this.props;
 
-        if (scales !== false) {
-            if (Array.isArray(scales)) {
-                return scales;
-            } else {
-                const pace = (max - min) / scales;
-                const result = [];
+    let result = {};
 
-                result.push(min);
-                for (let i = 1; i < scales; i++) {
-                    result.push(min + i * pace);
-                }
-                result.push(max);
-                return result;
-            }
-        } else {
-            return [];
+    if (Array.isArray(marks)) {
+      marks.forEach(m => {
+        result[m] = m.toString();
+      });
+    } else if (typeof marks === 'number') {
+      const pace = (max - min) / marks;
+
+      result[min] = min;
+      for (let i = 1; i < marks; i++) {
+        let mark = min + i * pace;
+        let precision = getPrecision(mark);
+        if (precision > 2) {
+          precision = 2;
         }
+        mark = mark.toFixed(precision);
+        result[mark] = mark;
+      }
+      result[max] = max;
+    } else {
+      result = marks;
     }
+    return result;
+  }
 
-    _calcMarks() {
-        const { min, max, marks } = this.props;
-
-        let result = {};
-
-        if (Array.isArray(marks)) {
-            marks.forEach(m => {
-                result[m] = m.toString();
-            });
-        } else if (typeof marks === 'number') {
-            const pace = (max - min) / marks;
-
-            result[min] = min;
-            for (let i = 1; i < marks; i++) {
-                let mark = min + i * pace;
-                let precision = getPrecision(mark);
-                if (precision > 2) {
-                    precision = 2;
-                }
-                mark = mark.toFixed(precision);
-                result[mark] = mark;
-            }
-            result[max] = max;
-        } else {
-            result = marks;
-        }
-        return result;
+  _onMouseDown(e) {
+    if (e.button === 0) {
+      this._start(e.pageX);
+      this._addDocumentMouseEvents();
+      pauseEvent(e);
     }
+  }
 
-    _onMouseDown(e) {
-        if (e.button === 0) {
-            this._start(e.pageX);
-            this._addDocumentMouseEvents();
-            pauseEvent(e);
-        }
-    }
+  _onTouchStart(e) {
+    this._start(e.targetTouches[0].pageX);
+    this._addDocumentTouchEvents();
+    e.stopPropagation(); // preventDefault() will be ignored: https://www.chromestatus.com/features/5093566007214080
+  }
 
-    _onTouchStart(e) {
-        this._start(e.targetTouches[0].pageX);
-        this._addDocumentTouchEvents();
-        e.stopPropagation(); // preventDefault() will be ignored: https://www.chromestatus.com/features/5093566007214080
-    }
+  onKeyDown(e) {
+    if (this.props.disabled) return;
 
-    onKeyDown(e) {
-        if (this.props.disabled) return;
-
-        if (
-            e.keyCode === KEYCODE.LEFT_ARROW ||
+    if (
+      e.keyCode === KEYCODE.LEFT_ARROW ||
             e.keyCode === KEYCODE.RIGHT_ARROW
-        ) {
-            e.stopPropagation();
-            e.preventDefault();
-            let newValue;
-            if (e.keyCode === KEYCODE.LEFT_ARROW) {
-                newValue = this.state.value - this.props.step;
-            } else {
-                newValue = this.state.value + this.props.step;
-            }
-            if (newValue > this.props.max) {
-                newValue = this.props.max;
-            }
-            if (newValue < this.props.min) {
-                newValue = this.props.min;
-            }
-            if (newValue !== this.state.value) {
-                this.setState({
-                    value: newValue,
-                });
-                this.props.onChange(newValue);
-            }
-        }
-    }
-
-    _start(position) {
+    ) {
+      e.stopPropagation();
+      e.preventDefault();
+      let newValue;
+      if (e.keyCode === KEYCODE.LEFT_ARROW) {
+        newValue = this.state.value - this.props.step;
+      } else {
+        newValue = this.state.value + this.props.step;
+      }
+      if (newValue > this.props.max) {
+        newValue = this.props.max;
+      }
+      if (newValue < this.props.min) {
+        newValue = this.props.min;
+      }
+      if (newValue !== this.state.value) {
         this.setState({
-            hasMovingClass: true,
+          value: newValue,
         });
+        this.props.onChange(newValue);
+      }
+    }
+  }
 
-        const { tempValue } = this.state;
-        const range = this.dom;
-        const start = dom.getOffset(range).left;
-        // used in unit test
-        let width = range.clientWidth;
-        if (!width) {
-            if (range.style.width) {
-                const index = range.style.width.indexOf('px');
-                if (index !== -1) {
-                    width = Number(range.style.width.slice(0, index));
-                }
-            }
+  _start(position) {
+    this.setState({
+      hasMovingClass: true,
+    });
+
+    const { tempValue } = this.state;
+    const range = this.dom;
+    const start = dom.getOffset(range).left;
+    // used in unit test
+    let width = range.clientWidth;
+    if (!width) {
+      if (range.style.width) {
+        const index = range.style.width.indexOf('px');
+        if (index !== -1) {
+          width = Number(range.style.width.slice(0, index));
         }
-
-        this._moving = {
-            start,
-            end: start + width,
-            startValue: tempValue,
-        };
-
-        // change on start
-        this._onProcess(position, true);
+      }
     }
 
-    _end() {
-        const { startValue } = this._moving;
-        const { tempValue, value } = this.state;
-        this._moving = null;
-        this._removeDocumentEvents();
+    this._moving = {
+      start,
+      end: start + width,
+      startValue: tempValue,
+    };
+
+    // change on start
+    this._onProcess(position, true);
+  }
+
+  _end() {
+    const { startValue } = this._moving;
+    const { tempValue, value } = this.state;
+    this._moving = null;
+    this._removeDocumentEvents();
+    this.setState({
+      hasMovingClass: false,
+      lowerTooltipVisible: false,
+      upperTooltipVisible: false,
+      tooltipAnimation: true,
+    });
+
+    if (!isEqual(tempValue, startValue)) {
+      // Not Controlled
+      if (!('value' in this.props)) {
         this.setState({
-            hasMovingClass: false,
-            lowerTooltipVisible: false,
-            upperTooltipVisible: false,
-            tooltipAnimation: true,
+          value: tempValue,
         });
-
-        if (!isEqual(tempValue, startValue)) {
-            // Not Controlled
-            if (!('value' in this.props)) {
-                this.setState({
-                    value: tempValue,
-                });
-            } else {
-                this.setState({
-                    // tooltipVisible: false,
-                    tempValue: value,
-                    value,
-                });
-            }
-            this.props.onChange(tempValue);
-        }
+      } else {
+        this.setState({
+          // tooltipVisible: false,
+          tempValue: value,
+          value,
+        });
+      }
+      this.props.onChange(tempValue);
     }
+  }
 
-    _move(e) {
-        const position =
+  _move(e) {
+    const position =
             e.type === 'mousemove' ? e.pageX : e.targetTouches[0].pageX;
-        this._onProcess(position);
-    }
+    this._onProcess(position);
+  }
 
-    _onProcess(position, start) {
-        const { tempValue } = this.state;
-        const current = this._positionToCurrent(position); //current 为当前click的value
+  _onProcess(position, start) {
+    const { tempValue } = this.state;
+    const current = this._positionToCurrent(position); // current 为当前click的value
 
-        if (this.isFixedWidth) {
-            if (start) {
-                this.lastPosition = current;
-            }
-        } else if (start) {
-            this.lastPosition = current;
-            if (_isMultiple(this.props.slider)) {
-                this._moving.dragging = getDragging(current, tempValue);
-            } else {
-                this._moving.dragging = 'upper';
-            }
-
-            this.setState({
-                lowerTooltipVisible: this._moving.dragging === 'lower',
-                upperTooltipVisible: this._moving.dragging === 'upper',
-                tooltipAnimation: false,
-            });
-        } else if (
-            this.oldDragging === 'lower' &&
-            this._moving.dragging === 'upper'
-        ) {
-            this.setState({
-                upperTooltipVisible: true,
-                lowerTooltipVisible: false,
-            });
-        } else if (
-            this.oldDragging === 'upper' &&
-            this._moving.dragging === 'lower'
-        ) {
-            this.setState({
-                upperTooltipVisible: false,
-                lowerTooltipVisible: true,
-            });
-        }
-
-        this.oldDragging = this._moving.dragging;
-
-        const nextValue = this._currentToValue(
-            current,
-            tempValue,
-            this.lastPosition,
-            this.isFixedWidth
-        ); //计算range的新value,可能是数组,可能是单个值
+    if (this.isFixedWidth) {
+      if (start) {
         this.lastPosition = current;
+      }
+    } else if (start) {
+      this.lastPosition = current;
+      if (_isMultiple(this.props.slider)) {
+        this._moving.dragging = getDragging(current, tempValue);
+      } else {
+        this._moving.dragging = 'upper';
+      }
 
-        if (!isEqual(nextValue, tempValue)) {
-            this.setState({
-                tempValue: nextValue,
-            });
-            this.props.onProcess(nextValue);
-        }
+      this.setState({
+        lowerTooltipVisible: this._moving.dragging === 'lower',
+        upperTooltipVisible: this._moving.dragging === 'upper',
+        tooltipAnimation: false,
+      });
+    } else if (
+      this.oldDragging === 'lower' &&
+            this._moving.dragging === 'upper'
+    ) {
+      this.setState({
+        upperTooltipVisible: true,
+        lowerTooltipVisible: false,
+      });
+    } else if (
+      this.oldDragging === 'upper' &&
+            this._moving.dragging === 'lower'
+    ) {
+      this.setState({
+        upperTooltipVisible: false,
+        lowerTooltipVisible: true,
+      });
     }
 
-    _addDocumentMouseEvents() {
-        this._onMouseMoveListener = events.on(
-            document,
-            'mousemove',
-            this._move.bind(this)
-        );
-        this._onMouseUpListener = events.on(
-            document,
-            'mouseup',
-            this._end.bind(this)
-        );
+    this.oldDragging = this._moving.dragging;
+
+    const nextValue = this._currentToValue(
+      current,
+      tempValue,
+      this.lastPosition,
+      this.isFixedWidth,
+    ); // 计算range的新value,可能是数组,可能是单个值
+    this.lastPosition = current;
+
+    if (!isEqual(nextValue, tempValue)) {
+      this.setState({
+        tempValue: nextValue,
+      });
+      this.props.onProcess(nextValue);
+    }
+  }
+
+  _addDocumentMouseEvents() {
+    this._onMouseMoveListener = events.on(
+      document,
+      'mousemove',
+      this._move.bind(this),
+    );
+    this._onMouseUpListener = events.on(
+      document,
+      'mouseup',
+      this._end.bind(this),
+    );
+  }
+
+  _addDocumentTouchEvents() {
+    this._onTouchMoveListener = events.on(
+      document,
+      'touchmove',
+      this._move.bind(this),
+    );
+    this._onTouchEndListener = events.on(
+      document,
+      'touchend',
+      this._end.bind(this),
+    );
+  }
+
+  _removeDocumentEvents() {
+    if (this._onMouseMoveListener) {
+      this._onMouseMoveListener.off();
+      this._onMouseMoveListener = null;
     }
 
-    _addDocumentTouchEvents() {
-        this._onTouchMoveListener = events.on(
-            document,
-            'touchmove',
-            this._move.bind(this)
-        );
-        this._onTouchEndListener = events.on(
-            document,
-            'touchend',
-            this._end.bind(this)
-        );
+    if (this._onMouseUpListener) {
+      this._onMouseUpListener.off();
+      this._onMouseUpListener = null;
     }
 
-    _removeDocumentEvents() {
-        if (this._onMouseMoveListener) {
-            this._onMouseMoveListener.off();
-            this._onMouseMoveListener = null;
-        }
-
-        if (this._onMouseUpListener) {
-            this._onMouseUpListener.off();
-            this._onMouseUpListener = null;
-        }
-
-        if (this._onTouchMoveListener) {
-            this._onTouchMoveListener.off();
-            this._onTouchMoveListener = null;
-        }
-
-        if (this._onTouchEndListener) {
-            this._onTouchEndListener.off();
-            this._onTouchEndListener = null;
-        }
+    if (this._onTouchMoveListener) {
+      this._onTouchMoveListener.off();
+      this._onTouchMoveListener = null;
     }
 
-    // position => current (value type)
-    _positionToCurrent(position) {
-        const { start, end } = this._moving;
-        const { step, min, max, rtl } = this.props;
-
-        if (position < start) {
-            position = start;
-        } else if (position > end) {
-            position = end;
-        }
-        let percent = getPercent(start, end, position);
-        percent = rtl ? 100 - percent : percent;
-        // reset by step
-        const newValue = parseFloat(
-            (Math.round(((percent / 100) * (max - min)) / step) * step).toFixed(
-                getPrecision(step)
-            )
-        );
-
-        return min + newValue;
+    if (this._onTouchEndListener) {
+      this._onTouchEndListener.off();
+      this._onTouchEndListener = null;
     }
+  }
 
-    _currentToValue(current, preValue, lastPosition, isFixedWidth) {
-        const { dragging } = this._moving;
-        const { min, max } = this.props;
+  // position => current (value type)
+  _positionToCurrent(position) {
+    const { start, end } = this._moving;
+    const { step, min, max, rtl } = this.props;
 
-        if (!_isMultiple(this.props.slider, isFixedWidth)) {
-            return current;
+    if (position < start) {
+      position = start;
+    } else if (position > end) {
+      position = end;
+    }
+    let percent = getPercent(start, end, position);
+    percent = rtl ? 100 - percent : percent;
+    // reset by step
+    const newValue = parseFloat(
+      (Math.round(((percent / 100) * (max - min)) / step) * step).toFixed(
+        getPrecision(step),
+      ),
+    );
+
+    return min + newValue;
+  }
+
+  _currentToValue(current, preValue, lastPosition, isFixedWidth) {
+    const { dragging } = this._moving;
+    const { min, max } = this.props;
+
+    if (!_isMultiple(this.props.slider, isFixedWidth)) {
+      return current;
+    } else {
+      let result;
+
+      const precision = getPrecision(this.props.step);
+      const diff = current - lastPosition;
+      const newLeft = +(+preValue[0] + diff).toFixed(precision);
+      const newRight = +(+preValue[1] + diff).toFixed(precision);
+
+      const newMaxLeft = +(max - preValue[1] + preValue[0]).toFixed(
+        precision,
+      );
+      const newMinRight = +(min + preValue[1] - preValue[0]).toFixed(
+        precision,
+      );
+
+      if (isFixedWidth) {
+        if (newLeft < min) {
+          result = [min, newMinRight];
+        } else if (newRight > max) {
+          result = [newMaxLeft, max];
         } else {
-            let result;
-
-            const precision = getPrecision(this.props.step);
-            const diff = current - lastPosition;
-            const newLeft = +(+preValue[0] + diff).toFixed(precision);
-            const newRight = +(+preValue[1] + diff).toFixed(precision);
-
-            const newMaxLeft = +(max - preValue[1] + preValue[0]).toFixed(
-                precision
-            );
-            const newMinRight = +(min + preValue[1] - preValue[0]).toFixed(
-                precision
-            );
-
-            if (isFixedWidth) {
-                if (newLeft < min) {
-                    result = [min, newMinRight];
-                } else if (newRight > max) {
-                    result = [newMaxLeft, max];
-                } else {
-                    result = [newLeft, newRight];
-                }
-            } else if (dragging === 'lower') {
-                if (current > preValue[1]) {
-                    result = [preValue[1], current];
-                    this._moving.dragging = 'upper';
-                } else {
-                    result = [current, preValue[1]];
-                }
-            } else if (dragging === 'upper') {
-                if (current < preValue[0]) {
-                    result = [current, preValue[0]];
-                    this._moving.dragging = 'lower';
-                } else {
-                    result = [preValue[0], current];
-                }
-            }
-
-            return result;
+          result = [newLeft, newRight];
         }
+      } else if (dragging === 'lower') {
+        if (current > preValue[1]) {
+          result = [preValue[1], current];
+          this._moving.dragging = 'upper';
+        } else {
+          result = [current, preValue[1]];
+        }
+      } else if (dragging === 'upper') {
+        if (current < preValue[0]) {
+          result = [current, preValue[0]];
+          this._moving.dragging = 'lower';
+        } else {
+          result = [preValue[0], current];
+        }
+      }
+
+      return result;
+    }
+  }
+
+  handleLowerTooltipVisibleChange(visible) {
+    if (this.state.hasMovingClass) {
+      return;
+    }
+    this.setState({
+      lowerTooltipVisible: visible,
+    });
+  }
+
+  handleUpperTooltipVisibleChange(visible) {
+    if (this.state.hasMovingClass) {
+      return;
+    }
+    this.setState({
+      upperTooltipVisible: visible,
+    });
+  }
+
+  render() {
+    let value = this._moving ? this.state.tempValue : this.state.value;
+
+    const {
+      prefix,
+      min,
+      max,
+      disabled,
+      style,
+      id,
+      slider,
+      reverse,
+      className,
+      marks,
+      marksPosition,
+      hasTip,
+      tipRender,
+      fixedWidth,
+      defaultValue,
+      tooltipVisible,
+      rtl,
+      isPreview,
+      renderPreview,
+    } = this.props;
+
+    const others = pickOthers(Object.keys(Range.propTypes), this.props);
+
+    const classes = classNames({
+      [`${prefix}range`]: true,
+      disabled,
+      [className]: className,
+    });
+
+    if (Array.isArray(value)) {
+      value.forEach((item, index) => {
+        if (item > max) {
+          value[index] = max;
+        }
+      });
+    } else if (value > max) {
+      value = max;
     }
 
-    handleLowerTooltipVisibleChange(visible) {
-        if (this.state.hasMovingClass) {
-            return;
-        }
-        this.setState({
-            lowerTooltipVisible: visible,
-        });
-    }
+    const commonProps = {
+      prefix,
+      min,
+      max,
+      value,
+      reverse,
+      slider,
+      hasTip,
+      tipRender,
+      marksPosition,
+      tooltipVisible,
+      hasMovingClass: this.state.hasMovingClass,
+      disabled,
+      rtl,
+    };
 
-    handleUpperTooltipVisibleChange(visible) {
-        if (this.state.hasMovingClass) {
-            return;
-        }
-        this.setState({
-            upperTooltipVisible: visible,
-        });
-    }
-
-    render() {
-        let value = this._moving ? this.state.tempValue : this.state.value;
-
-        const {
-            prefix,
-            min,
-            max,
-            disabled,
-            style,
-            id,
-            slider,
-            reverse,
-            className,
-            marks,
-            marksPosition,
-            hasTip,
-            tipRender,
-            fixedWidth,
-            defaultValue,
-            tooltipVisible,
-            rtl,
-            isPreview,
-            renderPreview,
-        } = this.props;
-
-        const others = pickOthers(Object.keys(Range.propTypes), this.props);
-
-        const classes = classNames({
-            [`${prefix}range`]: true,
-            disabled: disabled,
-            [className]: className,
-        });
-
-        if (Array.isArray(value)) {
-            value.forEach((item, index) => {
-                if (item > max) {
-                    value[index] = max;
-                }
-            });
-        } else if (value > max) {
-            value = max;
-        }
-
-        const commonProps = {
-            prefix,
-            min,
-            max,
-            value,
-            reverse,
-            slider,
-            hasTip,
-            tipRender,
-            marksPosition,
-            tooltipVisible,
-            hasMovingClass: this.state.hasMovingClass,
-            disabled,
-            rtl,
-        };
-
-        this.isFixedWidth =
+    this.isFixedWidth =
             fixedWidth &&
             (value
-                ? Array.isArray(value)
-                : defaultValue
+              ? Array.isArray(value)
+              : defaultValue
                 ? Array.isArray(defaultValue)
                 : false);
 
-        if (isPreview) {
-            const previewCls = classNames(className, `${prefix}form-preview`);
-
-            if ('renderPreview' in this.props) {
-                return (
-                    <div
-                        id={id}
-                        dir={rtl ? 'rtl' : 'ltr'}
-                        {...others}
-                        className={previewCls}
-                    >
-                        {renderPreview(value, this.props)}
-                    </div>
-                );
-            }
-
-            return (
-                <p
-                    id={id}
-                    dir={rtl ? 'rtl' : 'ltr'}
-                    {...others}
-                    className={previewCls}
-                >
-                    {Array.isArray(value) ? value.join('~') : value}
-                </p>
-            );
-        }
+    if (isPreview) {
+      const previewCls = classNames(className, `${prefix}form-preview`);
 
+      if ('renderPreview' in this.props) {
         return (
-            <div
-                ref={dom => {
-                    this.dom = dom;
-                }}
-                {...others}
-                style={style}
-                className={classes}
-                id={id}
-                dir={rtl ? 'rtl' : 'ltr'}
-                onMouseDown={disabled ? noop : this._onMouseDown.bind(this)}
-                onTouchStart={disabled ? noop : this._onTouchStart.bind(this)}
-            >
-                {marks !== false && marksPosition === 'above' ? (
-                    <Mark {...commonProps} marks={this._calcMarks()} />
-                ) : null}
-                <div className={`${prefix}range-inner`}>
-                    <Scale {...commonProps} scales={this._calcScales()} />
-                    <Track {...commonProps} />
-                    {this.isFixedWidth ? (
-                        <FixedSlider {...commonProps} />
-                    ) : (
-                        <div>
-                            <Selected {...commonProps} />
-                            <LowerSlider
-                                {...commonProps}
-                                hasMovingClass={
+          <div
+            id={id}
+            dir={rtl ? 'rtl' : 'ltr'}
+            {...others}
+            className={previewCls}
+          >
+            {renderPreview(value, this.props)}
+          </div>
+        );
+      }
+
+      return (
+        <p
+          id={id}
+          dir={rtl ? 'rtl' : 'ltr'}
+          {...others}
+          className={previewCls}
+        >
+          {Array.isArray(value) ? value.join('~') : value}
+        </p>
+      );
+    }
+
+    return (
+      <div
+        ref={dom => {
+          this.dom = dom;
+        }}
+        {...others}
+        style={style}
+        className={classes}
+        id={id}
+        dir={rtl ? 'rtl' : 'ltr'}
+        onMouseDown={disabled ? noop : this._onMouseDown.bind(this)}
+        onTouchStart={disabled ? noop : this._onTouchStart.bind(this)}
+      >
+        {marks !== false && marksPosition === 'above' ? (
+          <Mark {...commonProps} marks={this._calcMarks()} />
+        ) : null}
+        <div className={`${prefix}range-inner`}>
+          <Scale {...commonProps} scales={this._calcScales()} />
+          <Track {...commonProps} />
+          {this.isFixedWidth ? (
+            <FixedSlider {...commonProps} />
+          ) : (
+            <div>
+              <Selected {...commonProps} />
+              <LowerSlider
+                {...commonProps}
+                hasMovingClass={
                                     this.state.hasMovingClass &&
                                     this._moving &&
                                     this._moving.dragging === 'lower'
                                 }
-                                tooltipVisible={
+                tooltipVisible={
                                     tooltipVisible ||
                                     this.state.lowerTooltipVisible
                                 }
-                                onTooltipVisibleChange={
+                onTooltipVisibleChange={
                                     this.handleLowerTooltipVisibleChange
                                 }
-                                tooltipAnimation={
+                tooltipAnimation={
                                     this.state.tooltipAnimation
-                                        ? {
-                                              in: 'expandInUp',
-                                              out: 'expandOutDown',
-                                          }
-                                        : false
+                                      ? {
+                                        in: 'expandInUp',
+                                        out: 'expandOutDown',
+                                      }
+                                      : false
                                 }
-                            />
-                            <UpperSlider
-                                {...commonProps}
-                                onKeyDown={this.onKeyDown}
-                                hasMovingClass={
+              />
+              <UpperSlider
+                {...commonProps}
+                onKeyDown={this.onKeyDown}
+                hasMovingClass={
                                     this.state.hasMovingClass &&
                                     this._moving &&
                                     this._moving.dragging === 'upper'
                                 }
-                                tooltipVisible={
+                tooltipVisible={
                                     tooltipVisible ||
                                     this.state.upperTooltipVisible
                                 }
-                                onTooltipVisibleChange={
+                onTooltipVisibleChange={
                                     this.handleUpperTooltipVisibleChange
                                 }
-                                tooltipAnimation={
+                tooltipAnimation={
                                     this.state.tooltipAnimation
-                                        ? {
-                                              in: 'expandInUp',
-                                              out: 'expandOutDown',
-                                          }
-                                        : false
+                                      ? {
+                                        in: 'expandInUp',
+                                        out: 'expandOutDown',
+                                      }
+                                      : false
                                 }
-                            />
-                        </div>
-                    )}
-                </div>
-                {marks !== false && marksPosition === 'below' ? (
-                    <Mark {...commonProps} marks={this._calcMarks()} />
-                ) : null}
+              />
             </div>
-        );
-    }
+          )}
+        </div>
+        {marks !== false && marksPosition === 'below' ? (
+          <Mark {...commonProps} marks={this._calcMarks()} />
+        ) : null}
+      </div>
+    );
+  }
 }
 
 export default polyfill(Range);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/range/view/scale.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/range/view/scale.jsx
index 002ee2b62..1d238fc55 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/range/view/scale.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/range/view/scale.jsx
@@ -4,64 +4,64 @@ import PropTypes from 'prop-types';
 import { inRange, getPercent } from '../utils';
 
 export default class Scale extends React.Component {
-    static propTypes = {
-        min: PropTypes.number,
-        max: PropTypes.number,
-        value: PropTypes.oneOfType([
-            PropTypes.number,
-            PropTypes.arrayOf(PropTypes.number),
-        ]),
-        prefix: PropTypes.string,
-        scales: PropTypes.arrayOf(PropTypes.number),
-        rtl: PropTypes.bool,
-    };
+  static propTypes = {
+    min: PropTypes.number,
+    max: PropTypes.number,
+    value: PropTypes.oneOfType([
+      PropTypes.number,
+      PropTypes.arrayOf(PropTypes.number),
+    ]),
+    prefix: PropTypes.string,
+    scales: PropTypes.arrayOf(PropTypes.number),
+    rtl: PropTypes.bool,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        min: 0,
-        max: 100,
-        value: 0,
-        rtl: false,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    min: 0,
+    max: 100,
+    value: 0,
+    rtl: false,
+  };
 
-    _renderItems() {
-        const { min, max, value, prefix, scales, rtl } = this.props;
-        const items = [];
+  _renderItems() {
+    const { min, max, value, prefix, scales, rtl } = this.props;
+    const items = [];
 
-        scales.forEach((scale, i) => {
-            const classes = classNames({
-                [`${prefix}range-scale-item`]: true,
-                activated: inRange(scale, value, min),
-            });
-            let style;
-            if (rtl) {
-                style = {
-                    right: `${getPercent(min, max, scale)}%`,
-                    left: 'auto',
-                };
-            } else {
-                style = {
-                    left: `${getPercent(min, max, scale)}%`,
-                    right: 'auto',
-                };
-            }
+    scales.forEach((scale, i) => {
+      const classes = classNames({
+        [`${prefix}range-scale-item`]: true,
+        activated: inRange(scale, value, min),
+      });
+      let style;
+      if (rtl) {
+        style = {
+          right: `${getPercent(min, max, scale)}%`,
+          left: 'auto',
+        };
+      } else {
+        style = {
+          left: `${getPercent(min, max, scale)}%`,
+          right: 'auto',
+        };
+      }
 
-            items.push(
-                // "key" is for https://fb.me/react-warning-keys
-                <span className={classes} style={style} key={i} />
-            );
-        });
+      items.push(
+        // "key" is for https://fb.me/react-warning-keys
+        <span className={classes} style={style} key={i} />,
+      );
+    });
 
-        return items;
-    }
+    return items;
+  }
 
-    render() {
-        const { prefix } = this.props;
-        const classes = classNames({
-            [`${prefix}range-scale`]: true,
-        });
-        const items = this._renderItems();
+  render() {
+    const { prefix } = this.props;
+    const classes = classNames({
+      [`${prefix}range-scale`]: true,
+    });
+    const items = this._renderItems();
 
-        return <div className={classes}>{items}</div>;
-    }
+    return <div className={classes}>{items}</div>;
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/range/view/selected.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/range/view/selected.jsx
index 65c1bcb99..b5f1b2944 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/range/view/selected.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/range/view/selected.jsx
@@ -4,126 +4,126 @@ import PropTypes from 'prop-types';
 import { getPercent } from '../utils';
 
 export default class Selected extends React.Component {
-    static propTypes = {
-        min: PropTypes.number,
-        max: PropTypes.number,
-        slider: PropTypes.string,
-        value: PropTypes.oneOfType([
-            PropTypes.number,
-            PropTypes.arrayOf(PropTypes.number),
-        ]),
-        prefix: PropTypes.string,
-        reverse: PropTypes.bool,
-        rtl: PropTypes.bool,
+  static propTypes = {
+    min: PropTypes.number,
+    max: PropTypes.number,
+    slider: PropTypes.string,
+    value: PropTypes.oneOfType([
+      PropTypes.number,
+      PropTypes.arrayOf(PropTypes.number),
+    ]),
+    prefix: PropTypes.string,
+    reverse: PropTypes.bool,
+    rtl: PropTypes.bool,
+  };
+
+  static defaultProps = {
+    prefix: 'next-',
+    slider: 'single',
+    min: 0,
+    max: 100,
+    value: 0,
+    reverse: false,
+    rtl: false,
+  };
+
+  _getStyle() {
+    const { min, max, reverse, rtl } = this.props;
+    let { value } = this.props;
+
+    if (!Array.isArray(value)) {
+      value = [min, value];
+    }
+    const width = ((value[1] - value[0]) * 100) / (max - min);
+
+    let style;
+
+    if (!rtl && !reverse) {
+      // normal select
+      style = {
+        width: `${width}%`,
+        left: `${getPercent(min, max, value[0])}%`,
+      };
+    } else if (rtl && !reverse) {
+      // select in rtl mode
+      style = {
+        width: `${width}%`,
+        left: `${getPercent(min, max, max + min - value[1])}%`,
+      };
+    } else if (!rtl && reverse) {
+      // select in reverse mode
+      style = {
+        width: `${100 - width}%`,
+        left: `${getPercent(min, max, value[0]) + width}%`,
+      };
+    } else {
+      // select in rtl & reverse mode
+      style = {
+        width: `${100 - width}%`,
+        left: `${getPercent(min, max, value[0])}%`,
+      };
+    }
+
+    return style;
+  }
+
+  _getStyleLeft() {
+    const { min, max, rtl } = this.props;
+    let { value } = this.props;
+
+    if (!Array.isArray(value)) {
+      value = [min, value];
+    }
+
+    const style = {
+      width: `${getPercent(min, max, value[0])}%`,
+      left: 0,
+    };
+    if (rtl) {
+      style.width = `${100 - getPercent(min, max, value[1])}%`;
+    }
+    return style;
+  }
+
+  _getStyleRight() {
+    const { min, max, rtl } = this.props;
+    let { value } = this.props;
+
+    if (!Array.isArray(value)) {
+      value = [min, value];
+    }
+    const width = ((value[1] - value[0]) * 100) / (max - min);
+
+    let style = {
+      width: `${100 - getPercent(min, max, value[0]) - width}%`,
+      left: `${getPercent(min, max, value[0]) + width}%`,
     };
 
-    static defaultProps = {
-        prefix: 'next-',
-        slider: 'single',
-        min: 0,
-        max: 100,
-        value: 0,
-        reverse: false,
-        rtl: false,
-    };
+    if (rtl) {
+      style = {
+        width: `${getPercent(min, max, value[0])}%`,
+        left: `${100 - getPercent(min, max, value[0])}%`,
+      };
+    }
+    return style;
+  }
 
-    _getStyle() {
-        const { min, max, reverse, rtl } = this.props;
-        let { value } = this.props;
+  render() {
+    const { prefix, slider, reverse, rtl } = this.props;
+    const classes = classNames({
+      [`${prefix}range-selected`]: true,
+    });
+    let SeletedComps = <div className={classes} style={this._getStyle()} />;
 
-        if (!Array.isArray(value)) {
-            value = [min, value];
-        }
-        const width = ((value[1] - value[0]) * 100) / (max - min);
-
-        let style;
-
-        if (!rtl && !reverse) {
-            // normal select
-            style = {
-                width: `${width}%`,
-                left: `${getPercent(min, max, value[0])}%`,
-            };
-        } else if (rtl && !reverse) {
-            // select in rtl mode
-            style = {
-                width: `${width}%`,
-                left: `${getPercent(min, max, max + min - value[1])}%`,
-            };
-        } else if (!rtl && reverse) {
-            // select in reverse mode
-            style = {
-                width: `${100 - width}%`,
-                left: `${getPercent(min, max, value[0]) + width}%`,
-            };
-        } else {
-            // select in rtl & reverse mode
-            style = {
-                width: `${100 - width}%`,
-                left: `${getPercent(min, max, value[0])}%`,
-            };
-        }
-
-        return style;
+    if (slider === 'double' && reverse) {
+      SeletedComps = (
+        <div>
+          <div className={classes} style={this._getStyleLeft()} />
+          <div className={classes} style={this._getStyleRight()} />
+        </div>
+      );
     }
 
-    _getStyleLeft() {
-        const { min, max, rtl } = this.props;
-        let { value } = this.props;
-
-        if (!Array.isArray(value)) {
-            value = [min, value];
-        }
-
-        const style = {
-            width: `${getPercent(min, max, value[0])}%`,
-            left: 0,
-        };
-        if (rtl) {
-            style.width = `${100 - getPercent(min, max, value[1])}%`;
-        }
-        return style;
-    }
-
-    _getStyleRight() {
-        const { min, max, rtl } = this.props;
-        let { value } = this.props;
-
-        if (!Array.isArray(value)) {
-            value = [min, value];
-        }
-        const width = ((value[1] - value[0]) * 100) / (max - min);
-
-        let style = {
-            width: `${100 - getPercent(min, max, value[0]) - width}%`,
-            left: `${getPercent(min, max, value[0]) + width}%`,
-        };
-
-        if (rtl) {
-            style = {
-                width: `${getPercent(min, max, value[0])}%`,
-                left: `${100 - getPercent(min, max, value[0])}%`,
-            };
-        }
-        return style;
-    }
-
-    render() {
-        const { prefix, slider, reverse, rtl } = this.props;
-        const classes = classNames({
-            [`${prefix}range-selected`]: true,
-        });
-        let SeletedComps = <div className={classes} style={this._getStyle()} />;
-
-        if (slider === 'double' && reverse) {
-            SeletedComps = (
-                <div>
-                    <div className={classes} style={this._getStyleLeft()} />
-                    <div className={classes} style={this._getStyleRight()} />
-                </div>
-            );
-        }
-
-        return SeletedComps;
-    }
+    return SeletedComps;
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/range/view/slider.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/range/view/slider.jsx
index b739b1764..604a085c2 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/range/view/slider.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/range/view/slider.jsx
@@ -4,54 +4,54 @@ import PropTypes from 'prop-types';
 import { getPercent } from '../utils';
 
 function _getProps(min, max, value, rtl) {
-    return {
-        style: {
-            left: rtl
-                ? `${100 - getPercent(min, max, value)}%`
-                : `${getPercent(min, max, value)}%`,
-            zIndex: 100,
-        },
-        'aria-valuenow': value,
-        'aria-valuetext': value,
-        'aria-valuemin': min,
-        'aria-valuemax': max,
-    };
+  return {
+    style: {
+      left: rtl
+        ? `${100 - getPercent(min, max, value)}%`
+        : `${getPercent(min, max, value)}%`,
+      zIndex: 100,
+    },
+    'aria-valuenow': value,
+    'aria-valuetext': value,
+    'aria-valuemin': min,
+    'aria-valuemax': max,
+  };
 }
 
 function Slider({ prefix, hasMovingClass, min, max, value, onKeyDown, rtl }) {
-    const classes = classNames({
-        [`${prefix}range-slider`]: true,
-        [`${prefix}range-slider-moving`]: hasMovingClass,
-    });
-    return (
-        <div
-            className={classes}
-            onKeyDown={onKeyDown}
-            role="slider"
-            tabIndex={0}
-            {..._getProps(min, max, value, rtl)}
-        >
-            <div className={`${prefix}range-slider-inner`} />
-        </div>
-    );
+  const classes = classNames({
+    [`${prefix}range-slider`]: true,
+    [`${prefix}range-slider-moving`]: hasMovingClass,
+  });
+  return (
+    <div
+      className={classes}
+      onKeyDown={onKeyDown}
+      role="slider"
+      tabIndex={0}
+      {..._getProps(min, max, value, rtl)}
+    >
+      <div className={`${prefix}range-slider-inner`} />
+    </div>
+  );
 }
 
 Slider.propTypes = {
-    min: PropTypes.number,
-    max: PropTypes.number,
-    value: PropTypes.number,
-    prefix: PropTypes.string,
-    hasMovingClass: PropTypes.bool,
-    rtl: PropTypes.bool,
+  min: PropTypes.number,
+  max: PropTypes.number,
+  value: PropTypes.number,
+  prefix: PropTypes.string,
+  hasMovingClass: PropTypes.bool,
+  rtl: PropTypes.bool,
 };
 
 Slider.defaultProps = {
-    prefix: 'next-',
-    min: 0,
-    max: 100,
-    value: 0,
-    hasMovingClass: false,
-    rtl: false,
+  prefix: 'next-',
+  min: 0,
+  max: 100,
+  value: 0,
+  hasMovingClass: false,
+  rtl: false,
 };
 
 export default Slider;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/range/view/track.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/range/view/track.jsx
index 61e764034..3c2374e11 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/range/view/track.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/range/view/track.jsx
@@ -3,18 +3,18 @@ import React from 'react';
 import PropTypes from 'prop-types';
 
 const Track = ({ prefix }) => {
-    const classes = classNames({
-        [`${prefix}range-track`]: true,
-    });
-    return <div className={classes} />;
+  const classes = classNames({
+    [`${prefix}range-track`]: true,
+  });
+  return <div className={classes} />;
 };
 
 Track.propTypes = {
-    prefix: PropTypes.string,
+  prefix: PropTypes.string,
 };
 
 Track.defaultProps = {
-    prefix: 'next-',
+  prefix: 'next-',
 };
 
 export default Track;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/rating/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/rating/index.jsx
index 483e0d075..a52f6be99 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/rating/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/rating/index.jsx
@@ -2,17 +2,17 @@ import ConfigProvider from '../config-provider';
 import Rating from './rating';
 
 export default ConfigProvider.config(Rating, {
-    transform: /* istanbul ignore next */ (props, deprecated) => {
-        if ('type' in props) {
-            deprecated('type', 'showGrade', 'Rating');
+  transform: /* istanbul ignore next */ (props, deprecated) => {
+    if ('type' in props) {
+      deprecated('type', 'showGrade', 'Rating');
 
-            const { type, ...others } = props;
-            props = { showGrade: type === 'grade', ...others };
-        }
+      const { type, ...others } = props;
+      props = { showGrade: type === 'grade', ...others };
+    }
 
-        const { disabled, readOnly } = props;
-        props.disabled = disabled || readOnly;
+    const { disabled, readOnly } = props;
+    props.disabled = disabled || readOnly;
 
-        return props;
-    },
+    return props;
+  },
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/rating/rating.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/rating/rating.jsx
index 051e268c8..5dbda78c1 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/rating/rating.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/rating/rating.jsx
@@ -13,519 +13,519 @@ const supportKeys = [ENTER, LEFT, UP, RIGHT, DOWN];
 
 // 评分组件的大小与icon的大小映射关系
 const ICON_SIZE_MAP = {
-    small: 'xs',
-    medium: 'small',
-    large: 'medium',
+  small: 'xs',
+  medium: 'small',
+  large: 'medium',
 };
 
 /** Rating */
 class Rating extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    /**
          * 默认值
          */
-        defaultValue: PropTypes.number,
-        /**
+    defaultValue: PropTypes.number,
+    /**
          * 值
          */
-        value: PropTypes.number,
-        /**
+    value: PropTypes.number,
+    /**
          * 评分的总数
          */
-        count: PropTypes.number,
-        /**
+    count: PropTypes.number,
+    /**
          * 是否显示 grade
          */
-        showGrade: PropTypes.bool,
-        /**
+    showGrade: PropTypes.bool,
+    /**
          * 尺寸
          */
-        size: PropTypes.oneOf(['small', 'medium', 'large']),
-        /**
+    size: PropTypes.oneOf(['small', 'medium', 'large']),
+    /**
          * 是否允许半星评分
          */
-        allowHalf: PropTypes.bool,
-        /**
+    allowHalf: PropTypes.bool,
+    /**
          * 用户点击评分时触发的回调
          * @param {String} value 评分值
          */
-        onChange: PropTypes.func,
-        /**
+    onChange: PropTypes.func,
+    /**
          * 用户hover评分时触发的回调
          * @param {String} value 评分值
          */
-        onHoverChange: PropTypes.func,
-        /**
+    onHoverChange: PropTypes.func,
+    /**
          * 是否禁用
          */
-        disabled: PropTypes.bool,
-        /**
+    disabled: PropTypes.bool,
+    /**
          * 评分文案生成方法，传入id支持无障碍时，读屏软件可读
          */
-        readAs: PropTypes.func,
-        // 实验属性: 自定义评分icon
-        iconType: PropTypes.string,
-        // 实验属性: 开启 `-webkit-text-stroke` 显示边框颜色，在IE中无效
-        strokeMode: PropTypes.bool,
-        className: PropTypes.string,
-        id: PropTypes.string,
-        rtl: PropTypes.bool,
-        /**
+    readAs: PropTypes.func,
+    // 实验属性: 自定义评分icon
+    iconType: PropTypes.string,
+    // 实验属性: 开启 `-webkit-text-stroke` 显示边框颜色，在IE中无效
+    strokeMode: PropTypes.bool,
+    className: PropTypes.string,
+    id: PropTypes.string,
+    rtl: PropTypes.bool,
+    /**
          * 自定义国际化文案对象
          */
-        locale: PropTypes.object,
-        /**
+    locale: PropTypes.object,
+    /**
          * 是否为预览态
          */
-        isPreview: PropTypes.bool,
-        /**
+    isPreview: PropTypes.bool,
+    /**
          * 预览态模式下渲染的内容
          * @param {number} value 评分值
          */
-        renderPreview: PropTypes.func,
-        /**
+    renderPreview: PropTypes.func,
+    /**
          * 是否为只读态，效果上同 disabeld
          */
-        readOnly: PropTypes.bool,
+    readOnly: PropTypes.bool,
+  };
+
+  static defaultProps = {
+    prefix: 'next-',
+    size: 'medium',
+    disabled: false,
+    readOnly: false,
+    isPreview: false,
+    count: 5,
+    showGrade: false,
+    defaultValue: 0,
+    readAs: val => val,
+    allowHalf: false,
+    iconType: 'favorites-filling',
+    onChange: noop,
+    onHoverChange: noop,
+    locale: zhCN.Rating,
+  };
+
+  static currentValue(min, max, hoverValue, stateValue) {
+    let value = hoverValue || stateValue;
+
+    value = value >= max ? max : value;
+    value = value <= min ? min : value;
+
+    return value || 0;
+  }
+
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      value: 'value' in props ? props.value : props.defaultValue,
+      hoverValue: 0,
+      iconSpace: 0,
+      iconSize: 0,
+      clicked: false, // 标记组件是否被点击过
     };
+    this.timer = null;
 
-    static defaultProps = {
-        prefix: 'next-',
-        size: 'medium',
-        disabled: false,
-        readOnly: false,
-        isPreview: false,
-        count: 5,
-        showGrade: false,
-        defaultValue: 0,
-        readAs: val => val,
-        allowHalf: false,
-        iconType: 'favorites-filling',
-        onChange: noop,
-        onHoverChange: noop,
-        locale: zhCN.Rating,
-    };
+    bindCtx(this, [
+      'handleClick',
+      'handleHover',
+      'handleLeave',
+      'onKeyDown',
+    ]);
+  }
 
-    static currentValue(min, max, hoverValue, stateValue) {
-        let value = hoverValue ? hoverValue : stateValue;
-
-        value = value >= max ? max : value;
-        value = value <= min ? min : value;
-
-        return value || 0;
+  static getDerivedStateFromProps(nextProps, prevState) {
+    const state = {};
+    if ('value' in nextProps) {
+      state.value = nextProps.value || 0;
     }
 
-    constructor(props) {
-        super(props);
-
-        this.state = {
-            value: 'value' in props ? props.value : props.defaultValue,
-            hoverValue: 0,
-            iconSpace: 0,
-            iconSize: 0,
-            clicked: false, // 标记组件是否被点击过
-        };
-        this.timer = null;
-
-        bindCtx(this, [
-            'handleClick',
-            'handleHover',
-            'handleLeave',
-            'onKeyDown',
-        ]);
-    }
-
-    static getDerivedStateFromProps(nextProps, prevState) {
-        const state = {};
-        if ('value' in nextProps) {
-            state.value = nextProps.value || 0;
-        }
-
-        if (
-            'disabled' in nextProps ||
+    if (
+      'disabled' in nextProps ||
             'readOnly' in nextProps ||
             'isPreview' in nextProps ||
             'renderPreview' in nextProps
-        ) {
-            state.disabled =
+    ) {
+      state.disabled =
                 nextProps.disabled ||
                 nextProps.readOnly ||
                 (nextProps.isPreview && !('renderPreview' in nextProps));
-        }
-
-        return state;
     }
 
-    componentDidMount() {
-        this.getRenderResult();
+    return state;
+  }
+
+  componentDidMount() {
+    this.getRenderResult();
+  }
+
+  componentWillUnmount() {
+    this.clearTimer();
+  }
+
+  // 清除延时
+  clearTimer() {
+    if (this.timer) {
+      clearTimeout(this.timer);
+      this.timer = null;
     }
+  }
 
-    componentWillUnmount() {
-        this.clearTimer();
-    }
+  getRenderResult() {
+    const { count } = this.props;
+    const { iconSpace, iconSize } = this.state;
+    const icon = this.refs['rating-icon-0'];
 
-    // 清除延时
-    clearTimer() {
-        if (this.timer) {
-            clearTimeout(this.timer);
-            this.timer = null;
-        }
-    }
-
-    getRenderResult() {
-        const { count } = this.props;
-        const { iconSpace, iconSize } = this.state;
-        const icon = this.refs['rating-icon-0'];
-
-        if (icon && this.underlayNode) {
-            const newIconSize = icon.offsetWidth;
-            const newIconSpace =
+    if (icon && this.underlayNode) {
+      const newIconSize = icon.offsetWidth;
+      const newIconSpace =
                 (this.underlayNode.offsetWidth - count * newIconSize) /
                 (count + 1);
 
-            if (newIconSize !== iconSize || newIconSpace !== iconSpace) {
-                this.setState({
-                    iconSpace: newIconSpace,
-                    iconSize: newIconSize,
-                });
-            }
-        }
-    }
-
-    getValue(e) {
-        // 如定位不准，优先纠正定位
-        this.getRenderResult();
-
-        const { allowHalf, count, rtl } = this.props;
-        const { iconSpace, iconSize } = this.state;
-
-        const pos = e.pageX - this.underlayNode.getBoundingClientRect().left;
-        const fullNum = Math.floor(pos / (iconSpace + iconSize));
-        const surplusNum =
-            (pos - fullNum * (iconSpace + iconSize) - iconSpace) / iconSize;
-        let value = Number(fullNum) + Number(surplusNum.toFixed(1));
-        if (value >= count) {
-            value = count;
-        } else if (allowHalf) {
-            const floorValue = Math.floor(value);
-            if (rtl) {
-                value =
-                    value - 0.5 >= floorValue
-                        ? floorValue + 1.5
-                        : floorValue + 1;
-            } else {
-                value =
-                    value - 0.5 >= floorValue
-                        ? floorValue + 1
-                        : floorValue + 0.5;
-            }
-        } else {
-            value = Math.floor(value) + 1;
-        }
-
-        return rtl ? count - value + 1 : value;
-    }
-
-    handleHover(e) {
-        if (this.state.disabled) {
-            return;
-        }
-
-        const value = this.getValue(e);
-        const { onHoverChange } = this.props;
-        if (value !== this.state.hoverValue) {
-            this.clearTimer();
-
-            this.timer = setTimeout(() => {
-                this.setState({ hoverValue: value }, () => {
-                    onHoverChange(value);
-                });
-            }, 0);
-        }
-    }
-
-    handleLeave() {
-        if (this.state.disabled) {
-            return;
-        }
-
-        this.clearTimer();
-
+      if (newIconSize !== iconSize || newIconSpace !== iconSpace) {
         this.setState({
-            hoverValue: 0,
+          iconSpace: newIconSpace,
+          iconSize: newIconSize,
         });
+      }
+    }
+  }
+
+  getValue(e) {
+    // 如定位不准，优先纠正定位
+    this.getRenderResult();
+
+    const { allowHalf, count, rtl } = this.props;
+    const { iconSpace, iconSize } = this.state;
+
+    const pos = e.pageX - this.underlayNode.getBoundingClientRect().left;
+    const fullNum = Math.floor(pos / (iconSpace + iconSize));
+    const surplusNum =
+            (pos - fullNum * (iconSpace + iconSize) - iconSpace) / iconSize;
+    let value = Number(fullNum) + Number(surplusNum.toFixed(1));
+    if (value >= count) {
+      value = count;
+    } else if (allowHalf) {
+      const floorValue = Math.floor(value);
+      if (rtl) {
+        value =
+                    value - 0.5 >= floorValue
+                      ? floorValue + 1.5
+                      : floorValue + 1;
+      } else {
+        value =
+                    value - 0.5 >= floorValue
+                      ? floorValue + 1
+                      : floorValue + 0.5;
+      }
+    } else {
+      value = Math.floor(value) + 1;
     }
 
-    onKeyDown(e) {
-        if (this.state.disabled) {
-            return;
-        }
+    return rtl ? count - value + 1 : value;
+  }
 
-        const { onKeyDown, count } = this.props;
-        const { disabled } = this.state;
-        if (disabled || supportKeys.indexOf(e.keyCode) < 0) {
-            return !onKeyDown || onKeyDown(e);
-        }
-
-        const { hoverValue, value } = this.state;
-        let changingValue = hoverValue;
-        if (changingValue === 0) {
-            changingValue = value;
-        }
-
-        switch (e.keyCode) {
-            case DOWN:
-            case RIGHT:
-                if (changingValue < count) {
-                    changingValue += 1;
-                } else {
-                    changingValue = 1;
-                }
-                this.handleChecked(changingValue);
-                break;
-            case UP:
-            case LEFT:
-                if (changingValue > 1) {
-                    changingValue -= 1;
-                } else {
-                    changingValue = count;
-                }
-                this.handleChecked(changingValue);
-                break;
-            case ENTER:
-                this.props.onChange(changingValue);
-                this.setState({
-                    value: changingValue,
-                    hoverValue: changingValue,
-                });
-                break;
-        }
-        return !onKeyDown || onKeyDown(e);
+  handleHover(e) {
+    if (this.state.disabled) {
+      return;
     }
 
-    handleChecked(index) {
-        if (this.state.disabled) {
-            return;
-        }
+    const value = this.getValue(e);
+    const { onHoverChange } = this.props;
+    if (value !== this.state.hoverValue) {
+      this.clearTimer();
 
-        this.setState({ hoverValue: index });
-    }
-
-    handleClick(e) {
-        if (this.state.disabled) {
-            return;
-        }
-        const value = this.getValue(e);
-        if (value < 0) {
-            return;
-        }
-        if (!('value' in this.props)) {
-            this.setState({ value, clicked: true });
-        }
-
-        this.props.onChange(value);
-
-        setTimeout(() => {
-            this.setState({ clicked: false });
-        }, 100);
-    }
-
-    getOverlayWidth() {
-        const { hoverValue, iconSpace, iconSize } = this.state;
-
-        if (!iconSpace || !iconSize) {
-            return 'auto';
-        }
-
-        const value = Rating.currentValue(
-            0,
-            this.props.count,
-            hoverValue,
-            this.state.value
-        );
-
-        const floorValue = Math.floor(value);
-
-        return iconSize * value + (floorValue + 1) * iconSpace;
-    }
-
-    getInfoLeft() {
-        const { value, hoverValue, iconSpace, iconSize } = this.state;
-        const infoValue = hoverValue || value;
-        const ceilValue = Math.ceil(infoValue);
-
-        return iconSize * (ceilValue - 1) + ceilValue * iconSpace;
-    }
-
-    render() {
-        const {
-            id,
-            prefix,
-            className,
-            showGrade,
-            count,
-            size,
-            iconType,
-            strokeMode,
-            readAs,
-            rtl,
-            isPreview,
-            renderPreview,
-            locale,
-        } = this.props;
-
-        const { disabled } = this.state;
-        const others = obj.pickOthers(Rating.propTypes, this.props);
-        const { hoverValue, clicked } = this.state;
-        const underlay = [],
-            overlay = [];
-
-        const enableA11y = !!id;
-
-        // 获得Value
-        const value = Rating.currentValue(
-            0,
-            count,
-            hoverValue,
-            this.state.value
-        );
-
-        // icon的sizeMap
-        const sizeMap = ICON_SIZE_MAP[size];
-
-        for (let i = 0; i < count; i++) {
-            const isCurrent = Math.ceil(value - 1) === i;
-            const iconCls = classNames({
-                hover: hoverValue > 0 && isCurrent,
-                clicked: clicked && isCurrent,
-            });
-            const iconNode = (
-                <Icon type={iconType} size={sizeMap} className={iconCls} />
-            );
-
-            underlay.push(
-                <span
-                    ref={`rating-icon-${i}`}
-                    key={`underlay-${i}`}
-                    className={`${prefix}rating-icon`}
-                >
-                    {iconNode}
-                </span>
-            );
-            if (enableA11y) {
-                overlay.push(
-                    <input
-                        id={`${id}-${prefix}star${i + 1}`}
-                        key={`input-${i}`}
-                        className={`${prefix}sr-only`}
-                        aria-checked={i + 1 === parseInt(hoverValue)}
-                        checked={i + 1 === parseInt(hoverValue)}
-                        onChange={this.handleChecked.bind(this, i + 1)}
-                        type="radio"
-                        name="rating"
-                    />
-                );
-            }
-
-            overlay.push(
-                <label
-                    key={`overlay-${i}`}
-                    htmlFor={enableA11y ? `${id}-${prefix}star${i + 1}` : null}
-                    className={`${prefix}rating-icon`}
-                >
-                    {iconNode}
-                    {enableA11y ? (
-                        <span className={`${prefix}sr-only`}>
-                            {readAs(i + 1)}
-                        </span>
-                    ) : null}
-                </label>
-            );
-        }
-
-        const ratingCls = classNames(
-            [`${prefix}rating`, `${prefix}rating-${size}`],
-            {
-                [`${prefix}rating-grade-low`]: value <= count * 0.4,
-                [`${prefix}rating-grade-high`]: value > count * 0.4,
-                [`${prefix}rating-stroke-mode`]: strokeMode,
-                hover: hoverValue > 0,
-            },
-            className
-        );
-
-        const baseCls = classNames(`${prefix}rating-base`, {
-            [`${prefix}rating-base-disabled`]: disabled,
+      this.timer = setTimeout(() => {
+        this.setState({ hoverValue: value }, () => {
+          onHoverChange(value);
         });
-
-        const previewCls = classNames({
-            [`${prefix}form-preview`]: true,
-            [className]: !!className,
-        });
-
-        const overlayStyle = {
-            width: this.getOverlayWidth(),
-        };
-        const infoStyle = {
-            left: this.getInfoLeft(),
-            display: hoverValue ? 'block' : 'none',
-        };
-
-        const finalProps = disabled
-            ? {}
-            : {
-                  onClick: this.handleClick,
-                  onMouseOver: this.handleHover,
-                  onMouseMove: this.handleHover,
-                  onMouseLeave: this.handleLeave,
-              };
-
-        if (rtl) {
-            others.dir = 'rtl';
-        }
-
-        if (isPreview && 'renderPreview' in this.props) {
-            return (
-                <div id={id} {...others} className={previewCls}>
-                    {renderPreview(value, this.props)}
-                </div>
-            );
-        }
-
-        return (
-            <div
-                id={id}
-                {...others}
-                className={ratingCls}
-                onKeyDown={this.onKeyDown}
-                tabIndex="0"
-                role="group"
-                aria-label={locale.description}
-            >
-                <div className={baseCls} {...finalProps}>
-                    <div
-                        className={`${prefix}rating-underlay`}
-                        ref={n => (this.underlayNode = n)}
-                        aria-hidden
-                    >
-                        {underlay}
-                    </div>
-                    <div
-                        className={`${prefix}rating-overlay`}
-                        style={overlayStyle}
-                    >
-                        {overlay}
-                    </div>
-                </div>
-                {showGrade ? (
-                    <div className={`${prefix}rating-info`} style={infoStyle}>
-                        {readAs(value)}
-                    </div>
-                ) : null}
-            </div>
-        );
+      }, 0);
     }
+  }
+
+  handleLeave() {
+    if (this.state.disabled) {
+      return;
+    }
+
+    this.clearTimer();
+
+    this.setState({
+      hoverValue: 0,
+    });
+  }
+
+  onKeyDown(e) {
+    if (this.state.disabled) {
+      return;
+    }
+
+    const { onKeyDown, count } = this.props;
+    const { disabled } = this.state;
+    if (disabled || supportKeys.indexOf(e.keyCode) < 0) {
+      return !onKeyDown || onKeyDown(e);
+    }
+
+    const { hoverValue, value } = this.state;
+    let changingValue = hoverValue;
+    if (changingValue === 0) {
+      changingValue = value;
+    }
+
+    switch (e.keyCode) {
+      case DOWN:
+      case RIGHT:
+        if (changingValue < count) {
+          changingValue += 1;
+        } else {
+          changingValue = 1;
+        }
+        this.handleChecked(changingValue);
+        break;
+      case UP:
+      case LEFT:
+        if (changingValue > 1) {
+          changingValue -= 1;
+        } else {
+          changingValue = count;
+        }
+        this.handleChecked(changingValue);
+        break;
+      case ENTER:
+        this.props.onChange(changingValue);
+        this.setState({
+          value: changingValue,
+          hoverValue: changingValue,
+        });
+        break;
+    }
+    return !onKeyDown || onKeyDown(e);
+  }
+
+  handleChecked(index) {
+    if (this.state.disabled) {
+      return;
+    }
+
+    this.setState({ hoverValue: index });
+  }
+
+  handleClick(e) {
+    if (this.state.disabled) {
+      return;
+    }
+    const value = this.getValue(e);
+    if (value < 0) {
+      return;
+    }
+    if (!('value' in this.props)) {
+      this.setState({ value, clicked: true });
+    }
+
+    this.props.onChange(value);
+
+    setTimeout(() => {
+      this.setState({ clicked: false });
+    }, 100);
+  }
+
+  getOverlayWidth() {
+    const { hoverValue, iconSpace, iconSize } = this.state;
+
+    if (!iconSpace || !iconSize) {
+      return 'auto';
+    }
+
+    const value = Rating.currentValue(
+      0,
+      this.props.count,
+      hoverValue,
+      this.state.value,
+    );
+
+    const floorValue = Math.floor(value);
+
+    return iconSize * value + (floorValue + 1) * iconSpace;
+  }
+
+  getInfoLeft() {
+    const { value, hoverValue, iconSpace, iconSize } = this.state;
+    const infoValue = hoverValue || value;
+    const ceilValue = Math.ceil(infoValue);
+
+    return iconSize * (ceilValue - 1) + ceilValue * iconSpace;
+  }
+
+  render() {
+    const {
+      id,
+      prefix,
+      className,
+      showGrade,
+      count,
+      size,
+      iconType,
+      strokeMode,
+      readAs,
+      rtl,
+      isPreview,
+      renderPreview,
+      locale,
+    } = this.props;
+
+    const { disabled } = this.state;
+    const others = obj.pickOthers(Rating.propTypes, this.props);
+    const { hoverValue, clicked } = this.state;
+    const underlay = [];
+    const overlay = [];
+
+    const enableA11y = !!id;
+
+    // 获得Value
+    const value = Rating.currentValue(
+      0,
+      count,
+      hoverValue,
+      this.state.value,
+    );
+
+    // icon的sizeMap
+    const sizeMap = ICON_SIZE_MAP[size];
+
+    for (let i = 0; i < count; i++) {
+      const isCurrent = Math.ceil(value - 1) === i;
+      const iconCls = classNames({
+        hover: hoverValue > 0 && isCurrent,
+        clicked: clicked && isCurrent,
+      });
+      const iconNode = (
+        <Icon type={iconType} size={sizeMap} className={iconCls} />
+      );
+
+      underlay.push(
+        <span
+          ref={`rating-icon-${i}`}
+          key={`underlay-${i}`}
+          className={`${prefix}rating-icon`}
+        >
+          {iconNode}
+        </span>,
+      );
+      if (enableA11y) {
+        overlay.push(
+          <input
+            id={`${id}-${prefix}star${i + 1}`}
+            key={`input-${i}`}
+            className={`${prefix}sr-only`}
+            aria-checked={i + 1 === parseInt(hoverValue)}
+            checked={i + 1 === parseInt(hoverValue)}
+            onChange={this.handleChecked.bind(this, i + 1)}
+            type="radio"
+            name="rating"
+          />,
+        );
+      }
+
+      overlay.push(
+        <label
+          key={`overlay-${i}`}
+          htmlFor={enableA11y ? `${id}-${prefix}star${i + 1}` : null}
+          className={`${prefix}rating-icon`}
+        >
+          {iconNode}
+          {enableA11y ? (
+            <span className={`${prefix}sr-only`}>
+              {readAs(i + 1)}
+            </span>
+          ) : null}
+        </label>,
+      );
+    }
+
+    const ratingCls = classNames(
+      [`${prefix}rating`, `${prefix}rating-${size}`],
+      {
+        [`${prefix}rating-grade-low`]: value <= count * 0.4,
+        [`${prefix}rating-grade-high`]: value > count * 0.4,
+        [`${prefix}rating-stroke-mode`]: strokeMode,
+        hover: hoverValue > 0,
+      },
+      className,
+    );
+
+    const baseCls = classNames(`${prefix}rating-base`, {
+      [`${prefix}rating-base-disabled`]: disabled,
+    });
+
+    const previewCls = classNames({
+      [`${prefix}form-preview`]: true,
+      [className]: !!className,
+    });
+
+    const overlayStyle = {
+      width: this.getOverlayWidth(),
+    };
+    const infoStyle = {
+      left: this.getInfoLeft(),
+      display: hoverValue ? 'block' : 'none',
+    };
+
+    const finalProps = disabled
+      ? {}
+      : {
+        onClick: this.handleClick,
+        onMouseOver: this.handleHover,
+        onMouseMove: this.handleHover,
+        onMouseLeave: this.handleLeave,
+      };
+
+    if (rtl) {
+      others.dir = 'rtl';
+    }
+
+    if (isPreview && 'renderPreview' in this.props) {
+      return (
+        <div id={id} {...others} className={previewCls}>
+          {renderPreview(value, this.props)}
+        </div>
+      );
+    }
+
+    return (
+      <div
+        id={id}
+        {...others}
+        className={ratingCls}
+        onKeyDown={this.onKeyDown}
+        tabIndex="0"
+        role="group"
+        aria-label={locale.description}
+      >
+        <div className={baseCls} {...finalProps}>
+          <div
+            className={`${prefix}rating-underlay`}
+            ref={n => (this.underlayNode = n)}
+            aria-hidden
+          >
+            {underlay}
+          </div>
+          <div
+            className={`${prefix}rating-overlay`}
+            style={overlayStyle}
+          >
+            {overlay}
+          </div>
+        </div>
+        {showGrade ? (
+          <div className={`${prefix}rating-info`} style={infoStyle}>
+            {readAs(value)}
+          </div>
+        ) : null}
+      </div>
+    );
+  }
 }
 
 export default polyfill(Rating);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/responsive-grid/cell.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/responsive-grid/cell.jsx
index 8df55da28..12925c2ed 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/responsive-grid/cell.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/responsive-grid/cell.jsx
@@ -8,35 +8,36 @@ const { pickOthers } = obj;
  * ResponsiveGrid.Cell
  */
 class Cell extends Component {
-    static _typeMark = 'responsive_grid_cell';
-    static propTypes = {
-        device: PropTypes.oneOf(['phone', 'tablet', 'desktop']),
-        /**
+  static _typeMark = 'responsive_grid_cell';
+
+  static propTypes = {
+    device: PropTypes.oneOf(['phone', 'tablet', 'desktop']),
+    /**
          * 横向，占据几列
          */
-        colSpan: PropTypes.oneOfType([PropTypes.number, PropTypes.object]),
-        /**
+    colSpan: PropTypes.oneOfType([PropTypes.number, PropTypes.object]),
+    /**
          * 纵向，占据几行
          */
-        rowSpan: PropTypes.number,
-        /**
+    rowSpan: PropTypes.number,
+    /**
          * 设置标签类型
          */
-        component: PropTypes.elementType,
-    };
+    component: PropTypes.elementType,
+  };
 
-    static defaultProps = {
-        component: 'div',
-        device: 'desktop',
-    };
+  static defaultProps = {
+    component: 'div',
+    device: 'desktop',
+  };
 
-    render() {
-        const { component: View, children } = this.props;
+  render() {
+    const { component: View, children } = this.props;
 
-        const others = pickOthers(Object.keys(Cell.propTypes), this.props);
+    const others = pickOthers(Object.keys(Cell.propTypes), this.props);
 
-        return <View {...others}>{children}</View>;
-    }
+    return <View {...others}>{children}</View>;
+  }
 }
 
 export default ConfigProvider.config(Cell);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/responsive-grid/create-style.js b/packages/material-parser/test/fixtures/fusion-next-component/src/responsive-grid/create-style.js
index 2875c2565..24b9aba57 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/responsive-grid/create-style.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/responsive-grid/create-style.js
@@ -2,346 +2,346 @@
 import { filterUndefinedValue, stripObject } from './util';
 
 const getPadding = padding => {
-    if (!Array.isArray(padding)) {
-        return {
-            padding,
-        };
-    }
+  if (!Array.isArray(padding)) {
+    return {
+      padding,
+    };
+  }
 
-    const attrs = [
-        'paddingTop',
-        'paddingRight',
-        'paddingBottom',
-        'paddingLeft',
-    ];
-    const paddings = {};
-    let value;
+  const attrs = [
+    'paddingTop',
+    'paddingRight',
+    'paddingBottom',
+    'paddingLeft',
+  ];
+  const paddings = {};
+  let value;
 
-    attrs.forEach((attr, index) => {
-        switch (padding.length) {
-            case 1:
-                value = padding[0] || 0;
-                break;
-            case 2:
-                value = padding[index] || padding[index - 2] || 0;
-                break;
-            case 3:
-                value =
+  attrs.forEach((attr, index) => {
+    switch (padding.length) {
+      case 1:
+        value = padding[0] || 0;
+        break;
+      case 2:
+        value = padding[index] || padding[index - 2] || 0;
+        break;
+      case 3:
+        value =
                     index === 2
-                        ? padding[2]
-                        : padding[index] || padding[index - 2] || 0;
-                break;
-            case 4:
-            default:
-                value = padding[index] || 0;
-                break;
-        }
-        paddings[attr] = value;
-    });
+                      ? padding[2]
+                      : padding[index] || padding[index - 2] || 0;
+        break;
+      case 4:
+      default:
+        value = padding[index] || 0;
+        break;
+    }
+    paddings[attr] = value;
+  });
 
-    return paddings;
+  return paddings;
 };
 
 const getMargin = (
-    size,
-    { isNegative, half } = { isNegative: false, half: false }
+  size,
+  { isNegative, half } = { isNegative: false, half: false },
 ) => {
-    if (!size) {
-        return {};
-    }
-    const attrs = ['marginTop', 'marginRight', 'marginBottom', 'marginLeft'];
-    const margins = {};
-    const param = 1 * (isNegative ? -1 : 1) * (half ? 0.5 : 1);
-    let value;
+  if (!size) {
+    return {};
+  }
+  const attrs = ['marginTop', 'marginRight', 'marginBottom', 'marginLeft'];
+  const margins = {};
+  const param = 1 * (isNegative ? -1 : 1) * (half ? 0.5 : 1);
+  let value;
 
-    attrs.forEach((attr, index) => {
-        if (!Array.isArray(size)) {
-            value = param * size;
-        } else {
-            switch (size.length) {
-                case 1:
-                    value = param * (size[0] || 0);
-                    break;
-                case 2:
-                    value = param * (size[index] || size[index - 2] || 0);
-                    break;
-                case 3:
-                    value =
+  attrs.forEach((attr, index) => {
+    if (!Array.isArray(size)) {
+      value = param * size;
+    } else {
+      switch (size.length) {
+        case 1:
+          value = param * (size[0] || 0);
+          break;
+        case 2:
+          value = param * (size[index] || size[index - 2] || 0);
+          break;
+        case 3:
+          value =
                         param *
                         (index === 2
-                            ? size[2]
-                            : size[index] || size[index - 2] || 0);
-                    break;
-                case 4:
-                default:
-                    value = param * (size[index] || 0);
-                    break;
-            }
-        }
+                          ? size[2]
+                          : size[index] || size[index - 2] || 0);
+          break;
+        case 4:
+        default:
+          value = param * (size[index] || 0);
+          break;
+      }
+    }
 
-        margins[attr] = value;
-    });
+    margins[attr] = value;
+  });
 
-    return margins;
+  return margins;
 };
 
 const getChildMargin = spacing => {
-    return getMargin(spacing, { half: true });
+  return getMargin(spacing, { half: true });
 };
 
 const getSpacingMargin = spacing => {
-    return getMargin(spacing, { half: true });
+  return getMargin(spacing, { half: true });
 };
 
 const getSpacingHelperMargin = spacing => {
-    return getMargin(spacing, { isNegative: true, half: true });
+  return getMargin(spacing, { isNegative: true, half: true });
 };
 
 const getFlexs = flex => {
-    if (!Array.isArray(flex)) {
-        return {
-            flex,
-        };
-    }
+  if (!Array.isArray(flex)) {
+    return {
+      flex,
+    };
+  }
 
-    const attrs = ['flexGrow', 'flexShrink', 'flexBasis'];
-    const flexs = {};
+  const attrs = ['flexGrow', 'flexShrink', 'flexBasis'];
+  const flexs = {};
 
-    flex.forEach((val, index) => {
-        flexs[attrs[index]] = val;
-    });
+  flex.forEach((val, index) => {
+    flexs[attrs[index]] = val;
+  });
 
-    return flexs;
+  return flexs;
 };
 
 const getGridGap = gap => {
-    if (!Array.isArray(gap)) {
-        return {
-            gap,
-        };
-    }
+  if (!Array.isArray(gap)) {
+    return {
+      gap,
+    };
+  }
 
-    const attrs = ['rowGap', 'columnGap'];
-    const gaps = {};
+  const attrs = ['rowGap', 'columnGap'];
+  const gaps = {};
 
-    gap.forEach((val, index) => {
-        gaps[attrs[index]] = val;
-    });
+  gap.forEach((val, index) => {
+    gaps[attrs[index]] = val;
+  });
 
-    return gaps;
+  return gaps;
 };
 
 const getTemplateCount = counts => {
-    if (!isNaN(counts)) {
-        return `repeat(${counts}, minmax(0,1fr))`;
-    }
+  if (!isNaN(counts)) {
+    return `repeat(${counts}, minmax(0,1fr))`;
+  }
 
-    return counts;
+  return counts;
 };
 
 // const outerProps = ['alignSelf', 'flexGrow', 'flexShrink', 'flexBasis', 'backgroundColor', 'boxShadow', 'borderRadius', 'borderWidth', 'borderStyle', 'borderColor', 'padding', 'paddingTop', 'paddingLeft', 'paddingRight', 'paddingBottom'];
 
 const helperProps = [
-    'margin',
-    'marginTop',
-    'marginLeft',
-    'marginRight',
-    'marginBottom',
+  'margin',
+  'marginTop',
+  'marginLeft',
+  'marginRight',
+  'marginBottom',
 ];
 
 const innerProps = [
-    'flexDirection',
-    'flexWrap',
-    'justifyContent',
-    'alignContent',
-    'alignItems',
-    'display',
+  'flexDirection',
+  'flexWrap',
+  'justifyContent',
+  'alignContent',
+  'alignItems',
+  'display',
 ];
 
 const filterOuterStyle = style => {
-    const props = {};
+  const props = {};
 
-    [...innerProps].forEach(key => {
-        props[key] = style[key];
-    });
+  [...innerProps].forEach(key => {
+    props[key] = style[key];
+  });
 
-    return filterUndefinedValue(stripObject(style, props));
+  return filterUndefinedValue(stripObject(style, props));
 };
 
 const filterHelperStyle = style => {
-    const props = {};
-    helperProps.forEach(key => {
-        props[key] = style[key];
-    });
+  const props = {};
+  helperProps.forEach(key => {
+    props[key] = style[key];
+  });
 
-    return filterUndefinedValue({
-        ...props,
-        overflow: 'hidden',
-    });
+  return filterUndefinedValue({
+    ...props,
+    overflow: 'hidden',
+  });
 };
 
 const filterInnerStyle = style => {
-    const props = {};
+  const props = {};
 
-    innerProps.forEach(key => {
-        props[key] = style[key];
-    });
+  innerProps.forEach(key => {
+    props[key] = style[key];
+  });
 
-    return filterUndefinedValue(props);
+  return filterUndefinedValue(props);
 };
 
 const getGridChildProps = (props, device) => {
-    const {
-        row = 'initial',
-        col = 'initial',
-        rowSpan = 1,
-        colSpan = 1,
-        // justifySelf,
-        // alignSelf,
-    } = props;
+  const {
+    row = 'initial',
+    col = 'initial',
+    rowSpan = 1,
+    colSpan = 1,
+    // justifySelf,
+    // alignSelf,
+  } = props;
 
-    let newColSpan =
+  let newColSpan =
         typeof colSpan === 'object' && 'desktop' in colSpan
-            ? colSpan.desktop
-            : colSpan;
+          ? colSpan.desktop
+          : colSpan;
 
-    ['tablet', 'phone'].forEach(deviceKey => {
-        if (deviceKey === device) {
-            if (typeof colSpan === 'object' && device in colSpan) {
-                newColSpan = colSpan[device];
-            } else {
-                switch (deviceKey) {
-                    case 'tablet':
-                        newColSpan = colSpan > 5 ? 8 : colSpan > 2 ? 4 : 2;
-                        break;
-                    case 'phone':
-                        newColSpan = colSpan > 2 ? 4 : 2;
-                        break;
-                }
-            }
+  ['tablet', 'phone'].forEach(deviceKey => {
+    if (deviceKey === device) {
+      if (typeof colSpan === 'object' && device in colSpan) {
+        newColSpan = colSpan[device];
+      } else {
+        switch (deviceKey) {
+          case 'tablet':
+            newColSpan = colSpan > 5 ? 8 : colSpan > 2 ? 4 : 2;
+            break;
+          case 'phone':
+            newColSpan = colSpan > 2 ? 4 : 2;
+            break;
         }
-    });
+      }
+    }
+  });
 
-    return filterUndefinedValue({
-        gridRowStart: row,
-        gridRowEnd: `span ${rowSpan}`,
-        gridColumnStart: col,
-        gridColumnEnd: `span ${newColSpan}`,
-        // gridRow: `${row} / span ${rowSpan}`,
-        // gridColumn: `${col} / span ${colSpan}`,
-        // justifySelf,
-        // alignSelf,
-    });
+  return filterUndefinedValue({
+    gridRowStart: row,
+    gridRowEnd: `span ${rowSpan}`,
+    gridColumnStart: col,
+    gridColumnEnd: `span ${newColSpan}`,
+    // gridRow: `${row} / span ${rowSpan}`,
+    // gridColumn: `${col} / span ${colSpan}`,
+    // justifySelf,
+    // alignSelf,
+  });
 };
 
 const getBoxChildProps = props => {
-    const { alignSelf, flex } = props;
+  const { alignSelf, flex } = props;
 
-    return filterUndefinedValue({
-        alignSelf,
-        ...getFlexs(flex),
-    });
+  return filterUndefinedValue({
+    alignSelf,
+    ...getFlexs(flex),
+  });
 };
 
 export default ({
-    device,
-    display,
-    gap,
-    direction,
-    dense,
-    rowSpan,
-    colSpan,
-    row,
-    col,
-    rows,
-    columns,
-    justify,
-    // justifySelf,
-    align,
-    alignSelf,
-    wrap,
-    flex,
-    padding,
-    margin,
+  device,
+  display,
+  gap,
+  direction,
+  dense,
+  rowSpan,
+  colSpan,
+  row,
+  col,
+  rows,
+  columns,
+  justify,
+  // justifySelf,
+  align,
+  alignSelf,
+  wrap,
+  flex,
+  padding,
+  margin,
 }) => {
-    let style = {
-        ...getPadding(padding),
-    };
+  let style = {
+    ...getPadding(padding),
+  };
 
-    let deviceColumns = 'auto';
+  let deviceColumns = 'auto';
 
-    switch (device) {
-        case 'phone':
-            deviceColumns = 4;
-            break;
-        case 'tablet':
-            deviceColumns = 8;
-            break;
-        case 'desktop':
-            deviceColumns = 12;
-            break;
-        default:
-            break;
-    }
-    const newColumns = !isNaN(columns) ? columns : deviceColumns;
+  switch (device) {
+    case 'phone':
+      deviceColumns = 4;
+      break;
+    case 'tablet':
+      deviceColumns = 8;
+      break;
+    case 'desktop':
+      deviceColumns = 12;
+      break;
+    default:
+      break;
+  }
+  const newColumns = !isNaN(columns) ? columns : deviceColumns;
 
-    switch (display) {
-        case 'grid':
-            style = {
-                // parent
-                ...getGridGap(gap),
-                gridTemplateRows: getTemplateCount(rows),
-                gridTemplateColumns: getTemplateCount(newColumns),
-                gridAutoFlow: `${direction}${dense && ` dense`}`,
-                // justifyItems: justify,
-                // alignItems: align,
-                // child
-                ...getGridChildProps(
-                    {
-                        row,
-                        rowSpan,
-                        col,
-                        colSpan,
-                        // justifySelf,
-                        // alignSelf,
-                    },
-                    device
-                ),
-                ...style,
-            };
-            break;
-        case 'flex':
-            style = {
-                // parent
-                flexDirection: direction,
-                flexWrap: wrap ? 'wrap' : 'nowrap',
-                justifyContent: justify,
-                alignItems: align,
-                ...getMargin(margin),
-                // child
-                ...getBoxChildProps({
-                    alignSelf,
-                    flex,
-                }),
-                ...style,
-            };
-            break;
-        default:
-            break;
-    }
+  switch (display) {
+    case 'grid':
+      style = {
+        // parent
+        ...getGridGap(gap),
+        gridTemplateRows: getTemplateCount(rows),
+        gridTemplateColumns: getTemplateCount(newColumns),
+        gridAutoFlow: `${direction}${dense && ' dense'}`,
+        // justifyItems: justify,
+        // alignItems: align,
+        // child
+        ...getGridChildProps(
+          {
+            row,
+            rowSpan,
+            col,
+            colSpan,
+            // justifySelf,
+            // alignSelf,
+          },
+          device,
+        ),
+        ...style,
+      };
+      break;
+    case 'flex':
+      style = {
+        // parent
+        flexDirection: direction,
+        flexWrap: wrap ? 'wrap' : 'nowrap',
+        justifyContent: justify,
+        alignItems: align,
+        ...getMargin(margin),
+        // child
+        ...getBoxChildProps({
+          alignSelf,
+          flex,
+        }),
+        ...style,
+      };
+      break;
+    default:
+      break;
+  }
 
-    // return prefix(style);
-    return filterUndefinedValue(style);
+  // return prefix(style);
+  return filterUndefinedValue(style);
 };
 
 export {
-    getMargin,
-    getChildMargin,
-    getSpacingMargin,
-    getSpacingHelperMargin,
-    filterInnerStyle,
-    filterOuterStyle,
-    filterHelperStyle,
-    getGridChildProps,
-    // getBoxChildProps,
+  getMargin,
+  getChildMargin,
+  getSpacingMargin,
+  getSpacingHelperMargin,
+  filterInnerStyle,
+  filterOuterStyle,
+  filterHelperStyle,
+  getGridChildProps,
+  // getBoxChildProps,
 };
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/responsive-grid/util.js b/packages/material-parser/test/fixtures/fusion-next-component/src/responsive-grid/util.js
index 03230202b..acbf7337c 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/responsive-grid/util.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/responsive-grid/util.js
@@ -8,21 +8,21 @@ const { isPlainObject } = obj;
  * @return {Object}
  */
 export function filterUndefinedValue(object) {
-    if (!isPlainObject(object)) {
-        return object;
+  if (!isPlainObject(object)) {
+    return object;
+  }
+
+  const obj = {};
+
+  Object.keys(object).forEach(key => {
+    const value = object[key];
+
+    if (value !== undefined) {
+      obj[key] = value;
     }
+  });
 
-    const obj = {};
-
-    Object.keys(object).forEach(key => {
-        const value = object[key];
-
-        if (value !== undefined) {
-            obj[key] = value;
-        }
-    });
-
-    return obj;
+  return obj;
 }
 
 /**
@@ -32,12 +32,12 @@ export function filterUndefinedValue(object) {
  * @return {Object}
  */
 export function stripObject(obj, subObj) {
-    const newObject = {};
+  const newObject = {};
 
-    Object.keys(obj).forEach(key => {
-        if (!(key in subObj)) {
-            newObject[key] = obj[key];
-        }
-    });
-    return newObject;
+  Object.keys(obj).forEach(key => {
+    if (!(key in subObj)) {
+      newObject[key] = obj[key];
+    }
+  });
+  return newObject;
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/search/Search.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/search/Search.jsx
index 43987eeb9..3ba3ce5aa 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/search/Search.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/search/Search.jsx
@@ -10,356 +10,357 @@ import Icon from '../icon';
 import { obj, func, KEYCODE } from '../util';
 import zhCN from '../locale/zh-cn';
 
-const Group = Input.Group;
-const AutoComplete = Select.AutoComplete;
+const { Group } = Input;
+const { AutoComplete } = Select;
 
 /**
  * Search
  * @description 输入框部分继承 Select.AutoComplete 的能力，可以直接用AutoComplete 的 api
  */
 class Search extends React.Component {
-    static propTypes = {
-        /**
+  static propTypes = {
+    /**
          * 样式前缀
          */
-        prefix: PropTypes.string,
-        /**
+    prefix: PropTypes.string,
+    /**
          * 形状
          */
-        shape: PropTypes.oneOf(['normal', 'simple']),
-        /**
+    shape: PropTypes.oneOf(['normal', 'simple']),
+    /**
          * 类型 shape=normal: primary/secondary; shape=simple: normal/dark;
          */
-        type: PropTypes.oneOf(['primary', 'secondary', 'normal', 'dark']),
-        /**
+    type: PropTypes.oneOf(['primary', 'secondary', 'normal', 'dark']),
+    /**
          * 大小
          * @enumdesc '大', '小'
          */
-        size: PropTypes.oneOf(['large', 'medium']),
-        /**
+    size: PropTypes.oneOf(['large', 'medium']),
+    /**
          * 搜索框默认值
          */
-        defaultValue: PropTypes.string,
-        /**
+    defaultValue: PropTypes.string,
+    /**
          * 搜索框数值
          */
-        value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-        /**
+    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    /**
          * 输入关键字时的回掉
          * @param {Object} value 输入值
          */
-        onChange: PropTypes.func,
-        /**
+    onChange: PropTypes.func,
+    /**
          * 点击搜索按钮触发的回调
          * @param {String} value 输入值
          * @param {String} filterValue 选项值
          */
-        onSearch: PropTypes.func,
-        /**
+    onSearch: PropTypes.func,
+    /**
          * 选择器默认值
          */
-        defaultFilterValue: PropTypes.string,
-        /**
+    defaultFilterValue: PropTypes.string,
+    /**
          * 选择器
          */
-        filter: PropTypes.array,
-        /**
+    filter: PropTypes.array,
+    /**
          * 选择器值
          */
-        filterValue: PropTypes.string,
-        /**
+    filterValue: PropTypes.string,
+    /**
          * 选择器发生变化时回调
          * @param {Object} filter value
          */
-        onFilterChange: PropTypes.func,
-        /**
+    onFilterChange: PropTypes.func,
+    /**
          * 搜索框下拉联想列表
          */
-        dataSource: PropTypes.array,
-        /**
+    dataSource: PropTypes.array,
+    /**
          * 默认提示
          */
-        placeholder: PropTypes.string,
-        /**
+    placeholder: PropTypes.string,
+    /**
          * button 的内容
          */
-        searchText: PropTypes.node,
-        /**
+    searchText: PropTypes.node,
+    /**
          * 自定义样式
          */
-        style: PropTypes.object,
-        /**
+    style: PropTypes.object,
+    /**
          * 样式名称
          */
-        className: PropTypes.string,
-        /**
+    className: PropTypes.string,
+    /**
          * 选择器的props
          */
-        filterProps: PropTypes.object,
-        /**
+    filterProps: PropTypes.object,
+    /**
          * 按钮的额外属性
          */
-        buttonProps: PropTypes.object,
-        /**
+    buttonProps: PropTypes.object,
+    /**
          * 自定义渲染的的下拉框
          */
-        popupContent: PropTypes.node,
-        /**
+    popupContent: PropTypes.node,
+    /**
          * 是否跟随滚动
          */
-        followTrigger: PropTypes.bool,
-        /**
+    followTrigger: PropTypes.bool,
+    /**
          * 自定义渲染的的下拉框
          */
-        visible: PropTypes.bool,
-        /**
+    visible: PropTypes.bool,
+    /**
          * 是否显示清除按钮
          */
-        hasClear: PropTypes.bool,
-        /**
+    hasClear: PropTypes.bool,
+    /**
          * 是否显示搜索按钮
          */
-        hasIcon: PropTypes.bool,
-        /**
+    hasIcon: PropTypes.bool,
+    /**
          * 是否禁用
          */
-        disabled: PropTypes.bool,
-        locale: PropTypes.object,
-        rtl: PropTypes.bool,
-    };
+    disabled: PropTypes.bool,
+    locale: PropTypes.object,
+    rtl: PropTypes.bool,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        shape: 'normal',
-        type: 'normal',
-        size: 'medium',
-        hasIcon: true,
-        filter: [],
-        locale: zhCN.Search,
-        buttonProps: {},
-        onChange: func.noop,
-        onSearch: func.noop,
-        onFilterChange: func.noop,
-        hasClear: false,
-        disabled: false,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    shape: 'normal',
+    type: 'normal',
+    size: 'medium',
+    hasIcon: true,
+    filter: [],
+    locale: zhCN.Search,
+    buttonProps: {},
+    onChange: func.noop,
+    onSearch: func.noop,
+    onFilterChange: func.noop,
+    hasClear: false,
+    disabled: false,
+  };
 
-    constructor(props) {
-        super(props);
+  constructor(props) {
+    super(props);
 
-        const value = 'value' in props ? props.value : props.defaultValue;
-        const filterValue =
+    const value = 'value' in props ? props.value : props.defaultValue;
+    const filterValue =
             'filterValue' in props
-                ? props.filterValue
-                : props.defaultFilterValue;
+              ? props.filterValue
+              : props.defaultFilterValue;
 
-        this.state = {
-            value: typeof value === 'undefined' ? '' : value,
-            filterValue,
-        };
-    }
+    this.state = {
+      value: typeof value === 'undefined' ? '' : value,
+      filterValue,
+    };
+  }
 
-    static getDerivedStateFromProps(nextProps, prevState) {
-        const nextState = {};
-        if ('value' in nextProps && nextProps.value !== prevState.value) {
-            const value = nextProps.value;
-            nextState.value =
+  static getDerivedStateFromProps(nextProps, prevState) {
+    const nextState = {};
+    if ('value' in nextProps && nextProps.value !== prevState.value) {
+      const { value } = nextProps;
+      nextState.value =
                 value === undefined || value === null ? '' : nextProps.value;
-        }
-
-        if (
-            'filterValue' in nextProps &&
-            nextProps.filterValue !== prevState.filterValue
-        ) {
-            const filterValue = nextProps.filterValue;
-            nextState.filterValue =
-                filterValue === undefined ? '' : filterValue;
-        }
-
-        if (Object.keys(nextState).length > 0) {
-            return nextState;
-        }
-
-        return null;
     }
 
-    onChange = (value, ...argv) => {
-        if (!('value' in this.props)) {
-            this.setState({ value });
-        }
+    if (
+      'filterValue' in nextProps &&
+            nextProps.filterValue !== prevState.filterValue
+    ) {
+      const { filterValue } = nextProps;
+      nextState.filterValue =
+                filterValue === undefined ? '' : filterValue;
+    }
 
-        this.props.onChange(value, ...argv);
-    };
+    if (Object.keys(nextState).length > 0) {
+      return nextState;
+    }
 
-    onSearch = () => {
-        if (this.props.disabled) {
-            return;
-        }
-        this.props.onSearch(this.state.value, this.state.filterValue);
-    };
+    return null;
+  }
 
-    onFilterChange = filterValue => {
-        if (!('filterValue' in this.props)) {
-            this.setState({ filterValue });
-        }
+  onChange = (value, ...argv) => {
+    if (!('value' in this.props)) {
+      this.setState({ value });
+    }
 
-        this.props.onFilterChange(filterValue);
-    };
+    this.props.onChange(value, ...argv);
+  };
 
-    onKeyDown = e => {
-        if (this.props.disabled) {
-            return;
-        }
-        if (e.keyCode !== KEYCODE.ENTER) {
-            return;
-        }
-        this.onSearch();
-    };
-    render() {
-        const {
-            shape,
-            filter,
-            hasIcon,
-            disabled,
-            placeholder,
-            type,
-            className,
-            style,
-            size,
-            prefix,
-            searchText,
-            dataSource,
-            filterProps,
-            buttonProps,
-            popupContent,
-            followTrigger,
-            hasClear,
-            visible,
-            locale,
-            rtl,
-            ...others
-        } = this.props;
+  onSearch = () => {
+    if (this.props.disabled) {
+      return;
+    }
+    this.props.onSearch(this.state.value, this.state.filterValue);
+  };
 
-        const cls = classNames({
-            [`${prefix}search`]: true,
-            [`${prefix}search-${shape}`]: true,
-            [`${prefix}${type}`]: type,
-            [`${prefix}${size}`]: size,
-            [className]: !!className,
-        });
+  onFilterChange = filterValue => {
+    if (!('filterValue' in this.props)) {
+      this.setState({ filterValue });
+    }
 
-        let searchIcon = null,
-            filterSelect = null,
-            searchBtn = null;
+    this.props.onFilterChange(filterValue);
+  };
 
-        if (shape === 'simple') {
-            const cls = classNames({
-                [`${prefix}search-icon`]: true,
-                [buttonProps.className]: !!buttonProps.className,
-            });
-            hasIcon &&
+  onKeyDown = e => {
+    if (this.props.disabled) {
+      return;
+    }
+    if (e.keyCode !== KEYCODE.ENTER) {
+      return;
+    }
+    this.onSearch();
+  };
+
+  render() {
+    const {
+      shape,
+      filter,
+      hasIcon,
+      disabled,
+      placeholder,
+      type,
+      className,
+      style,
+      size,
+      prefix,
+      searchText,
+      dataSource,
+      filterProps,
+      buttonProps,
+      popupContent,
+      followTrigger,
+      hasClear,
+      visible,
+      locale,
+      rtl,
+      ...others
+    } = this.props;
+
+    const cls = classNames({
+      [`${prefix}search`]: true,
+      [`${prefix}search-${shape}`]: true,
+      [`${prefix}${type}`]: type,
+      [`${prefix}${size}`]: size,
+      [className]: !!className,
+    });
+
+    let searchIcon = null;
+    let filterSelect = null;
+    let searchBtn = null;
+
+    if (shape === 'simple') {
+      const cls = classNames({
+        [`${prefix}search-icon`]: true,
+        [buttonProps.className]: !!buttonProps.className,
+      });
+      hasIcon &&
                 (searchIcon = (
-                    <Icon
-                        type="search"
-                        tabIndex="0"
-                        role="button"
-                        aria-disabled={disabled}
-                        aria-label={locale.buttonText}
-                        {...buttonProps}
-                        className={cls}
-                        onClick={this.onSearch}
-                        onKeyDown={this.onKeyDown}
-                    />
-                ));
-        } else {
-            const cls = classNames({
-                [`${prefix}search-btn`]: true,
-                [buttonProps.className]: !!buttonProps.className,
-            });
-            searchBtn = (
-                <Button
+                  <Icon
+                    type="search"
                     tabIndex="0"
+                    role="button"
                     aria-disabled={disabled}
                     aria-label={locale.buttonText}
-                    className={cls}
-                    disabled={disabled}
                     {...buttonProps}
+                    className={cls}
                     onClick={this.onSearch}
                     onKeyDown={this.onKeyDown}
-                >
-                    {hasIcon ? <Icon type="search" /> : null}
-                    {searchText ? (
-                        <span className={`${prefix}search-btn-text`}>
-                            {searchText}
-                        </span>
-                    ) : null}
-                </Button>
-            );
-        }
-
-        if (filter.length > 0) {
-            filterSelect = (
-                <Select
-                    {...filterProps}
-                    followTrigger={followTrigger}
-                    hasBorder={false}
-                    dataSource={filter}
-                    size={size}
-                    disabled={disabled}
-                    value={this.state.filterValue}
-                    onChange={this.onFilterChange}
-                />
-            );
-        }
-
-        const othersAttributes = obj.pickOthers(Search.propTypes, others);
-        if (visible !== undefined) {
-            // 受控属性 visible 不能直接写在组件上
-            othersAttributes.visible = Boolean(visible);
-        }
-        const dataAttr = obj.pickAttrsWith(others, 'data-');
-
-        const left = (
-            <Group
-                addonBefore={filterSelect}
-                className={`${prefix}search-left`}
-                addonBeforeClassName={`${prefix}search-left-addon`}
-            >
-                <AutoComplete
-                    aria-label={locale.buttonText}
-                    {...othersAttributes}
-                    followTrigger={followTrigger}
-                    role="searchbox"
-                    hasClear={hasClear}
-                    className={`${prefix}search-input`}
-                    size={size}
-                    placeholder={placeholder}
-                    dataSource={dataSource}
-                    innerAfter={searchIcon}
-                    onPressEnter={this.onSearch}
-                    value={this.state.value}
-                    onChange={this.onChange}
-                    popupContent={popupContent}
-                    disabled={disabled}
-                />
-            </Group>
-        );
-
-        return (
-            <span
-                className={cls}
-                style={style}
-                {...dataAttr}
-                dir={rtl ? 'rtl' : undefined}
-            >
-                {searchBtn ? (
-                    <Group addonAfter={searchBtn}>{left}</Group>
-                ) : (
-                    left
-                )}
+                  />
+                ));
+    } else {
+      const cls = classNames({
+        [`${prefix}search-btn`]: true,
+        [buttonProps.className]: !!buttonProps.className,
+      });
+      searchBtn = (
+        <Button
+          tabIndex="0"
+          aria-disabled={disabled}
+          aria-label={locale.buttonText}
+          className={cls}
+          disabled={disabled}
+          {...buttonProps}
+          onClick={this.onSearch}
+          onKeyDown={this.onKeyDown}
+        >
+          {hasIcon ? <Icon type="search" /> : null}
+          {searchText ? (
+            <span className={`${prefix}search-btn-text`}>
+              {searchText}
             </span>
-        );
+          ) : null}
+        </Button>
+      );
     }
+
+    if (filter.length > 0) {
+      filterSelect = (
+        <Select
+          {...filterProps}
+          followTrigger={followTrigger}
+          hasBorder={false}
+          dataSource={filter}
+          size={size}
+          disabled={disabled}
+          value={this.state.filterValue}
+          onChange={this.onFilterChange}
+        />
+      );
+    }
+
+    const othersAttributes = obj.pickOthers(Search.propTypes, others);
+    if (visible !== undefined) {
+      // 受控属性 visible 不能直接写在组件上
+      othersAttributes.visible = Boolean(visible);
+    }
+    const dataAttr = obj.pickAttrsWith(others, 'data-');
+
+    const left = (
+      <Group
+        addonBefore={filterSelect}
+        className={`${prefix}search-left`}
+        addonBeforeClassName={`${prefix}search-left-addon`}
+      >
+        <AutoComplete
+          aria-label={locale.buttonText}
+          {...othersAttributes}
+          followTrigger={followTrigger}
+          role="searchbox"
+          hasClear={hasClear}
+          className={`${prefix}search-input`}
+          size={size}
+          placeholder={placeholder}
+          dataSource={dataSource}
+          innerAfter={searchIcon}
+          onPressEnter={this.onSearch}
+          value={this.state.value}
+          onChange={this.onChange}
+          popupContent={popupContent}
+          disabled={disabled}
+        />
+      </Group>
+    );
+
+    return (
+      <span
+        className={cls}
+        style={style}
+        {...dataAttr}
+        dir={rtl ? 'rtl' : undefined}
+      >
+        {searchBtn ? (
+          <Group addonAfter={searchBtn}>{left}</Group>
+        ) : (
+          left
+        )}
+      </span>
+    );
+  }
 }
 
 export default polyfill(Search);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/search/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/search/index.jsx
index b5eae8684..94da2a3e7 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/search/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/search/index.jsx
@@ -2,24 +2,24 @@ import ConfigProvider from '../config-provider';
 import Search from './Search';
 
 export default ConfigProvider.config(Search, {
-    transfrom: /* istanbul ignore next */ (props, deprecated) => {
-        const { onInputFocus, overlayVisible, combox, ...others } = this.props;
+  transfrom: /* istanbul ignore next */ (props, deprecated) => {
+    const { onInputFocus, overlayVisible, combox, ...others } = this.props;
 
-        const newprops = others;
+    const newprops = others;
 
-        if (onInputFocus) {
-            deprecated('onInputFocus', 'onFocus', 'Search');
-            newprops.onFocus = onInputFocus;
-        }
-        if ('overlayVisible' in this.props) {
-            deprecated('overlayVisible', 'visible', 'Search');
-            newprops.visible = overlayVisible;
-        }
-        if (combox) {
-            deprecated('combox', 'popupContent', 'Search');
-            newprops.popupContent = combox;
-        }
+    if (onInputFocus) {
+      deprecated('onInputFocus', 'onFocus', 'Search');
+      newprops.onFocus = onInputFocus;
+    }
+    if ('overlayVisible' in this.props) {
+      deprecated('overlayVisible', 'visible', 'Search');
+      newprops.visible = overlayVisible;
+    }
+    if (combox) {
+      deprecated('combox', 'popupContent', 'Search');
+      newprops.popupContent = combox;
+    }
 
-        return newprops;
-    },
+    return newprops;
+  },
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/select/auto-complete.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/select/auto-complete.jsx
index fd84207b5..3ced04f78 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/select/auto-complete.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/select/auto-complete.jsx
@@ -12,390 +12,390 @@ const { bindCtx, noop } = func;
  * Select.AutoComplete
  */
 class AutoComplete extends Base {
-    static propTypes = {
-        ...Base.propTypes,
-        /**
+  static propTypes = {
+    ...Base.propTypes,
+    /**
          * 当前值，用于受控模式
          */
-        value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-        /**
+    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    /**
          * 初始化的默认值
          */
-        defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-        /**
+    defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    /**
          * Select发生改变时触发的回调
          * @param {*} value 选中的值
          * @param {String} actionType 触发的方式, 'itemClick', 'enter', 'change'
          * @param {*} item 选中的值的对象数据
          */
-        onChange: PropTypes.func,
-        /**
+    onChange: PropTypes.func,
+    /**
          * 传入的数据源，可以动态渲染子项
          */
-        dataSource: PropTypes.arrayOf(
-            PropTypes.oneOfType([
-                PropTypes.shape({
-                    value: PropTypes.string,
-                    label: PropTypes.any,
-                    disabled: PropTypes.bool,
-                    children: PropTypes.array,
-                }),
-                PropTypes.string,
-            ])
-        ),
-        /**
+    dataSource: PropTypes.arrayOf(
+      PropTypes.oneOfType([
+        PropTypes.shape({
+          value: PropTypes.string,
+          label: PropTypes.any,
+          disabled: PropTypes.bool,
+          children: PropTypes.array,
+        }),
+        PropTypes.string,
+      ]),
+    ),
+    /**
          * 填充到选择框里的值的 key，默认是 value
          */
-        fillProps: PropTypes.string,
-        /**
+    fillProps: PropTypes.string,
+    /**
          * 渲染 MenuItem 内容的方法
          * @param {Object} item 渲染节点的 item
          * @return {ReactNode} item node
          */
-        itemRender: PropTypes.func,
-        // input keydown
-        onKeyDown: PropTypes.func,
-        // 是否将当前高亮的选项作为 placeholder
-        highlightHolder: PropTypes.bool,
-        style: PropTypes.object,
-    };
+    itemRender: PropTypes.func,
+    // input keydown
+    onKeyDown: PropTypes.func,
+    // 是否将当前高亮的选项作为 placeholder
+    highlightHolder: PropTypes.bool,
+    style: PropTypes.object,
+  };
 
-    static defaultProps = {
-        ...Base.defaultProps,
-        onKeyDown: noop,
-        fillProps: 'value',
-    };
+  static defaultProps = {
+    ...Base.defaultProps,
+    onKeyDown: noop,
+    fillProps: 'value',
+  };
 
-    constructor(props) {
-        super(props);
+  constructor(props) {
+    super(props);
 
-        this.isAutoComplete = true;
-        this.isInputing = false;
+    this.isAutoComplete = true;
+    this.isInputing = false;
 
-        bindCtx(this, [
-            'handleTriggerKeyDown',
-            'handleMenuSelect',
-            'handleItemClick',
-        ]);
+    bindCtx(this, [
+      'handleTriggerKeyDown',
+      'handleMenuSelect',
+      'handleItemClick',
+    ]);
+  }
+
+  componentWillMount() {
+    this.dataStore.setOptions({ key: this.state.value });
+
+    super.componentWillMount();
+  }
+
+  componentWillReceiveProps(nextProps) {
+    if ('value' in nextProps) {
+      this.dataStore.setOptions({ key: nextProps.value });
+      this.setState({
+        value: nextProps.value,
+      });
     }
 
-    componentWillMount() {
-        this.dataStore.setOptions({ key: this.state.value });
-
-        super.componentWillMount();
+    if ('visible' in nextProps) {
+      this.setState({
+        visible: nextProps.visible,
+      });
     }
 
-    componentWillReceiveProps(nextProps) {
-        if ('value' in nextProps) {
-            this.dataStore.setOptions({ key: nextProps.value });
-            this.setState({
-                value: nextProps.value,
-            });
-        }
+    this.dataStore.setOptions({
+      filter: nextProps.filter,
+      filterLocal: nextProps.filterLocal,
+    });
 
-        if ('visible' in nextProps) {
-            this.setState({
-                visible: nextProps.visible,
-            });
-        }
-
-        this.dataStore.setOptions({
-            filter: nextProps.filter,
-            filterLocal: nextProps.filterLocal,
-        });
-
-        if (
-            nextProps.children !== this.props.children ||
+    if (
+      nextProps.children !== this.props.children ||
             nextProps.dataSource !== this.props.dataSource
-        ) {
-            const dataSource = this.setDataSource(nextProps);
-            this.setState({
-                dataSource,
-            });
-        }
-
-        // remote dataSource and focused
-        // 因为autoComplete没有下拉数据不展示，搜索并且有数据了需要自动展示下拉
-        if (!nextProps.filterLocal && this.isInputing) {
-            this.shouldControlPopup(nextProps, 'update');
-        }
-
-        if (!nextProps.filterLocal && !nextProps.popupContent) {
-            this.setFirstHightLightKeyForMenu();
-        }
+    ) {
+      const dataSource = this.setDataSource(nextProps);
+      this.setState({
+        dataSource,
+      });
     }
 
-    componentWillUpdate() {
-        if (this.hasClear()) {
-            const inputNode = ReactDOM.findDOMNode(this.inputRef);
-            if (inputNode) {
-                this.clearNode = inputNode.querySelector(
-                    `.${this.props.prefix}input-control`
-                );
-            }
-        }
+    // remote dataSource and focused
+    // 因为autoComplete没有下拉数据不展示，搜索并且有数据了需要自动展示下拉
+    if (!nextProps.filterLocal && this.isInputing) {
+      this.shouldControlPopup(nextProps, 'update');
     }
 
-    shouldControlPopup(props = this.props, type) {
-        const hasPopup =
+    if (!nextProps.filterLocal && !nextProps.popupContent) {
+      this.setFirstHightLightKeyForMenu();
+    }
+  }
+
+  componentWillUpdate() {
+    if (this.hasClear()) {
+      const inputNode = ReactDOM.findDOMNode(this.inputRef);
+      if (inputNode) {
+        this.clearNode = inputNode.querySelector(
+          `.${this.props.prefix}input-control`,
+        );
+      }
+    }
+  }
+
+  shouldControlPopup(props = this.props, type) {
+    const hasPopup =
             props.popupContent || this.dataStore.getMenuDS().length;
-        if (hasPopup) {
-            this.setVisible(true, type);
-        } else {
-            this.setVisible(false, type);
-        }
+    if (hasPopup) {
+      this.setVisible(true, type);
+    } else {
+      this.setVisible(false, type);
+    }
+  }
+
+  handleMenuSelect(keys) {
+    const key = keys[0];
+
+    const mapDS = this.dataStore.getMapDS();
+
+    if (key in mapDS) {
+      const item = mapDS[key];
+      this.handleSelectEvent(key, item, 'itemClick');
+    }
+  }
+
+  handleItemClick() {
+    this.setVisible(false, 'itemClick');
+  }
+
+  handleSelectEvent(key, item, triggerType) {
+    const value = (item && item[this.props.fillProps]) || key;
+
+    if (triggerType === 'itemClick' || triggerType === 'enter') {
+      // 点击 item 的时候不会触发关闭，需要手动关闭，其它类型比如 keyDown 等都会有其它事件句柄处理
+      this.setVisible(false, triggerType);
     }
 
-    handleMenuSelect(keys) {
-        const key = keys[0];
+    this.handleChange(value, triggerType, item);
+  }
 
-        const mapDS = this.dataStore.getMapDS();
+  handleChange = (value, proxy, item) => {
+    const { disabled, readOnly, filterLocal } = this.props;
 
-        if (key in mapDS) {
-            const item = mapDS[key];
-            this.handleSelectEvent(key, item, 'itemClick');
-        }
+    if (disabled || readOnly) {
+      return false;
     }
 
-    handleItemClick() {
-        this.setVisible(false, 'itemClick');
+    const actionType = typeof proxy === 'string' ? proxy : 'change';
+
+    this.isInputing = actionType === 'change';
+
+    if (filterLocal) {
+      this.setState({
+        dataSource: this.dataStore.updateByKey(value),
+      });
+
+      this.shouldControlPopup(this.props, actionType);
+      this.setFirstHightLightKeyForMenu();
     }
 
-    handleSelectEvent(key, item, triggerType) {
-        const value = (item && item[this.props.fillProps]) || key;
-
-        if (triggerType === 'itemClick' || triggerType === 'enter') {
-            // 点击 item 的时候不会触发关闭，需要手动关闭，其它类型比如 keyDown 等都会有其它事件句柄处理
-            this.setVisible(false, triggerType);
-        }
-
-        this.handleChange(value, triggerType, item);
+    // 非受控模式清空内部数据
+    if (!('value' in this.props)) {
+      this.setState({
+        value,
+      });
     }
 
-    handleChange = (value, proxy, item) => {
-        const { disabled, readOnly, filterLocal } = this.props;
+    this.props.onChange(value, actionType, item);
 
-        if (disabled || readOnly) {
-            return false;
-        }
+    if (actionType === 'itemClick' || actionType === 'enter') {
+      // 点击 item 的时候不会触发关闭，需要手动关闭，其它类型比如 keyDown 等都会有其它事件句柄处理
+      this.setVisible(false, actionType);
+    }
+  };
 
-        const actionType = typeof proxy === 'string' ? proxy : 'change';
-
-        this.isInputing = actionType === 'change';
-
-        if (filterLocal) {
-            this.setState({
-                dataSource: this.dataStore.updateByKey(value),
-            });
-
-            this.shouldControlPopup(this.props, actionType);
-            this.setFirstHightLightKeyForMenu();
-        }
-
-        // 非受控模式清空内部数据
-        if (!('value' in this.props)) {
-            this.setState({
-                value: value,
-            });
-        }
-
-        this.props.onChange(value, actionType, item);
-
-        if (actionType === 'itemClick' || actionType === 'enter') {
-            // 点击 item 的时候不会触发关闭，需要手动关闭，其它类型比如 keyDown 等都会有其它事件句柄处理
-            this.setVisible(false, actionType);
-        }
-    };
-
-    handleVisibleChange(visible, type) {
-        if (
-            !('visible' in this.props) &&
+  handleVisibleChange(visible, type) {
+    if (
+      !('visible' in this.props) &&
             visible &&
             !this.props.popupContent &&
             !this.dataStore.getMenuDS().length
-        ) {
-            return;
-        }
-
-        this.setVisible(visible, type);
+    ) {
+      return;
     }
 
-    beforeClose() {
-        this.isInputing = false;
-    }
+    this.setVisible(visible, type);
+  }
 
-    /**
+  beforeClose() {
+    this.isInputing = false;
+  }
+
+  /**
      * Handle trigger keydown event
      * @param {Event} e
      */
-    handleTriggerKeyDown(e) {
-        const { popupContent, onToggleHighlightItem, onKeyDown } = this.props;
-        if (popupContent) {
-            e.stopPropagation(); //stopPropagation can make use onChange triggerd while typing space('') in Input
-            return onKeyDown(e);
-        }
-
-        switch (e.keyCode) {
-            case KEYCODE.UP:
-                e.preventDefault();
-                onToggleHighlightItem(this.toggleHighlightItem(-1, e), 'up');
-                break;
-            case KEYCODE.DOWN:
-                e.preventDefault();
-                onToggleHighlightItem(this.toggleHighlightItem(1, e), 'down');
-                break;
-            case KEYCODE.ENTER:
-                e.preventDefault();
-                this.chooseHighlightItem(e);
-                break;
-            case KEYCODE.SPACE:
-                // stopPropagation can make use onChange triggerd while typing space('') in Input
-                e.stopPropagation();
-                break;
-            case KEYCODE.ESC:
-                e.preventDefault();
-                this.state.visible && this.setVisible(false, 'esc');
-                break;
-            default:
-                break;
-        }
-
-        onKeyDown(e);
+  handleTriggerKeyDown(e) {
+    const { popupContent, onToggleHighlightItem, onKeyDown } = this.props;
+    if (popupContent) {
+      e.stopPropagation(); // stopPropagation can make use onChange triggerd while typing space('') in Input
+      return onKeyDown(e);
     }
 
-    // 回车 选择高亮的 item
-    chooseHighlightItem() {
-        if (!this.state.visible) {
-            return false;
-        }
-
-        const { highlightKey } = this.state;
-        const highlightItem = this.dataStore.getEnableDS().find(item => {
-            return highlightKey === `${item.value}`;
-        });
-
-        if (highlightItem) {
-            this.handleSelectEvent(highlightKey, highlightItem, 'enter');
-        }
+    switch (e.keyCode) {
+      case KEYCODE.UP:
+        e.preventDefault();
+        onToggleHighlightItem(this.toggleHighlightItem(-1, e), 'up');
+        break;
+      case KEYCODE.DOWN:
+        e.preventDefault();
+        onToggleHighlightItem(this.toggleHighlightItem(1, e), 'down');
+        break;
+      case KEYCODE.ENTER:
+        e.preventDefault();
+        this.chooseHighlightItem(e);
+        break;
+      case KEYCODE.SPACE:
+        // stopPropagation can make use onChange triggerd while typing space('') in Input
+        e.stopPropagation();
+        break;
+      case KEYCODE.ESC:
+        e.preventDefault();
+        this.state.visible && this.setVisible(false, 'esc');
+        break;
+      default:
+        break;
     }
 
-    hasClear() {
-        const { hasClear, readOnly, disabled } = this.props;
-        const { value } = this.state;
+    onKeyDown(e);
+  }
 
-        return value && hasClear && !readOnly && !disabled;
+  // 回车 选择高亮的 item
+  chooseHighlightItem() {
+    if (!this.state.visible) {
+      return false;
     }
 
-    /**
+    const { highlightKey } = this.state;
+    const highlightItem = this.dataStore.getEnableDS().find(item => {
+      return highlightKey === `${item.value}`;
+    });
+
+    if (highlightItem) {
+      this.handleSelectEvent(highlightKey, highlightItem, 'enter');
+    }
+  }
+
+  hasClear() {
+    const { hasClear, readOnly, disabled } = this.props;
+    const { value } = this.state;
+
+    return value && hasClear && !readOnly && !disabled;
+  }
+
+  /**
      * 选择器
      * @override
      * @param {object} props
      */
-    renderSelect(props = this.props) {
-        const {
-            placeholder,
-            size,
-            prefix,
-            className,
-            style,
-            label,
-            readOnly,
-            disabled,
-            highlightHolder,
-            locale,
-            hasClear,
-            state,
-            rtl,
-        } = props;
-        const others = obj.pickOthers(AutoComplete.propTypes, props);
-        const othersData = obj.pickAttrsWith(others, 'data-');
+  renderSelect(props = this.props) {
+    const {
+      placeholder,
+      size,
+      prefix,
+      className,
+      style,
+      label,
+      readOnly,
+      disabled,
+      highlightHolder,
+      locale,
+      hasClear,
+      state,
+      rtl,
+    } = props;
+    const others = obj.pickOthers(AutoComplete.propTypes, props);
+    const othersData = obj.pickAttrsWith(others, 'data-');
 
-        const value = this.state.value;
-        const visible = this.state.visible;
+    const { value } = this.state;
+    const { visible } = this.state;
 
-        // // 下拉箭头
-        // const arrowNode = this.renderArrowNode(props, () => {
-        //     this.focusInput();
-        //     this.setVisible(!this.state.visible);
-        // });
+    // // 下拉箭头
+    // const arrowNode = this.renderArrowNode(props, () => {
+    //     this.focusInput();
+    //     this.setVisible(!this.state.visible);
+    // });
 
-        // trigger className
-        const triggerClazz = classNames(
-            [
-                `${prefix}select`,
-                `${prefix}select-auto-complete`,
-                `${prefix}size-${size}`,
-                className,
-            ],
-            {
-                [`${prefix}active`]: visible,
-                [`${prefix}disabled`]: disabled,
-            }
-        );
+    // trigger className
+    const triggerClazz = classNames(
+      [
+        `${prefix}select`,
+        `${prefix}select-auto-complete`,
+        `${prefix}size-${size}`,
+        className,
+      ],
+      {
+        [`${prefix}active`]: visible,
+        [`${prefix}disabled`]: disabled,
+      },
+    );
 
-        // highlightKey into placeholder
-        // compatible with selectPlaceHolder. TODO: removed in 2.0 version
-        let _placeholder =
+    // highlightKey into placeholder
+    // compatible with selectPlaceHolder. TODO: removed in 2.0 version
+    let _placeholder =
             placeholder ||
             locale.autoCompletePlaceholder ||
             locale.autoCompletePlaceHolder;
-        if (highlightHolder && visible) {
-            _placeholder = this.state.highlightKey || _placeholder;
-        }
-
-        // Input props
-        const _inputProps = {
-            ...obj.pickOthers(othersData, others),
-            state: state,
-            ref: this.saveInputRef,
-            hasClear: hasClear,
-            value,
-            size,
-            disabled,
-            readOnly,
-            placeholder: _placeholder,
-            label,
-            // extra: arrowNode,
-            onChange: this.handleChange,
-            onKeyDown: this.handleTriggerKeyDown,
-        };
-
-        return (
-            <span
-                {...othersData}
-                className={triggerClazz}
-                style={style}
-                dir={rtl ? 'rtl' : undefined}
-                ref={this.saveSelectRef}
-                onClick={this.focusInput}
-            >
-                <Input
-                    role="combobox"
-                    aria-autocomplete="list"
-                    aria-disabled={disabled}
-                    aria-expanded={this.state.visible}
-                    {..._inputProps}
-                />
-                <span className={`${prefix}sr-only`} aria-live="polite">
-                    {this.state.srReader}
-                </span>
-            </span>
-        );
+    if (highlightHolder && visible) {
+      _placeholder = this.state.highlightKey || _placeholder;
     }
 
-    render() {
-        if (this.hasClear()) {
-            // clear 按钮点击后，会在 dom 结构中被删除掉，需要将其额外设置为安全节点，防止触发弹层的显示或隐藏
-            const safeNode = this.props.popupProps.safeNode || [];
-            const safeNodes = Array.isArray(safeNode) ? safeNode : [safeNode];
-            safeNodes.push(() => this.clearNode);
-            this.props.popupProps.safeNode = safeNodes;
-        }
+    // Input props
+    const _inputProps = {
+      ...obj.pickOthers(othersData, others),
+      state,
+      ref: this.saveInputRef,
+      hasClear,
+      value,
+      size,
+      disabled,
+      readOnly,
+      placeholder: _placeholder,
+      label,
+      // extra: arrowNode,
+      onChange: this.handleChange,
+      onKeyDown: this.handleTriggerKeyDown,
+    };
 
-        return super.render(
-            Object.assign({}, this.props, { canCloseByTrigger: false })
-        );
+    return (
+      <span
+        {...othersData}
+        className={triggerClazz}
+        style={style}
+        dir={rtl ? 'rtl' : undefined}
+        ref={this.saveSelectRef}
+        onClick={this.focusInput}
+      >
+        <Input
+          role="combobox"
+          aria-autocomplete="list"
+          aria-disabled={disabled}
+          aria-expanded={this.state.visible}
+          {..._inputProps}
+        />
+        <span className={`${prefix}sr-only`} aria-live="polite">
+          {this.state.srReader}
+        </span>
+      </span>
+    );
+  }
+
+  render() {
+    if (this.hasClear()) {
+      // clear 按钮点击后，会在 dom 结构中被删除掉，需要将其额外设置为安全节点，防止触发弹层的显示或隐藏
+      const safeNode = this.props.popupProps.safeNode || [];
+      const safeNodes = Array.isArray(safeNode) ? safeNode : [safeNode];
+      safeNodes.push(() => this.clearNode);
+      this.props.popupProps.safeNode = safeNodes;
     }
+
+    return super.render(
+      Object.assign({}, this.props, { canCloseByTrigger: false }),
+    );
+  }
 }
 
 export default AutoComplete;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/select/base.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/select/base.jsx
index b7c8888c3..101e4de25 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/select/base.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/select/base.jsx
@@ -17,698 +17,698 @@ const { Item: MenuItem, Group: MenuGroup } = Menu;
 const { noop, bindCtx, makeChain } = func;
 
 function preventDefault(e) {
-    e.preventDefault();
+  e.preventDefault();
 }
 
 export default class Base extends React.Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    /**
          * 选择器尺寸
          */
-        size: PropTypes.oneOf(['small', 'medium', 'large']),
-        // 当前值，用于受控模式
-        value: PropTypes.any, // to be override
-        // 初始化的默认值
-        defaultValue: PropTypes.any, // to be override
-        /**
+    size: PropTypes.oneOf(['small', 'medium', 'large']),
+    // 当前值，用于受控模式
+    value: PropTypes.any, // to be override
+    // 初始化的默认值
+    defaultValue: PropTypes.any, // to be override
+    /**
          * 没有值的时候的占位符
          */
-        placeholder: PropTypes.string,
-        /**
+    placeholder: PropTypes.string,
+    /**
          * 下拉菜单是否与选择器对齐
          */
-        autoWidth: PropTypes.bool,
-        /**
+    autoWidth: PropTypes.bool,
+    /**
          * 自定义内联 label
          */
-        label: PropTypes.node,
-        /**
+    label: PropTypes.node,
+    /**
          * 是否有清除按钮（单选模式有效）
          */
-        hasClear: PropTypes.bool,
-        /**
+    hasClear: PropTypes.bool,
+    /**
          * 校验状态
          */
-        state: PropTypes.oneOf(['error', 'loading']),
-        /**
+    state: PropTypes.oneOf(['error', 'loading']),
+    /**
          * 是否只读，只读模式下可以展开弹层但不能选
          */
-        readOnly: PropTypes.bool,
-        /**
+    readOnly: PropTypes.bool,
+    /**
          * 是否禁用选择器
          */
-        disabled: PropTypes.bool,
-        /**
+    disabled: PropTypes.bool,
+    /**
          * 当前弹层是否显示
          */
-        visible: PropTypes.bool,
-        /**
+    visible: PropTypes.bool,
+    /**
          * 弹层初始化是否显示
          */
-        defaultVisible: PropTypes.bool,
-        /**
+    defaultVisible: PropTypes.bool,
+    /**
          * 弹层显示或隐藏时触发的回调
          * @param {Boolean} visible 弹层是否显示
          * @param {String} type 触发弹层显示或隐藏的来源 fromContent 表示由Dropdown内容触发； fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发
          */
-        onVisibleChange: PropTypes.func,
-        /**
+    onVisibleChange: PropTypes.func,
+    /**
          * 弹层挂载的容器节点
          */
-        popupContainer: PropTypes.any,
-        /**
+    popupContainer: PropTypes.any,
+    /**
          * 弹层的 className
          */
-        popupClassName: PropTypes.any,
-        /**
+    popupClassName: PropTypes.any,
+    /**
          * 弹层的内联样式
          */
-        popupStyle: PropTypes.object,
-        /**
+    popupStyle: PropTypes.object,
+    /**
          * 添加到弹层上的属性
          */
-        popupProps: PropTypes.object,
-        /**
+    popupProps: PropTypes.object,
+    /**
          * 是否跟随滚动
          */
-        followTrigger: PropTypes.bool,
-        /**
+    followTrigger: PropTypes.bool,
+    /**
          * 自定义弹层的内容
          */
-        popupContent: PropTypes.node,
-        /**
+    popupContent: PropTypes.node,
+    /**
          * 添加到菜单上的属性
          */
-        menuProps: PropTypes.object,
-        /**
+    menuProps: PropTypes.object,
+    /**
          * 是否使用本地过滤，在数据源为远程的时候需要关闭此项
          */
-        filterLocal: PropTypes.bool,
-        /**
+    filterLocal: PropTypes.bool,
+    /**
          * 本地过滤方法，返回一个 Boolean 值确定是否保留
          */
-        filter: PropTypes.func,
-        /**
+    filter: PropTypes.func,
+    /**
          * 键盘上下键切换菜单高亮选项的回调
          */
-        onToggleHighlightItem: PropTypes.func,
-        /**
+    onToggleHighlightItem: PropTypes.func,
+    /**
          * 是否开启虚拟滚动模式
          */
-        useVirtual: PropTypes.bool,
-        // 自定义类名
-        className: PropTypes.any,
-        children: PropTypes.any,
-        dataSource: PropTypes.array,
-        itemRender: PropTypes.func,
-        mode: PropTypes.string,
-        notFoundContent: PropTypes.node,
-        locale: PropTypes.object,
-        rtl: PropTypes.bool,
-        popupComponent: PropTypes.any,
-        /**
+    useVirtual: PropTypes.bool,
+    // 自定义类名
+    className: PropTypes.any,
+    children: PropTypes.any,
+    dataSource: PropTypes.array,
+    itemRender: PropTypes.func,
+    mode: PropTypes.string,
+    notFoundContent: PropTypes.node,
+    locale: PropTypes.object,
+    rtl: PropTypes.bool,
+    popupComponent: PropTypes.any,
+    /**
          * 是否为预览态
          */
-        isPreview: PropTypes.bool,
-        /**
+    isPreview: PropTypes.bool,
+    /**
          * 预览态模式下渲染的内容
          * @param {number} value 评分值
          */
-        renderPreview: PropTypes.func,
+    renderPreview: PropTypes.func,
+  };
+
+  static defaultProps = {
+    prefix: 'next-',
+    size: 'medium',
+    autoWidth: true,
+    onChange: noop,
+    onVisibleChange: noop,
+    onToggleHighlightItem: noop,
+    popupProps: {},
+    filterLocal: true,
+    filter,
+    itemRender: item => {
+      return item.label || item.value;
+    },
+    locale: zhCN.Select,
+  };
+
+  constructor(props) {
+    super(props);
+
+    this.dataStore = new DataStore({
+      filter: props.filter,
+      filterLocal: props.filterLocal,
+    });
+
+    this.state = {
+      value: 'value' in props ? props.value : props.defaultValue,
+      visible: 'visible' in props ? props.visible : props.defaultVisible,
+      dataSource: [],
+      width: 100,
+      // current highlight key
+      highlightKey: null,
+      srReader: '',
     };
 
-    static defaultProps = {
-        prefix: 'next-',
-        size: 'medium',
-        autoWidth: true,
-        onChange: noop,
-        onVisibleChange: noop,
-        onToggleHighlightItem: noop,
-        popupProps: {},
-        filterLocal: true,
-        filter: filter,
-        itemRender: item => {
-            return item.label || item.value;
-        },
-        locale: zhCN.Select,
-    };
+    bindCtx(this, [
+      'handleMenuBodyClick',
+      'handleVisibleChange',
+      'focusInput',
+      'beforeOpen',
+      'beforeClose',
+      'afterClose',
+      'handleResize',
+    ]);
+  }
 
-    constructor(props) {
-        super(props);
+  componentWillMount() {
+    this.setState({
+      dataSource: this.setDataSource(this.props),
+    });
+  }
 
-        this.dataStore = new DataStore({
-            filter: props.filter,
-            filterLocal: props.filterLocal,
-        });
+  componentDidMount() {
+    // overlay 还没有完成 mount，所以需要滞后同步宽度
+    setTimeout(() => this.syncWidth(), 0);
 
-        this.state = {
-            value: 'value' in props ? props.value : props.defaultValue,
-            visible: 'visible' in props ? props.visible : props.defaultVisible,
-            dataSource: [],
-            width: 100,
-            // current highlight key
-            highlightKey: null,
-            srReader: '',
-        };
+    events.on(window, 'resize', this.handleResize);
+  }
 
-        bindCtx(this, [
-            'handleMenuBodyClick',
-            'handleVisibleChange',
-            'focusInput',
-            'beforeOpen',
-            'beforeClose',
-            'afterClose',
-            'handleResize',
-        ]);
-    }
-
-    componentWillMount() {
-        this.setState({
-            dataSource: this.setDataSource(this.props),
-        });
-    }
-
-    componentDidMount() {
-        // overlay 还没有完成 mount，所以需要滞后同步宽度
-        setTimeout(() => this.syncWidth(), 0);
-
-        events.on(window, 'resize', this.handleResize);
-    }
-
-    componentDidUpdate(prevProps, prevState) {
-        if (
-            prevProps.label !== this.props.label ||
+  componentDidUpdate(prevProps, prevState) {
+    if (
+      prevProps.label !== this.props.label ||
             prevState.value !== this.state.value
-        ) {
-            this.syncWidth();
-        }
+    ) {
+      this.syncWidth();
     }
+  }
 
-    componentWillUnmount() {
-        events.off(window, 'resize', this.handleResize);
-        clearTimeout(this.resizeTimeout);
-    }
+  componentWillUnmount() {
+    events.off(window, 'resize', this.handleResize);
+    clearTimeout(this.resizeTimeout);
+  }
 
-    /**
+  /**
      * Calculate and set width of popup menu
      * @protected
      */
-    syncWidth() {
-        const { popupStyle, popupProps } = this.props;
-        if (
-            (popupStyle && 'width' in popupStyle) ||
+  syncWidth() {
+    const { popupStyle, popupProps } = this.props;
+    if (
+      (popupStyle && 'width' in popupStyle) ||
             (popupProps && popupProps.style && 'width' in popupProps.style)
-        ) {
-            return;
-        }
-
-        const width = dom.getStyle(this.selectDOM, 'width');
-        if (width && this.width !== width) {
-            this.width = width;
-
-            if (this.popupRef && this.shouldAutoWidth()) {
-                // overy 的 node 节点可能没有挂载完成，所以这里需要异步
-                setTimeout(() => {
-                    if (this.popupRef && this.popupRef.getInstance().overlay) {
-                        dom.setStyle(
-                            this.popupRef
-                                .getInstance()
-                                .overlay.getInstance()
-                                .getContentNode(),
-                            'width',
-                            this.width
-                        );
-                    }
-                }, 0);
-            }
-        }
+    ) {
+      return;
     }
 
-    handleResize() {
-        clearTimeout(this.resizeTimeout);
-        if (this.state.visible) {
-            this.resizeTimeout = setTimeout(() => {
-                this.syncWidth();
-            }, 200);
-        }
-    }
+    const width = dom.getStyle(this.selectDOM, 'width');
+    if (width && this.width !== width) {
+      this.width = width;
 
-    /**
+      if (this.popupRef && this.shouldAutoWidth()) {
+        // overy 的 node 节点可能没有挂载完成，所以这里需要异步
+        setTimeout(() => {
+          if (this.popupRef && this.popupRef.getInstance().overlay) {
+            dom.setStyle(
+              this.popupRef
+                .getInstance()
+                .overlay.getInstance()
+                .getContentNode(),
+              'width',
+              this.width,
+            );
+          }
+        }, 0);
+      }
+    }
+  }
+
+  handleResize() {
+    clearTimeout(this.resizeTimeout);
+    if (this.state.visible) {
+      this.resizeTimeout = setTimeout(() => {
+        this.syncWidth();
+      }, 200);
+    }
+  }
+
+  /**
      * Get structured dataSource, for cache
      * @protected
      * @param  {Object} [props=this.props]
      * @return {Array}
      */
-    setDataSource(props) {
-        const { dataSource, children } = props;
+  setDataSource(props) {
+    const { dataSource, children } = props;
 
-        // children is higher priority then dataSource
-        if (Children.count(children)) {
-            return this.dataStore.updateByDS(children, true);
-        } else if (Array.isArray(dataSource)) {
-            return this.dataStore.updateByDS(dataSource, false);
-        }
-        return [];
+    // children is higher priority then dataSource
+    if (Children.count(children)) {
+      return this.dataStore.updateByDS(children, true);
+    } else if (Array.isArray(dataSource)) {
+      return this.dataStore.updateByDS(dataSource, false);
     }
+    return [];
+  }
 
-    /**
+  /**
      * Set popup visible
      * @protected
      * @param {boolean} visible
      * @param {string} type trigger type
      */
-    setVisible(visible, type) {
-        if (this.props.disabled || this.state.visible === visible) {
-            return;
-        }
-
-        if (!('visible' in this.props)) {
-            this.setState({
-                visible,
-            });
-        }
-
-        this.props.onVisibleChange(visible, type);
+  setVisible(visible, type) {
+    if (this.props.disabled || this.state.visible === visible) {
+      return;
     }
 
-    setFirstHightLightKeyForMenu() {
-        // 设置高亮 item key
-        if (
-            this.dataStore.getMenuDS().length &&
+    if (!('visible' in this.props)) {
+      this.setState({
+        visible,
+      });
+    }
+
+    this.props.onVisibleChange(visible, type);
+  }
+
+  setFirstHightLightKeyForMenu() {
+    // 设置高亮 item key
+    if (
+      this.dataStore.getMenuDS().length &&
             this.dataStore.getEnableDS().length
-        ) {
-            this.setState({
-                highlightKey: `${this.dataStore.getEnableDS()[0].value}`,
-            });
-        }
+    ) {
+      this.setState({
+        highlightKey: `${this.dataStore.getEnableDS()[0].value}`,
+      });
     }
+  }
 
-    handleChange(value, ...args) {
-        // 非受控模式清空内部数据
-        if (!('value' in this.props)) {
-            this.setState({
-                value: value,
-            });
-        }
-        this.props.onChange(value, ...args);
+  handleChange(value, ...args) {
+    // 非受控模式清空内部数据
+    if (!('value' in this.props)) {
+      this.setState({
+        value,
+      });
     }
+    this.props.onChange(value, ...args);
+  }
 
-    /**
+  /**
      * Handle Menu body click
      * @param {Event} e click event
      */
-    handleMenuBodyClick(e) {
-        this.focusInput(e);
-    }
+  handleMenuBodyClick(e) {
+    this.focusInput(e);
+  }
 
-    /**
+  /**
      * Toggle highlight MenuItem
      * @private
      * @param {number} dir -1: up, 1: down
      */
-    toggleHighlightItem(dir) {
-        if (!this.state.visible) {
-            this.setVisible(true, 'enter');
-            return;
-        }
+  toggleHighlightItem(dir) {
+    if (!this.state.visible) {
+      this.setVisible(true, 'enter');
+      return;
+    }
 
-        const maxCount = this.dataStore.getEnableDS().length;
-        // When there is no enabled item
-        if (!maxCount) {
-            return false;
-        }
+    const maxCount = this.dataStore.getEnableDS().length;
+    // When there is no enabled item
+    if (!maxCount) {
+      return false;
+    }
 
-        let { highlightKey } = this.state;
-        let highlightIndex = -1;
+    let { highlightKey } = this.state;
+    let highlightIndex = -1;
 
-        // find previous highlight index
-        highlightKey !== null &&
+    // find previous highlight index
+    highlightKey !== null &&
             this.dataStore.getEnableDS().some((item, index) => {
-                if (`${item.value}` === highlightKey) {
-                    highlightIndex = index;
-                }
-                return highlightIndex > -1;
+              if (`${item.value}` === highlightKey) {
+                highlightIndex = index;
+              }
+              return highlightIndex > -1;
             });
 
-        // toggle highlight index
-        highlightIndex += dir;
-        if (highlightIndex < 0) {
-            highlightIndex = maxCount - 1;
-        }
-        if (highlightIndex >= maxCount) {
-            highlightIndex = 0;
-        }
-
-        // get highlight key
-        const highlightItem = this.dataStore.getEnableDS()[highlightIndex];
-        highlightKey = highlightItem ? `${highlightItem.value}` : null;
-
-        this.setState({ highlightKey, srReader: highlightItem.label });
-
-        this.scrollMenuIntoView();
-
-        return highlightItem;
+    // toggle highlight index
+    highlightIndex += dir;
+    if (highlightIndex < 0) {
+      highlightIndex = maxCount - 1;
+    }
+    if (highlightIndex >= maxCount) {
+      highlightIndex = 0;
     }
 
-    // scroll into focus item
-    scrollMenuIntoView() {
-        const { prefix } = this.props;
+    // get highlight key
+    const highlightItem = this.dataStore.getEnableDS()[highlightIndex];
+    highlightKey = highlightItem ? `${highlightItem.value}` : null;
 
-        clearTimeout(this.highlightTimer);
-        this.highlightTimer = setTimeout(() => {
-            try {
-                const menuNode = findDOMNode(this.menuRef);
-                const itemNode = menuNode.querySelector(
-                    `.${prefix}select-menu-item.${prefix}focused`
-                );
-                itemNode && itemNode.scrollIntoViewIfNeeded();
-            } catch (ex) {
-                // I don't care...
-            }
-        });
-    }
+    this.setState({ highlightKey, srReader: highlightItem.label });
 
-    /**
+    this.scrollMenuIntoView();
+
+    return highlightItem;
+  }
+
+  // scroll into focus item
+  scrollMenuIntoView() {
+    const { prefix } = this.props;
+
+    clearTimeout(this.highlightTimer);
+    this.highlightTimer = setTimeout(() => {
+      try {
+        const menuNode = findDOMNode(this.menuRef);
+        const itemNode = menuNode.querySelector(
+          `.${prefix}select-menu-item.${prefix}focused`,
+        );
+        itemNode && itemNode.scrollIntoViewIfNeeded();
+      } catch (ex) {
+        // I don't care...
+      }
+    });
+  }
+
+  /**
      * render popup menu header
      * @abstract
      */
-    renderMenuHeader() {
-        const { menuProps } = this.props;
+  renderMenuHeader() {
+    const { menuProps } = this.props;
 
-        if (menuProps && 'header' in menuProps) {
-            return menuProps.header;
-        }
-
-        return null;
+    if (menuProps && 'header' in menuProps) {
+      return menuProps.header;
     }
 
-    handleSelect() {}
+    return null;
+  }
 
-    /**
+  handleSelect() {}
+
+  /**
      * render popup children
      * @protected
      * @param {object} props
      */
-    renderMenu() {
-        const {
-            prefix,
-            mode,
-            locale,
-            notFoundContent,
-            useVirtual,
-            menuProps,
-        } = this.props;
-        const { dataSource, highlightKey } = this.state;
-        const value = this.state.value;
-        let selectedKeys;
+  renderMenu() {
+    const {
+      prefix,
+      mode,
+      locale,
+      notFoundContent,
+      useVirtual,
+      menuProps,
+    } = this.props;
+    const { dataSource, highlightKey } = this.state;
+    const { value } = this.state;
+    let selectedKeys;
 
-        if (isNull(value) || value.length === 0 || this.isAutoComplete) {
-            selectedKeys = [];
-        } else if (isSingle(mode)) {
-            selectedKeys = [valueToSelectKey(value)];
-        } else {
-            selectedKeys = [].concat(value).map(n => valueToSelectKey(n));
-        }
-
-        let children = this.renderMenuItem(dataSource);
-
-        const menuClassName = classNames({
-            [`${prefix}select-menu`]: true,
-            [`${prefix}select-menu-empty`]: !children || !children.length,
-        });
-
-        if (!children || !children.length) {
-            children = (
-                <span className={`${prefix}select-menu-empty-content`}>
-                    {notFoundContent || locale.notFoundContent}
-                </span>
-            );
-        }
-
-        const customProps = {
-            ...menuProps,
-            children,
-            role: 'listbox',
-            selectedKeys,
-            focusedKey: highlightKey,
-            focusable: false,
-            selectMode: isSingle(mode) ? 'single' : 'multiple',
-            onSelect: this.handleMenuSelect,
-            onItemClick: this.handleItemClick,
-            header: this.renderMenuHeader(),
-            onClick: this.handleMenuBodyClick,
-            onMouseDown: preventDefault,
-            className: menuClassName,
-        };
-        const menuStyle = this.shouldAutoWidth()
-            ? { width: this.width }
-            : { minWidth: this.width };
-
-        return useVirtual && children.length ? (
-            <div
-                className={`${prefix}select-menu-wrapper`}
-                style={{ position: 'relative', ...menuStyle }}
-            >
-                <VirtualList
-                    itemsRenderer={(items, ref) => {
-                        return (
-                            <Menu
-                                ref={c => {
-                                    ref(c);
-                                    this.menuRef = c;
-                                }}
-                                {...customProps}
-                            >
-                                {items}
-                            </Menu>
-                        );
-                    }}
-                >
-                    {children}
-                </VirtualList>
-            </div>
-        ) : (
-            <Menu {...customProps} style={menuStyle} />
-        );
+    if (isNull(value) || value.length === 0 || this.isAutoComplete) {
+      selectedKeys = [];
+    } else if (isSingle(mode)) {
+      selectedKeys = [valueToSelectKey(value)];
+    } else {
+      selectedKeys = [].concat(value).map(n => valueToSelectKey(n));
     }
 
-    /**
+    let children = this.renderMenuItem(dataSource);
+
+    const menuClassName = classNames({
+      [`${prefix}select-menu`]: true,
+      [`${prefix}select-menu-empty`]: !children || !children.length,
+    });
+
+    if (!children || !children.length) {
+      children = (
+        <span className={`${prefix}select-menu-empty-content`}>
+          {notFoundContent || locale.notFoundContent}
+        </span>
+      );
+    }
+
+    const customProps = {
+      ...menuProps,
+      children,
+      role: 'listbox',
+      selectedKeys,
+      focusedKey: highlightKey,
+      focusable: false,
+      selectMode: isSingle(mode) ? 'single' : 'multiple',
+      onSelect: this.handleMenuSelect,
+      onItemClick: this.handleItemClick,
+      header: this.renderMenuHeader(),
+      onClick: this.handleMenuBodyClick,
+      onMouseDown: preventDefault,
+      className: menuClassName,
+    };
+    const menuStyle = this.shouldAutoWidth()
+      ? { width: this.width }
+      : { minWidth: this.width };
+
+    return useVirtual && children.length ? (
+      <div
+        className={`${prefix}select-menu-wrapper`}
+        style={{ position: 'relative', ...menuStyle }}
+      >
+        <VirtualList
+          itemsRenderer={(items, ref) => {
+            return (
+              <Menu
+                ref={c => {
+                  ref(c);
+                  this.menuRef = c;
+                }}
+                {...customProps}
+              >
+                {items}
+              </Menu>
+            );
+          }}
+        >
+          {children}
+        </VirtualList>
+      </div>
+    ) : (
+      <Menu {...customProps} style={menuStyle} />
+    );
+  }
+
+  /**
      * render menu item
      * @protected
      * @param {Array} dataSource
      */
-    renderMenuItem(dataSource) {
-        const { prefix, itemRender } = this.props;
-        // If it has.
-        let searchKey;
-        if (this.isAutoComplete) {
-            // In AutoComplete, value is the searchKey
-            searchKey = this.state.value;
-        } else {
-            searchKey = this.state.searchValue;
-        }
-
-        return dataSource.map((item, index) => {
-            if (!item) {
-                return null;
-            }
-            if (Array.isArray(item.children)) {
-                return (
-                    <MenuGroup key={index} label={item.label}>
-                        {this.renderMenuItem(item.children)}
-                    </MenuGroup>
-                );
-            } else {
-                const itemProps = {
-                    role: 'option',
-                    key: item.value,
-                    className: `${prefix}select-menu-item`,
-                    disabled: item.disabled,
-                };
-                if (item.title) {
-                    itemProps.title = item.title;
-                }
-
-                return (
-                    <MenuItem {...itemProps}>
-                        {itemRender(item, searchKey)}
-                    </MenuItem>
-                );
-            }
-        });
+  renderMenuItem(dataSource) {
+    const { prefix, itemRender } = this.props;
+    // If it has.
+    let searchKey;
+    if (this.isAutoComplete) {
+      // In AutoComplete, value is the searchKey
+      searchKey = this.state.value;
+    } else {
+      searchKey = this.state.searchValue;
     }
 
-    saveSelectRef = ref => {
-        this.selectDOM = findDOMNode(ref);
-    };
-
-    saveInputRef = ref => {
-        if (ref && ref.getInstance()) {
-            this.inputRef = ref.getInstance();
+    return dataSource.map((item, index) => {
+      if (!item) {
+        return null;
+      }
+      if (Array.isArray(item.children)) {
+        return (
+          <MenuGroup key={index} label={item.label}>
+            {this.renderMenuItem(item.children)}
+          </MenuGroup>
+        );
+      } else {
+        const itemProps = {
+          role: 'option',
+          key: item.value,
+          className: `${prefix}select-menu-item`,
+          disabled: item.disabled,
+        };
+        if (item.title) {
+          itemProps.title = item.title;
         }
-    };
 
-    /**
+        return (
+          <MenuItem {...itemProps}>
+            {itemRender(item, searchKey)}
+          </MenuItem>
+        );
+      }
+    });
+  }
+
+  saveSelectRef = ref => {
+    this.selectDOM = findDOMNode(ref);
+  };
+
+  saveInputRef = ref => {
+    if (ref && ref.getInstance()) {
+      this.inputRef = ref.getInstance();
+    }
+  };
+
+  /**
      * 点击 arrow 或 label 的时候焦点切到 input 中
      * @override
      */
-    focusInput() {
-        this.inputRef.focus();
+  focusInput() {
+    this.inputRef.focus();
+  }
+
+  beforeOpen() {
+    const { value, highlightKey } = this.state;
+    if (this.props.mode === 'single' && !value && !highlightKey) {
+      this.setFirstHightLightKeyForMenu();
     }
+    this.syncWidth();
+  }
 
-    beforeOpen() {
-        const { value, highlightKey } = this.state;
-        if (this.props.mode === 'single' && !value && !highlightKey) {
-            this.setFirstHightLightKeyForMenu();
-        }
-        this.syncWidth();
-    }
+  beforeClose() {}
 
-    beforeClose() {}
+  afterClose() {}
 
-    afterClose() {}
-
-    savePopupRef = ref => {
-        this.popupRef = ref;
-        if (
-            this.props.popupProps &&
+  savePopupRef = ref => {
+    this.popupRef = ref;
+    if (
+      this.props.popupProps &&
             typeof this.props.popupProps.ref === 'function'
-        ) {
-            this.props.popupProps.ref(ref);
+    ) {
+      this.props.popupProps.ref(ref);
+    }
+  };
+
+  shouldAutoWidth() {
+    if (this.props.popupComponent) {
+      return false;
+    }
+
+    return this.props.autoWidth;
+  }
+
+  render(props) {
+    const {
+      prefix,
+      mode,
+      popupProps,
+      popupContainer,
+      popupClassName,
+      popupStyle,
+      popupContent,
+      canCloseByTrigger,
+      followTrigger,
+      cache,
+      popupComponent,
+      isPreview,
+      renderPreview,
+      style,
+      className,
+    } = props;
+
+    const cls = classNames(
+      {
+        [`${prefix}select-auto-complete-menu`]:
+                    !popupContent && this.isAutoComplete,
+        [`${prefix}select-${mode}-menu`]: !popupContent && !!mode,
+      },
+      popupClassName || popupProps.className,
+    );
+
+    if (isPreview) {
+      if (this.isAutoComplete) {
+        return (
+          <Input
+            style={style}
+            className={className}
+            isPreview={isPreview}
+            renderPreview={renderPreview}
+            value={this.state.value}
+          />
+        );
+      } else {
+        const { valueDS } = this.valueDataSource;
+        if (typeof renderPreview === 'function') {
+          const previewCls = classNames({
+            [`${prefix}form-preview`]: true,
+            [className]: !!className,
+          });
+          return (
+            <div style={style} className={previewCls}>
+              {renderPreview(valueDS, this.props)}
+            </div>
+          );
+        } else {
+          const { fillProps } = this.props;
+          if (mode === 'single') {
+            return (
+              <Input
+                style={style}
+                className={className}
+                isPreview={isPreview}
+                value={
+                                    fillProps
+                                      ? valueDS[fillProps]
+                                      : valueDS.label
+                                }
+              />
+            );
+          } else {
+            return (
+              <Input
+                style={style}
+                className={className}
+                isPreview={isPreview}
+                value={valueDS.map(i => i.label).join(', ')}
+              />
+            );
+          }
         }
+      }
+    }
+
+    const _props = {
+      triggerType: 'click',
+      autoFocus: false,
+      cache,
+      // Put `popupProps` into here for covering above props.
+      ...popupProps,
+      // beforeOpen node not mount, afterOpen too slow.
+      // from display:none to block, we may need to recompute width
+      beforeOpen: makeChain(this.beforeOpen, popupProps.beforeOpen),
+      beforeClose: makeChain(this.beforeClose, popupProps.beforeClose),
+      afterClose: makeChain(this.afterClose, popupProps.afterClose),
+      canCloseByTrigger,
+      followTrigger,
+      visible: this.state.visible,
+      onVisibleChange: this.handleVisibleChange,
+      shouldUpdatePosition: true,
+      container: popupContainer || popupProps.container,
+      className: cls,
+      style: popupStyle || popupProps.style,
     };
 
-    shouldAutoWidth() {
-        if (this.props.popupComponent) {
-            return false;
-        }
+    const Tag = popupComponent || Popup;
 
-        return this.props.autoWidth;
-    }
-
-    render(props) {
-        const {
-            prefix,
-            mode,
-            popupProps,
-            popupContainer,
-            popupClassName,
-            popupStyle,
-            popupContent,
-            canCloseByTrigger,
-            followTrigger,
-            cache,
-            popupComponent,
-            isPreview,
-            renderPreview,
-            style,
-            className,
-        } = props;
-
-        const cls = classNames(
-            {
-                [`${prefix}select-auto-complete-menu`]:
-                    !popupContent && this.isAutoComplete,
-                [`${prefix}select-${mode}-menu`]: !popupContent && !!mode,
-            },
-            popupClassName || popupProps.className
-        );
-
-        if (isPreview) {
-            if (this.isAutoComplete) {
-                return (
-                    <Input
-                        style={style}
-                        className={className}
-                        isPreview={isPreview}
-                        renderPreview={renderPreview}
-                        value={this.state.value}
-                    />
-                );
-            } else {
-                const valueDS = this.valueDataSource.valueDS;
-                if (typeof renderPreview === 'function') {
-                    const previewCls = classNames({
-                        [`${prefix}form-preview`]: true,
-                        [className]: !!className,
-                    });
-                    return (
-                        <div style={style} className={previewCls}>
-                            {renderPreview(valueDS, this.props)}
-                        </div>
-                    );
-                } else {
-                    const { fillProps } = this.props;
-                    if (mode === 'single') {
-                        return (
-                            <Input
-                                style={style}
-                                className={className}
-                                isPreview={isPreview}
-                                value={
-                                    fillProps
-                                        ? valueDS[fillProps]
-                                        : valueDS.label
-                                }
-                            />
-                        );
-                    } else {
-                        return (
-                            <Input
-                                style={style}
-                                className={className}
-                                isPreview={isPreview}
-                                value={valueDS.map(i => i.label).join(', ')}
-                            />
-                        );
-                    }
-                }
-            }
-        }
-
-        const _props = {
-            triggerType: 'click',
-            autoFocus: false,
-            cache: cache,
-            // Put `popupProps` into here for covering above props.
-            ...popupProps,
-            //beforeOpen node not mount, afterOpen too slow.
-            // from display:none to block, we may need to recompute width
-            beforeOpen: makeChain(this.beforeOpen, popupProps.beforeOpen),
-            beforeClose: makeChain(this.beforeClose, popupProps.beforeClose),
-            afterClose: makeChain(this.afterClose, popupProps.afterClose),
-            canCloseByTrigger: canCloseByTrigger,
-            followTrigger: followTrigger,
-            visible: this.state.visible,
-            onVisibleChange: this.handleVisibleChange,
-            shouldUpdatePosition: true,
-            container: popupContainer || popupProps.container,
-            className: cls,
-            style: popupStyle || popupProps.style,
-        };
-
-        const Tag = popupComponent ? popupComponent : Popup;
-
-        return (
-            <Tag
-                {..._props}
-                trigger={this.renderSelect()}
-                ref={this.savePopupRef}
-            >
-                {popupContent ? (
-                    <div
-                        className={`${prefix}select-popup-wrap`}
-                        style={
+    return (
+      <Tag
+        {..._props}
+        trigger={this.renderSelect()}
+        ref={this.savePopupRef}
+      >
+        {popupContent ? (
+          <div
+            className={`${prefix}select-popup-wrap`}
+            style={
                             this.shouldAutoWidth() ? { width: this.width } : {}
                         }
-                    >
-                        {popupContent}
-                    </div>
-                ) : (
-                    this.renderMenu()
-                )}
-            </Tag>
-        );
-    }
+          >
+            {popupContent}
+          </div>
+        ) : (
+          this.renderMenu()
+        )}
+      </Tag>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/select/data-store.js b/packages/material-parser/test/fixtures/fusion-next-component/src/select/data-store.js
index 4f195b7e0..61d1389a6 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/select/data-store.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/select/data-store.js
@@ -1,97 +1,97 @@
 import {
-    filter,
-    parseDataSourceFromChildren,
-    normalizeDataSource,
-    flattingDataSource,
-    filterDataSource,
+  filter,
+  parseDataSourceFromChildren,
+  normalizeDataSource,
+  flattingDataSource,
+  filterDataSource,
 } from './util';
 
 /**
  * manage dataSource for menu list
  */
 class DataStore {
-    constructor(options) {
-        this.options = {
-            filter,
-            key: undefined,
-            addonKey: false,
-            filterLocal: true,
-            ...options,
-        };
+  constructor(options) {
+    this.options = {
+      filter,
+      key: undefined,
+      addonKey: false,
+      filterLocal: true,
+      ...options,
+    };
 
-        // origin data
-        this.dataSource = [];
-        // current data for menu display
-        this.menuDataSource = [];
-        // key=>value map for menuDataSource
-        this.mapDataSource = {};
-        // current data can be select (not disabled) on menu
-        this.enabledDataSource = [];
-        this.flattenDataSource = [];
+    // origin data
+    this.dataSource = [];
+    // current data for menu display
+    this.menuDataSource = [];
+    // key=>value map for menuDataSource
+    this.mapDataSource = {};
+    // current data can be select (not disabled) on menu
+    this.enabledDataSource = [];
+    this.flattenDataSource = [];
+  }
+
+  setOptions(options) {
+    Object.assign(this.options, options);
+  }
+
+  updateByDS(dataSource, isChildren = false) {
+    this.dataSource = isChildren
+      ? parseDataSourceFromChildren(dataSource)
+      : normalizeDataSource(dataSource);
+    return this.updateAll();
+  }
+
+  updateByKey(key) {
+    if (key === this.options.key) {
+      return this.getMenuDS();
     }
 
-    setOptions(options) {
-        Object.assign(this.options, options);
-    }
+    this.options.key = key;
+    return this.updateAll();
+  }
 
-    updateByDS(dataSource, isChildren = false) {
-        this.dataSource = isChildren
-            ? parseDataSourceFromChildren(dataSource)
-            : normalizeDataSource(dataSource);
-        return this.updateAll();
-    }
+  getOriginDS() {
+    return this.dataSource;
+  }
 
-    updateByKey(key) {
-        if (key === this.options.key) {
-            return this.getMenuDS();
-        }
+  getMenuDS() {
+    return this.menuDataSource;
+  }
 
-        this.options.key = key;
-        return this.updateAll();
-    }
+  getFlattenDS() {
+    return this.flattenDataSource;
+  }
 
-    getOriginDS() {
-        return this.dataSource;
-    }
+  getEnableDS() {
+    return this.enabledDataSource;
+  }
 
-    getMenuDS() {
-        return this.menuDataSource;
-    }
+  getMapDS() {
+    return this.mapDataSource;
+  }
 
-    getFlattenDS() {
-        return this.flattenDataSource;
-    }
+  updateAll() {
+    const { key, filter, filterLocal } = this.options;
+    this.menuDataSource = filterDataSource(
+      this.dataSource,
+      filterLocal ? key : '',
+      filter,
+      this.options.addonKey,
+    );
 
-    getEnableDS() {
-        return this.enabledDataSource;
-    }
+    this.flattenDataSource = flattingDataSource(this.menuDataSource);
 
-    getMapDS() {
-        return this.mapDataSource;
-    }
+    this.mapDataSource = {};
+    this.flattenDataSource.forEach(item => {
+      this.mapDataSource[`${item.value}`] = item;
+    });
 
-    updateAll() {
-        const { key, filter, filterLocal } = this.options;
-        this.menuDataSource = filterDataSource(
-            this.dataSource,
-            filterLocal ? key : '',
-            filter,
-            this.options.addonKey
-        );
+    this.enabledDataSource = this.flattenDataSource.filter(
+      item => !item.disabled,
+    );
 
-        this.flattenDataSource = flattingDataSource(this.menuDataSource);
-
-        this.mapDataSource = {};
-        this.flattenDataSource.forEach(item => {
-            this.mapDataSource[`${item.value}`] = item;
-        });
-
-        this.enabledDataSource = this.flattenDataSource.filter(
-            item => !item.disabled
-        );
-
-        return this.menuDataSource;
-    }
+    return this.menuDataSource;
+  }
 }
 
 export default DataStore;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/select/option-group.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/select/option-group.jsx
index e2ac3a81c..f527dfa42 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/select/option-group.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/select/option-group.jsx
@@ -7,17 +7,17 @@ import PropTypes from 'prop-types';
  * Select.OptionGroup
  */
 export default class OptionGroup extends React.Component {
-    static propTypes = {
-        /**
+  static propTypes = {
+    /**
          * 设置分组的文案
          */
-        label: PropTypes.node,
-        children: PropTypes.any,
-    };
+    label: PropTypes.node,
+    children: PropTypes.any,
+  };
 
-    static _typeMark = 'next_select_option_group';
+  static _typeMark = 'next_select_option_group';
 
-    render() {
-        return this.props.children;
-    }
+  render() {
+    return this.props.children;
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/select/option.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/select/option.jsx
index 780482c55..546a63cc5 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/select/option.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/select/option.jsx
@@ -7,21 +7,21 @@ import PropTypes from 'prop-types';
  * Select.Option
  */
 export default class Option extends React.Component {
-    static propTypes = {
-        /**
+  static propTypes = {
+    /**
          * 选项值
          */
-        value: PropTypes.any.isRequired,
-        /**
+    value: PropTypes.any.isRequired,
+    /**
          * 是否禁用
          */
-        disabled: PropTypes.bool,
-        children: PropTypes.any,
-    };
+    disabled: PropTypes.bool,
+    children: PropTypes.any,
+  };
 
-    static _typeMark = 'next_select_option';
+  static _typeMark = 'next_select_option';
 
-    render() {
-        return this.props.children;
-    }
+  render() {
+    return this.props.children;
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/select/select.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/select/select.jsx
index 2d6dfb4c8..46ea8cf9b 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/select/select.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/select/select.jsx
@@ -27,1161 +27,1161 @@ const isIE9 = env.ieVersion === 9;
  * Select
  */
 class Select extends Base {
-    static propTypes = {
-        ...Base.propTypes,
-        /**
+  static propTypes = {
+    ...Base.propTypes,
+    /**
          * 选择器模式
          */
-        mode: PropTypes.oneOf(['single', 'multiple', 'tag']),
-        /**
+    mode: PropTypes.oneOf(['single', 'multiple', 'tag']),
+    /**
          * 当前值，用于受控模式
          */
-        value: PropTypes.any,
-        /**
+    value: PropTypes.any,
+    /**
          * 初始的默认值
          */
-        defaultValue: PropTypes.any,
-        /**
+    defaultValue: PropTypes.any,
+    /**
          * Select发生改变时触发的回调
          * @param {*} value 选中的值
          * @param {String} actionType 触发的方式, 'itemClick', 'enter', 'tag'
          * @param {*} item 选中的值的对象数据 (useDetailValue=false有效)
          */
-        onChange: PropTypes.func,
-        /**
+    onChange: PropTypes.func,
+    /**
          * 传入的数据源，可以动态渲染子项，详见 [dataSource的使用](#dataSource的使用)
          */
-        dataSource: PropTypes.arrayOf(
-            PropTypes.oneOfType([
-                PropTypes.shape({
-                    value: PropTypes.any,
-                    label: PropTypes.any,
-                    disabled: PropTypes.bool,
-                    children: PropTypes.array,
-                }),
-                PropTypes.bool,
-                PropTypes.number,
-                PropTypes.string,
-            ])
-        ),
-        /**
+    dataSource: PropTypes.arrayOf(
+      PropTypes.oneOfType([
+        PropTypes.shape({
+          value: PropTypes.any,
+          label: PropTypes.any,
+          disabled: PropTypes.bool,
+          children: PropTypes.array,
+        }),
+        PropTypes.bool,
+        PropTypes.number,
+        PropTypes.string,
+      ]),
+    ),
+    /**
          * 是否有边框
          */
-        hasBorder: PropTypes.bool,
-        /**
+    hasBorder: PropTypes.bool,
+    /**
          * 是否有下拉箭头
          */
-        hasArrow: PropTypes.bool,
-        /**
+    hasArrow: PropTypes.bool,
+    /**
          * 展开后是否能搜索（tag 模式下固定为true）
          */
-        showSearch: PropTypes.bool,
-        /**
+    showSearch: PropTypes.bool,
+    /**
          * 当搜索框值变化时回调
          * @param {String} value 数据
          */
-        onSearch: PropTypes.func,
-        /**
+    onSearch: PropTypes.func,
+    /**
          * 当搜索框值被清空时候的回调
          * @param {String} actionType 触发的方式, 'select'(选择清空), 'popupClose'(弹窗关闭清空)
          */
-        onSearchClear: PropTypes.func,
-        /**
+    onSearchClear: PropTypes.func,
+    /**
          * 多选模式下是否有全选功能
          */
-        hasSelectAll: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-        /**
+    hasSelectAll: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
+    /**
          * 填充到选择框里的值的 key
          */
-        fillProps: PropTypes.string,
-        /**
+    fillProps: PropTypes.string,
+    /**
          * onChange 返回的 value 使用 dataSource 的对象
          */
-        useDetailValue: PropTypes.bool,
-        /**
+    useDetailValue: PropTypes.bool,
+    /**
          * dataSource 变化的时是否保留已选的内容
          */
-        cacheValue: PropTypes.bool,
-        /**
+    cacheValue: PropTypes.bool,
+    /**
          * 渲染 Select 展现内容的方法
          * @param {Object} item 渲染节点的item
          * @return {ReactNode} 展现内容
          * @default item => item.label \|\| item.value
          */
-        valueRender: PropTypes.func,
-        /**
+    valueRender: PropTypes.func,
+    /**
          * 渲染 MenuItem 内容的方法
          * @param {Object} item 渲染节点的item
          * @param {String} searchValue 搜索关键字（如果开启搜索）
          * @return {ReactNode} item node
          */
-        itemRender: PropTypes.func,
-        /**
+    itemRender: PropTypes.func,
+    /**
          * 弹层内容为空的文案
          */
-        notFoundContent: PropTypes.node,
-        style: PropTypes.object,
-        /**
+    notFoundContent: PropTypes.node,
+    style: PropTypes.object,
+    /**
          * 受控搜索值，一般不需要设置
          * @type {[type]}
          */
-        searchValue: PropTypes.string,
-        /**
+    searchValue: PropTypes.string,
+    /**
          * 是否一行显示，仅在 mode 为 multiple 的时候生效
          */
-        tagInline: PropTypes.bool,
-        /**
+    tagInline: PropTypes.bool,
+    /**
          * 最多显示多少个 tag
          */
-        maxTagCount: PropTypes.number,
-        /**
+    maxTagCount: PropTypes.number,
+    /**
          * 隐藏多余 tag 时显示的内容，在 maxTagCount 生效时起作用
          * @param {number} selectedValues 当前已选中的元素
          * @param {number} totalValues 总待选元素
          */
-        maxTagPlaceholder: PropTypes.func,
-        /**
+    maxTagPlaceholder: PropTypes.func,
+    /**
          * 选择后是否立即隐藏菜单 (mode=multiple/tag 模式生效)
          */
-        hiddenSelected: PropTypes.bool,
-        /**
+    hiddenSelected: PropTypes.bool,
+    /**
          * tag 删除回调
          * @param {object} item 渲染节点的item
          */
-        onRemove: PropTypes.func,
-        /**
+    onRemove: PropTypes.func,
+    /**
          * 焦点事件
          */
-        onFocus: PropTypes.func,
-        /**
+    onFocus: PropTypes.func,
+    /**
          * 是否自动高亮第一个选项
          */
-        // highlightFirstItem: PropTypes.bool,
-        /**
+    // highlightFirstItem: PropTypes.bool,
+    /**
          * 失去焦点事件
          */
-        onBlur: PropTypes.func,
-        onMouseEnter: PropTypes.func,
-        onMouseLeave: PropTypes.func,
-        onKeyDown: PropTypes.func,
-        locale: PropTypes.object,
+    onBlur: PropTypes.func,
+    onMouseEnter: PropTypes.func,
+    onMouseLeave: PropTypes.func,
+    onKeyDown: PropTypes.func,
+    locale: PropTypes.object,
+  };
+
+  static defaultProps = {
+    ...Base.defaultProps,
+    locale: zhCN.Select,
+    mode: 'single',
+    showSearch: false,
+    cacheValue: true,
+    tagInline: false,
+    onSearch: noop,
+    onSearchClear: noop,
+    hasArrow: true,
+    onRemove: noop,
+    // highlightFirstItem: true,
+    valueRender: item => {
+      return item.label || item.value;
+    },
+    onKeyDown: noop,
+    onFocus: noop,
+    onBlur: noop,
+    onMouseEnter: noop,
+    onMouseLeave: noop,
+  };
+
+  static displayName = 'Select';
+
+  constructor(props) {
+    super(props);
+
+    // @extend Base state
+    Object.assign(this.state, {
+      // search keyword
+      searchValue: 'searchValue' in props ? props.searchValue : '',
+    });
+
+    // because dataSource maybe updated while select a item, so we should cache choosen value's item
+    this.valueDataSource = {
+      valueDS: [], // [{value,label}]
+      mapValueDS: {}, // {value: {value,label}}
     };
 
-    static defaultProps = {
-        ...Base.defaultProps,
-        locale: zhCN.Select,
-        mode: 'single',
-        showSearch: false,
-        cacheValue: true,
-        tagInline: false,
-        onSearch: noop,
-        onSearchClear: noop,
-        hasArrow: true,
-        onRemove: noop,
-        // highlightFirstItem: true,
-        valueRender: item => {
-            return item.label || item.value;
-        },
-        onKeyDown: noop,
-        onFocus: noop,
-        onBlur: noop,
-        onMouseEnter: noop,
-        onMouseLeave: noop,
-    };
+    bindCtx(this, [
+      'handleMenuSelect',
+      'handleItemClick',
+      'handleSearch',
+      'handleSearchKeyDown',
+      'handleSelectAll',
+      'maxTagPlaceholder',
+    ]);
+  }
 
-    static displayName = 'Select';
+  componentWillMount() {
+    this.dataStore.setOptions({
+      key: this.state.searchValue,
+      addonKey: this.props.mode === 'tag', // tag 模式手动输入的数据
+    });
 
-    constructor(props) {
-        super(props);
+    super.componentWillMount();
 
-        // @extend Base state
-        Object.assign(this.state, {
-            // search keyword
-            searchValue: 'searchValue' in props ? props.searchValue : '',
-        });
-
-        // because dataSource maybe updated while select a item, so we should cache choosen value's item
-        this.valueDataSource = {
-            valueDS: [], // [{value,label}]
-            mapValueDS: {}, // {value: {value,label}}
-        };
-
-        bindCtx(this, [
-            'handleMenuSelect',
-            'handleItemClick',
-            'handleSearch',
-            'handleSearchKeyDown',
-            'handleSelectAll',
-            'maxTagPlaceholder',
-        ]);
+    // 根据value和计算后的dataSource，更新value对应的详细数据valueDataSource
+    if (typeof this.state.value !== 'undefined') {
+      this.valueDataSource = getValueDataSource(
+        this.state.value,
+        this.valueDataSource.mapValueDS,
+        this.dataStore.getMapDS(),
+      );
     }
 
-    componentWillMount() {
-        this.dataStore.setOptions({
-            key: this.state.searchValue,
-            addonKey: this.props.mode === 'tag', // tag 模式手动输入的数据
-        });
-
-        super.componentWillMount();
-
-        // 根据value和计算后的dataSource，更新value对应的详细数据valueDataSource
-        if (typeof this.state.value !== 'undefined') {
-            this.valueDataSource = getValueDataSource(
-                this.state.value,
-                this.valueDataSource.mapValueDS,
-                this.dataStore.getMapDS()
-            );
-        }
-
-        if (isIE9) {
-            this.ie9Hack();
-        }
+    if (isIE9) {
+      this.ie9Hack();
     }
+  }
 
-    componentWillReceiveProps(nextProps) {
-        if ('searchValue' in nextProps) {
-            this.dataStore.setOptions({ key: nextProps.searchValue });
-            this.setState({
-                searchValue:
+  componentWillReceiveProps(nextProps) {
+    if ('searchValue' in nextProps) {
+      this.dataStore.setOptions({ key: nextProps.searchValue });
+      this.setState({
+        searchValue:
                     typeof nextProps.searchValue === 'undefined'
-                        ? ''
-                        : nextProps.searchValue,
-            });
-        }
-        if (this.props.mode !== nextProps.mode) {
-            this.dataStore.setOptions({
-                addonKey: nextProps.mode === 'tag',
-            });
-        }
+                      ? ''
+                      : nextProps.searchValue,
+      });
+    }
+    if (this.props.mode !== nextProps.mode) {
+      this.dataStore.setOptions({
+        addonKey: nextProps.mode === 'tag',
+      });
+    }
 
-        this.dataStore.setOptions({
-            filter: nextProps.filter,
-            filterLocal: nextProps.filterLocal,
-        });
+    this.dataStore.setOptions({
+      filter: nextProps.filter,
+      filterLocal: nextProps.filterLocal,
+    });
 
-        if (
-            nextProps.children !== this.props.children ||
+    if (
+      nextProps.children !== this.props.children ||
             nextProps.dataSource !== this.props.dataSource
-        ) {
-            const dataSource = this.setDataSource(nextProps);
-            this.setState({
-                dataSource,
-            });
+    ) {
+      const dataSource = this.setDataSource(nextProps);
+      this.setState({
+        dataSource,
+      });
 
-            // 远程数据有更新，并且还有搜索框
-            if (
-                nextProps.showSearch &&
+      // 远程数据有更新，并且还有搜索框
+      if (
+        nextProps.showSearch &&
                 !nextProps.filterLocal &&
                 !nextProps.popupContent
-            ) {
-                this.setFirstHightLightKeyForMenu();
-            }
-        }
+      ) {
+        this.setFirstHightLightKeyForMenu();
+      }
+    }
 
-        if ('value' in nextProps) {
-            this.setState({
-                value: nextProps.value,
-            });
+    if ('value' in nextProps) {
+      this.setState({
+        value: nextProps.value,
+      });
 
-            this.valueDataSource = getValueDataSource(
-                nextProps.value,
-                this.valueDataSource.mapValueDS,
-                this.dataStore.getMapDS()
-            );
-            this.updateSelectAllYet(this.valueDataSource.value);
-        } else if (
-            'defaultValue' in nextProps &&
+      this.valueDataSource = getValueDataSource(
+        nextProps.value,
+        this.valueDataSource.mapValueDS,
+        this.dataStore.getMapDS(),
+      );
+      this.updateSelectAllYet(this.valueDataSource.value);
+    } else if (
+      'defaultValue' in nextProps &&
             nextProps.defaultValue === this.valueDataSource.value &&
             (nextProps.children !== this.props.children ||
                 nextProps.dataSource !== this.props.dataSource)
-        ) {
-            //has defaultValue and value not changed and dataSource changed
-            this.valueDataSource = getValueDataSource(
-                nextProps.defaultValue,
-                this.valueDataSource.mapValueDS,
-                this.dataStore.getMapDS()
-            );
-        }
-
-        if ('visible' in nextProps) {
-            this.setState({
-                visible: nextProps.visible,
-            });
-        }
+    ) {
+      // has defaultValue and value not changed and dataSource changed
+      this.valueDataSource = getValueDataSource(
+        nextProps.defaultValue,
+        this.valueDataSource.mapValueDS,
+        this.dataStore.getMapDS(),
+      );
     }
 
-    componentDidMount() {
-        if (isIE9) {
-            this.ie9Hack();
-        }
-        super.componentDidMount();
+    if ('visible' in nextProps) {
+      this.setState({
+        visible: nextProps.visible,
+      });
     }
+  }
 
-    // ie9 下 table-cell 布局不支持宽度超出隐藏
-    ie9Hack() {
-        try {
-            const width = this.selectDOM.currentStyle.width;
-            this.setState({
-                fixWidth: width !== 'auto',
-            });
-        } catch (e) {
-            //
-        }
+  componentDidMount() {
+    if (isIE9) {
+      this.ie9Hack();
     }
+    super.componentDidMount();
+  }
 
-    componentDidUpdate(prevProps, prevState) {
-        const props = this.props;
-        // 随着输入自动伸展
-        if (
-            /tag|multiple/.test(props.mode) &&
+  // ie9 下 table-cell 布局不支持宽度超出隐藏
+  ie9Hack() {
+    try {
+      const { width } = this.selectDOM.currentStyle;
+      this.setState({
+        fixWidth: width !== 'auto',
+      });
+    } catch (e) {
+      //
+    }
+  }
+
+  componentDidUpdate(prevProps, prevState) {
+    const { props } = this;
+    // 随着输入自动伸展
+    if (
+      /tag|multiple/.test(props.mode) &&
             prevState.searchValue !== this.state.searchValue
-        ) {
-            this.syncWidth();
-        } else {
-            return super.componentDidUpdate(prevProps, prevState);
-        }
+    ) {
+      this.syncWidth();
+    } else {
+      return super.componentDidUpdate(prevProps, prevState);
     }
+  }
 
-    useDetailValue() {
-        const { popupContent, useDetailValue, dataSource } = this.props;
-        return useDetailValue || (popupContent && !dataSource);
-    }
+  useDetailValue() {
+    const { popupContent, useDetailValue, dataSource } = this.props;
+    return useDetailValue || (popupContent && !dataSource);
+  }
 
-    hasSearch() {
-        const { showSearch, mode } = this.props;
-        return showSearch || mode === 'tag';
-    }
+  hasSearch() {
+    const { showSearch, mode } = this.props;
+    return showSearch || mode === 'tag';
+  }
 
-    /**
+  /**
      * Menu.Item onSelect
      * @private
      * @param  {Array<string>} keys
      * @
      */
-    handleMenuSelect(keys, item) {
-        const { mode, readOnly, disabled } = this.props;
+  handleMenuSelect(keys, item) {
+    const { mode, readOnly, disabled } = this.props;
 
-        if (readOnly || disabled) {
-            return false;
-        }
-
-        const isSingle = mode === 'single';
-
-        if (isSingle) {
-            // 单选
-            return this.handleSingleSelect(keys[0], 'itemClick');
-        } else {
-            // 正常多选
-            return this.handleMultipleSelect(
-                keys,
-                'itemClick',
-                item.props && item.props._key
-            );
-        }
+    if (readOnly || disabled) {
+      return false;
     }
 
-    handleItemClick() {
-        this.focusInput();
-    }
+    const isSingle = mode === 'single';
 
-    /**
+    if (isSingle) {
+      // 单选
+      return this.handleSingleSelect(keys[0], 'itemClick');
+    } else {
+      // 正常多选
+      return this.handleMultipleSelect(
+        keys,
+        'itemClick',
+        item.props && item.props._key,
+      );
+    }
+  }
+
+  handleItemClick() {
+    this.focusInput();
+  }
+
+  /**
      * 单选模式
      */
-    handleSingleSelect(key, triggerType) {
-        const { cacheValue } = this.props;
-        // get data only from dataStore while cacheValue=false
-        const itemObj = getValueDataSource(
-            key,
-            cacheValue ? this.valueDataSource.mapValueDS : {},
-            this.dataStore.getMapDS()
-        );
-        this.valueDataSource = itemObj;
+  handleSingleSelect(key, triggerType) {
+    const { cacheValue } = this.props;
+    // get data only from dataStore while cacheValue=false
+    const itemObj = getValueDataSource(
+      key,
+      cacheValue ? this.valueDataSource.mapValueDS : {},
+      this.dataStore.getMapDS(),
+    );
+    this.valueDataSource = itemObj;
 
-        this.setVisible(false, triggerType);
+    this.setVisible(false, triggerType);
 
-        if (this.useDetailValue()) {
-            return this.handleChange(itemObj.valueDS, triggerType);
-        } else {
-            this.handleChange(itemObj.value, triggerType, itemObj.valueDS);
-        }
-
-        this.setState({
-            highlightKey: key,
-        });
-
-        // 清空搜索
-        if (!('searchValue' in this.props) && this.state.searchValue) {
-            this.handleSearchClear(triggerType);
-        }
+    if (this.useDetailValue()) {
+      return this.handleChange(itemObj.valueDS, triggerType);
+    } else {
+      this.handleChange(itemObj.value, triggerType, itemObj.valueDS);
     }
 
-    /**
+    this.setState({
+      highlightKey: key,
+    });
+
+    // 清空搜索
+    if (!('searchValue' in this.props) && this.state.searchValue) {
+      this.handleSearchClear(triggerType);
+    }
+  }
+
+  /**
      * 多选模式 multiple/tag
      */
-    handleMultipleSelect(keys, triggerType, key, keepSearchValue) {
-        const itemObj = getValueDataSource(
-            keys,
-            this.valueDataSource.mapValueDS,
-            this.dataStore.getMapDS()
-        );
+  handleMultipleSelect(keys, triggerType, key, keepSearchValue) {
+    const itemObj = getValueDataSource(
+      keys,
+      this.valueDataSource.mapValueDS,
+      this.dataStore.getMapDS(),
+    );
 
-        const { cacheValue, mode, hiddenSelected } = this.props;
+    const { cacheValue, mode, hiddenSelected } = this.props;
 
-        // cache those value maybe not exists in dataSource
-        if (cacheValue || mode === 'tag') {
-            this.valueDataSource = itemObj;
-        }
+    // cache those value maybe not exists in dataSource
+    if (cacheValue || mode === 'tag') {
+      this.valueDataSource = itemObj;
+    }
 
-        if (hiddenSelected) {
-            this.setVisible(false, triggerType);
-        }
+    if (hiddenSelected) {
+      this.setVisible(false, triggerType);
+    }
 
-        // 因为搜索后会设置 hightLight 为第一个item，menu渲染会自动滚动到 hightLight 的元素上面。
-        // 所以设置 hightLight 为当前选中项避免滚动
-        key &&
+    // 因为搜索后会设置 hightLight 为第一个item，menu渲染会自动滚动到 hightLight 的元素上面。
+    // 所以设置 hightLight 为当前选中项避免滚动
+    key &&
             this.state.visible &&
             this.setState({
-                highlightKey: key,
+              highlightKey: key,
             });
 
-        if (this.useDetailValue()) {
-            this.handleChange(itemObj.valueDS, triggerType);
-        } else {
-            this.handleChange(itemObj.value, triggerType, itemObj.valueDS);
-        }
+    if (this.useDetailValue()) {
+      this.handleChange(itemObj.valueDS, triggerType);
+    } else {
+      this.handleChange(itemObj.value, triggerType, itemObj.valueDS);
+    }
 
-        this.updateSelectAllYet(itemObj.value);
+    this.updateSelectAllYet(itemObj.value);
 
-        // 清空搜索
-        if (
-            !('searchValue' in this.props) &&
+    // 清空搜索
+    if (
+      !('searchValue' in this.props) &&
             this.state.searchValue &&
             !keepSearchValue
-        ) {
-            // 因为 SearchValue 被 clear 后会重新渲染 Menu，所以在 Overlay 检测 safeNode 的时候 e.target 可能会找不到导致弹窗关闭
-            setTimeout(() => {
-                this.handleSearchClear(triggerType);
-            });
-        }
+    ) {
+      // 因为 SearchValue 被 clear 后会重新渲染 Menu，所以在 Overlay 检测 safeNode 的时候 e.target 可能会找不到导致弹窗关闭
+      setTimeout(() => {
+        this.handleSearchClear(triggerType);
+      });
+    }
+  }
+
+  updateSelectAllYet(value) {
+    // multiple mode
+    // is current state select all or not
+    this.selectAllYet = false;
+    if (this.props.hasSelectAll && Array.isArray(value)) {
+      const selectAllValues = this.dataStore
+        .getEnableDS()
+        .map(item => item.value);
+
+      if (selectAllValues.length <= value.length) {
+        this.selectAllYet = true;
+
+        selectAllValues.forEach(val => {
+          if (value.indexOf(val) === -1) {
+            this.selectAllYet = false;
+          }
+        });
+      }
+    }
+  }
+
+  handleSearchValue(value) {
+    if (this.state.searchValue === value) {
+      return;
     }
 
-    updateSelectAllYet(value) {
-        // multiple mode
-        // is current state select all or not
-        this.selectAllYet = false;
-        if (this.props.hasSelectAll && Array.isArray(value)) {
-            const selectAllValues = this.dataStore
-                .getEnableDS()
-                .map(item => item.value);
+    const { filterLocal } = this.props;
 
-            if (selectAllValues.length <= value.length) {
-                this.selectAllYet = true;
-
-                selectAllValues.forEach(val => {
-                    if (value.indexOf(val) === -1) {
-                        this.selectAllYet = false;
-                        return;
-                    }
-                });
-            }
-        }
+    if (filterLocal) {
+      if (!('searchValue' in this.props)) {
+        this.setState({
+          searchValue: value,
+          dataSource: this.dataStore.updateByKey(value),
+        });
+        this.setFirstHightLightKeyForMenu();
+      }
+    } else if (!('searchValue' in this.props)) {
+      this.setState({
+        searchValue: value,
+      });
     }
+  }
 
-    handleSearchValue(value) {
-        if (this.state.searchValue === value) {
-            return;
-        }
-
-        const { filterLocal } = this.props;
-
-        if (filterLocal) {
-            if (!('searchValue' in this.props)) {
-                this.setState({
-                    searchValue: value,
-                    dataSource: this.dataStore.updateByKey(value),
-                });
-                this.setFirstHightLightKeyForMenu();
-            }
-        } else if (!('searchValue' in this.props)) {
-            this.setState({
-                searchValue: value,
-            });
-        }
-    }
-
-    /**
+  /**
      * Handle search input change event
      * @param {Event} e change Event
      */
-    handleSearch(value) {
-        this.handleSearchValue(value);
+  handleSearch(value) {
+    this.handleSearchValue(value);
 
-        // inputing should trigger popup open
-        if (!this.state.visible && value) {
-            this.setVisible(true);
-        }
-
-        this.props.onSearch(value);
+    // inputing should trigger popup open
+    if (!this.state.visible && value) {
+      this.setVisible(true);
     }
 
-    handleSearchClear(triggerType) {
-        this.handleSearchValue('');
-        this.props.onSearchClear(triggerType);
+    this.props.onSearch(value);
+  }
+
+  handleSearchClear(triggerType) {
+    this.handleSearchValue('');
+    this.props.onSearchClear(triggerType);
+  }
+
+  // 搜索框 keyDown 事件
+  handleSearchKeyDown(e) {
+    const {
+      popupContent,
+      onKeyDown,
+      showSearch,
+      mode,
+      hasClear,
+      onToggleHighlightItem,
+      readOnly,
+      disabled,
+    } = this.props;
+
+    if (popupContent) {
+      return onKeyDown(e);
     }
 
-    // 搜索框 keyDown 事件
-    handleSearchKeyDown(e) {
-        const {
-            popupContent,
-            onKeyDown,
-            showSearch,
-            mode,
-            hasClear,
-            onToggleHighlightItem,
-            readOnly,
-            disabled,
-        } = this.props;
+    const proxy = 'search';
+    const hasSearch = this.hasSearch();
 
-        if (popupContent) {
-            return onKeyDown(e);
+    switch (e.keyCode) {
+      case KEYCODE.UP:
+        e.preventDefault();
+        onToggleHighlightItem(this.toggleHighlightItem(-1, e), 'up');
+        break;
+      case KEYCODE.DOWN:
+        e.preventDefault();
+        onToggleHighlightItem(this.toggleHighlightItem(1, e), 'down');
+        break;
+      case KEYCODE.ENTER:
+        e.preventDefault();
+        if (readOnly || disabled) {
+          break;
         }
-
-        const proxy = 'search';
-        const hasSearch = this.hasSearch();
-
-        switch (e.keyCode) {
-            case KEYCODE.UP:
-                e.preventDefault();
-                onToggleHighlightItem(this.toggleHighlightItem(-1, e), 'up');
-                break;
-            case KEYCODE.DOWN:
-                e.preventDefault();
-                onToggleHighlightItem(this.toggleHighlightItem(1, e), 'down');
-                break;
-            case KEYCODE.ENTER:
-                e.preventDefault();
-                if (readOnly || disabled) {
-                    break;
-                }
-                this.chooseHighlightItem(proxy, e);
-                break;
-            case KEYCODE.ESC:
-                e.preventDefault();
-                this.state.visible && this.setVisible(false, 'keyDown');
-                break;
-            case KEYCODE.SPACE:
-                e.stopPropagation();
-                !hasSearch && e.preventDefault();
-                break;
-            case KEYCODE.BACKSPACE:
-                if (readOnly || disabled) {
-                    break;
-                }
-                if ((mode === 'multiple' && showSearch) || mode === 'tag') {
-                    // 在多选并且有搜索的情况下，删除最后一个 tag
-                    const valueDS = this.valueDataSource.valueDS;
-                    if (
-                        valueDS &&
+        this.chooseHighlightItem(proxy, e);
+        break;
+      case KEYCODE.ESC:
+        e.preventDefault();
+        this.state.visible && this.setVisible(false, 'keyDown');
+        break;
+      case KEYCODE.SPACE:
+        e.stopPropagation();
+        !hasSearch && e.preventDefault();
+        break;
+      case KEYCODE.BACKSPACE:
+        if (readOnly || disabled) {
+          break;
+        }
+        if ((mode === 'multiple' && showSearch) || mode === 'tag') {
+          // 在多选并且有搜索的情况下，删除最后一个 tag
+          const { valueDS } = this.valueDataSource;
+          if (
+            valueDS &&
                         valueDS.length &&
                         !valueDS[valueDS.length - 1].disabled
-                    ) {
-                        this.handleDeleteTag(e);
-                    }
-                } else if (
-                    mode === 'single' &&
+          ) {
+            this.handleDeleteTag(e);
+          }
+        } else if (
+          mode === 'single' &&
                     hasClear &&
                     !this.state.visible
-                ) {
-                    // 单选、非展开、并且可清除的情况，允许按删除键清除
-                    this.handleClear(e);
-                }
-                break;
-            default:
-                break;
+        ) {
+          // 单选、非展开、并且可清除的情况，允许按删除键清除
+          this.handleClear(e);
         }
-
-        onKeyDown(e);
+        break;
+      default:
+        break;
     }
 
-    chooseMultipleItem(key) {
-        const value = this.state.value || [];
-        const keys = value.map(v => {
-            return valueToSelectKey(v);
-        });
+    onKeyDown(e);
+  }
 
-        let keepSearchValue = false;
+  chooseMultipleItem(key) {
+    const value = this.state.value || [];
+    const keys = value.map(v => {
+      return valueToSelectKey(v);
+    });
 
-        const index = keys.map(v => `${v}`).indexOf(key);
+    let keepSearchValue = false;
 
-        if (index > -1) {
-            // unselect
-            keys.splice(index, 1);
-            keepSearchValue = true; // 回车反选保留搜索值
-        } else {
-            // select
-            keys.push(key);
-        }
+    const index = keys.map(v => `${v}`).indexOf(key);
 
-        this.handleMultipleSelect(keys, 'enter', null, keepSearchValue);
+    if (index > -1) {
+      // unselect
+      keys.splice(index, 1);
+      keepSearchValue = true; // 回车反选保留搜索值
+    } else {
+      // select
+      keys.push(key);
     }
 
-    // 回车 选择高亮的 item
-    chooseHighlightItem(proxy, e) {
-        const { mode } = this.props;
+    this.handleMultipleSelect(keys, 'enter', null, keepSearchValue);
+  }
 
-        if (!this.state.visible) {
-            // input tag by itself
-            if (mode === 'tag' && this.state.searchValue) {
-                this.chooseMultipleItem(this.state.searchValue);
-            }
-            return false;
-        }
+  // 回车 选择高亮的 item
+  chooseHighlightItem(proxy, e) {
+    const { mode } = this.props;
 
-        const { highlightKey } = this.state;
-
-        // 没有高亮选项 或者 没有可选菜单
-        if (highlightKey === null || !this.dataStore.getMenuDS().length) {
-            return;
-        }
-
-        if (mode === 'single') {
-            this.handleSingleSelect(highlightKey, 'enter');
-        } else {
-            this.chooseMultipleItem(highlightKey);
-            // 阻止事件冒泡到最外层，让Popup 监听到触发弹层关闭
-            e && e.stopPropagation();
-        }
+    if (!this.state.visible) {
+      // input tag by itself
+      if (mode === 'tag' && this.state.searchValue) {
+        this.chooseMultipleItem(this.state.searchValue);
+      }
+      return false;
     }
 
-    /**
+    const { highlightKey } = this.state;
+
+    // 没有高亮选项 或者 没有可选菜单
+    if (highlightKey === null || !this.dataStore.getMenuDS().length) {
+      return;
+    }
+
+    if (mode === 'single') {
+      this.handleSingleSelect(highlightKey, 'enter');
+    } else {
+      this.chooseMultipleItem(highlightKey);
+      // 阻止事件冒泡到最外层，让Popup 监听到触发弹层关闭
+      e && e.stopPropagation();
+    }
+  }
+
+  /**
      * Handle Tag close event
      * @param  {Object} item
      * @return {Boolean} false  return false to prevent auto close
      * ----
      * It MUST be multiple mode, needn't additional judgement
      */
-    handleTagClose(item) {
-        const { readOnly } = this.props;
-        if (readOnly) return false;
-        if (this.useDetailValue()) {
-            const value = this.state.value.filter(v => {
-                return item.value !== v.value;
-            });
+  handleTagClose(item) {
+    const { readOnly } = this.props;
+    if (readOnly) return false;
+    if (this.useDetailValue()) {
+      const value = this.state.value.filter(v => {
+        return item.value !== v.value;
+      });
 
-            this.handleChange(value, 'tag');
-        } else {
-            // filter out current item, and then call handleMenuSelect
-            const value = this.state.value.filter(v => {
-                return item.value !== v;
-            });
+      this.handleChange(value, 'tag');
+    } else {
+      // filter out current item, and then call handleMenuSelect
+      const value = this.state.value.filter(v => {
+        return item.value !== v;
+      });
 
-            this.handleMultipleSelect(value, 'tag');
-        }
-
-        this.props.onRemove(item);
-
-        // prevent tag close
-        return false;
+      this.handleMultipleSelect(value, 'tag');
     }
 
-    // eslint-disable-next-line valid-jsdoc
-    /**
+    this.props.onRemove(item);
+
+    // prevent tag close
+    return false;
+  }
+
+  // eslint-disable-next-line valid-jsdoc
+  /**
      * Handle BACKSPACE key event
      * @param {Event} e keyDown event
      * ---
      * It MUST be multiple mode
      */
-    handleDeleteTag(e) {
-        const value = this.state.value;
-        const searchValue = this.state.searchValue;
+  handleDeleteTag(e) {
+    const { value } = this.state;
+    const { searchValue } = this.state;
 
-        if (searchValue || !value || !value.length) {
-            return false;
-        }
-
-        e.preventDefault();
-
-        const nextValues = value.slice(0, value.length - 1);
-        // 手动调用 handleMenuSelect 时直接传入原生的 value，可以减少 toString 的操作
-
-        if (this.useDetailValue()) {
-            this.handleChange(nextValues, 'tag');
-        } else {
-            this.handleMultipleSelect(nextValues, 'tag');
-        }
+    if (searchValue || !value || !value.length) {
+      return false;
     }
 
-    /**
+    e.preventDefault();
+
+    const nextValues = value.slice(0, value.length - 1);
+    // 手动调用 handleMenuSelect 时直接传入原生的 value，可以减少 toString 的操作
+
+    if (this.useDetailValue()) {
+      this.handleChange(nextValues, 'tag');
+    } else {
+      this.handleMultipleSelect(nextValues, 'tag');
+    }
+  }
+
+  /**
      * Handle SelectAll span click event
      * @param {Event} e click event
      */
-    handleSelectAll(e) {
-        e && e.preventDefault();
-        let nextValues;
+  handleSelectAll(e) {
+    e && e.preventDefault();
+    let nextValues;
 
-        if (this.selectAllYet) {
-            nextValues = [];
-        } else {
-            nextValues = this.dataStore.getEnableDS().map(item => item.value);
-        }
-
-        // 直接传 values，减少 toString 操作
-        this.handleMultipleSelect(nextValues, 'selectAll');
+    if (this.selectAllYet) {
+      nextValues = [];
+    } else {
+      nextValues = this.dataStore.getEnableDS().map(item => item.value);
     }
 
-    handleVisibleChange(visible, type) {
-        this.setVisible(visible, type);
+    // 直接传 values，减少 toString 操作
+    this.handleMultipleSelect(nextValues, 'selectAll');
+  }
+
+  handleVisibleChange(visible, type) {
+    this.setVisible(visible, type);
+  }
+
+  afterClose() {
+    // 关闭的时候清空搜索值
+    if (this.hasSearch()) {
+      this.handleSearchClear('popupClose');
     }
+  }
 
-    afterClose() {
-        // 关闭的时候清空搜索值
-        if (this.hasSearch()) {
-            this.handleSearchClear('popupClose');
-        }
-    }
+  maxTagPlaceholder(selectedValues, totalValues) {
+    const { locale } = this.props;
 
-    maxTagPlaceholder(selectedValues, totalValues) {
-        const { locale } = this.props;
+    return `${str.template(locale.maxTagPlaceholder, {
+      selected: selectedValues.length,
+      total: totalValues.length,
+    })}`;
+  }
 
-        return `${str.template(locale.maxTagPlaceholder, {
-            selected: selectedValues.length,
-            total: totalValues.length,
-        })}`;
-    }
-
-    /**
+  /**
      * 如果用户是自定义的弹层，则直接以 value 为准，不再校验 dataSource
      * @param {object} props
      */
-    renderValues() {
-        const {
-            prefix,
-            mode,
-            size,
-            valueRender,
-            fillProps,
-            disabled,
-            maxTagCount,
-            maxTagPlaceholder,
-            tagInline,
-        } = this.props;
-        let value = this.state.value;
+  renderValues() {
+    const {
+      prefix,
+      mode,
+      size,
+      valueRender,
+      fillProps,
+      disabled,
+      maxTagCount,
+      maxTagPlaceholder,
+      tagInline,
+    } = this.props;
+    let { value } = this.state;
 
-        if (isNull(value)) {
-            return null;
-        }
+    if (isNull(value)) {
+      return null;
+    }
 
-        // get detail value
-        if (!this.useDetailValue()) {
-            if (value === this.valueDataSource.value) {
-                value = this.valueDataSource.valueDS;
-            } else {
-                value = getValueDataSource(
-                    value,
-                    this.valueDataSource.mapValueDS,
-                    this.dataStore.getMapDS()
-                ).valueDS;
-            }
-        }
+    // get detail value
+    if (!this.useDetailValue()) {
+      if (value === this.valueDataSource.value) {
+        value = this.valueDataSource.valueDS;
+      } else {
+        value = getValueDataSource(
+          value,
+          this.valueDataSource.mapValueDS,
+          this.dataStore.getMapDS(),
+        ).valueDS;
+      }
+    }
 
-        if (mode === 'single') {
-            if (!value) {
-                return null;
-            }
+    if (mode === 'single') {
+      if (!value) {
+        return null;
+      }
 
-            const retvalue =
+      const retvalue =
                 fillProps && fillProps in value
-                    ? value[fillProps]
-                    : valueRender(value);
-            // 0 => '0'
-            return typeof retvalue === 'number'
-                ? retvalue.toString()
-                : retvalue;
-        } else if (value) {
-            let limitedCountValue = value;
-            let maxTagPlaceholderEl;
-            const totalValue = this.dataStore.getFlattenDS();
-            const holder =
+                  ? value[fillProps]
+                  : valueRender(value);
+      // 0 => '0'
+      return typeof retvalue === 'number'
+        ? retvalue.toString()
+        : retvalue;
+    } else if (value) {
+      let limitedCountValue = value;
+      let maxTagPlaceholderEl;
+      const totalValue = this.dataStore.getFlattenDS();
+      const holder =
                 'maxTagPlaceholder' in this.props
-                    ? maxTagPlaceholder
-                    : this.maxTagPlaceholder;
+                  ? maxTagPlaceholder
+                  : this.maxTagPlaceholder;
 
-            if (
-                maxTagCount !== undefined &&
+      if (
+        maxTagCount !== undefined &&
                 value.length > maxTagCount &&
                 !tagInline
-            ) {
-                limitedCountValue = limitedCountValue.slice(0, maxTagCount);
-                maxTagPlaceholderEl = (
-                    <Tag
-                        key="_count"
-                        type="primary"
-                        size={size === 'large' ? 'medium' : 'small'}
-                        animation={false}
-                    >
-                        {holder(value, totalValue)}
-                    </Tag>
-                );
-            }
+      ) {
+        limitedCountValue = limitedCountValue.slice(0, maxTagCount);
+        maxTagPlaceholderEl = (
+          <Tag
+            key="_count"
+            type="primary"
+            size={size === 'large' ? 'medium' : 'small'}
+            animation={false}
+          >
+            {holder(value, totalValue)}
+          </Tag>
+        );
+      }
 
-            if (value.length > 0 && tagInline) {
-                maxTagPlaceholderEl = (
-                    <div className={`${prefix}select-tag-compact`} key="_count">
-                        {holder(value, totalValue)}
-                    </div>
-                );
-            }
+      if (value.length > 0 && tagInline) {
+        maxTagPlaceholderEl = (
+          <div className={`${prefix}select-tag-compact`} key="_count">
+            {holder(value, totalValue)}
+          </div>
+        );
+      }
 
-            value = limitedCountValue;
-            if (!Array.isArray(value)) {
-                value = [value];
-            }
+      value = limitedCountValue;
+      if (!Array.isArray(value)) {
+        value = [value];
+      }
 
-            const selectedValueNodes = value.map(v => {
-                if (!v) {
-                    return null;
-                }
-                const labelNode = fillProps ? v[fillProps] : valueRender(v);
-
-                return (
-                    <Tag
-                        key={v.value}
-                        disabled={disabled || v.disabled}
-                        type="primary"
-                        size={size === 'large' ? 'medium' : 'small'}
-                        animation={false}
-                        onClose={this.handleTagClose.bind(this, v)}
-                        closable
-                    >
-                        {labelNode}
-                    </Tag>
-                );
-            });
-
-            if (maxTagPlaceholderEl) {
-                if (tagInline) {
-                    selectedValueNodes.unshift(maxTagPlaceholderEl);
-                } else {
-                    selectedValueNodes.push(maxTagPlaceholderEl);
-                }
-            }
-            return selectedValueNodes;
+      const selectedValueNodes = value.map(v => {
+        if (!v) {
+          return null;
         }
+        const labelNode = fillProps ? v[fillProps] : valueRender(v);
 
-        return null;
+        return (
+          <Tag
+            key={v.value}
+            disabled={disabled || v.disabled}
+            type="primary"
+            size={size === 'large' ? 'medium' : 'small'}
+            animation={false}
+            onClose={this.handleTagClose.bind(this, v)}
+            closable
+          >
+            {labelNode}
+          </Tag>
+        );
+      });
+
+      if (maxTagPlaceholderEl) {
+        if (tagInline) {
+          selectedValueNodes.unshift(maxTagPlaceholderEl);
+        } else {
+          selectedValueNodes.push(maxTagPlaceholderEl);
+        }
+      }
+      return selectedValueNodes;
     }
-    /**
+
+    return null;
+  }
+
+  /**
      * 1. fix flash while click <label/>
      * 2. fix onBlur while has clear
      * @returns
      */
-    handleWrapClick = e => {
-        // ignore click on input to choose text
-        if (e.target.nodeName !== 'INPUT') {
-            e.preventDefault();
-        }
-        this.focusInput();
-    };
+  handleWrapClick = e => {
+    // ignore click on input to choose text
+    if (e.target.nodeName !== 'INPUT') {
+      e.preventDefault();
+    }
+    this.focusInput();
+  };
 
-    handleArrowClick = e => {
-        e.preventDefault();
-        this.focusInput();
+  handleArrowClick = e => {
+    e.preventDefault();
+    this.focusInput();
 
-        // because of can not close Popup by click Input while hasSearch.
-        // so when Popup open and hasSearch, we should close Popup intentionally
-        this.state.visible && this.hasSearch() && this.setVisible(false);
-    };
+    // because of can not close Popup by click Input while hasSearch.
+    // so when Popup open and hasSearch, we should close Popup intentionally
+    this.state.visible && this.hasSearch() && this.setVisible(false);
+  };
 
-    handleClear = e => {
-        e.stopPropagation();
-        this.handleChange(undefined, 'clear');
-    };
+  handleClear = e => {
+    e.stopPropagation();
+    this.handleChange(undefined, 'clear');
+  };
 
-    hasClear() {
-        const { hasClear, readOnly, disabled, showSearch } = this.props;
-        const { value, visible } = this.state;
+  hasClear() {
+    const { hasClear, readOnly, disabled, showSearch } = this.props;
+    const { value, visible } = this.state;
 
-        return (
-            typeof value !== 'undefined' &&
+    return (
+      typeof value !== 'undefined' &&
             value !== null &&
             hasClear &&
             !readOnly &&
             !disabled &&
             !(showSearch && visible)
-        );
-    }
+    );
+  }
 
-    /**
+  /**
      * render arrow
      * @param {object} props
      * @param {function} [clickHandler]
      */
-    renderExtraNode() {
-        const { hasArrow, hasClear, prefix } = this.props;
+  renderExtraNode() {
+    const { hasArrow, hasClear, prefix } = this.props;
 
-        const ret = [];
+    const ret = [];
 
-        if (hasArrow) {
-            ret.push(
-                <span
-                    key="arrow"
-                    aria-hidden
-                    onClick={this.handleArrowClick}
-                    className={`${prefix}select-arrow`}
-                >
-                    <Icon type="arrow-down" />
-                </span>
-            );
-        }
-
-        // do not use this.hasClear() here, to make sure clear btn always exists, can not influenced by apis like `disabled` `readOnly`
-        if (hasClear) {
-            ret.push(
-                <span
-                    key="clear"
-                    aria-hidden
-                    onClick={this.handleClear}
-                    className={`${prefix}select-clear`}
-                >
-                    <Icon type="delete-filling" />
-                </span>
-            );
-        }
-
-        return ret;
+    if (hasArrow) {
+      ret.push(
+        <span
+          key="arrow"
+          aria-hidden
+          onClick={this.handleArrowClick}
+          className={`${prefix}select-arrow`}
+        >
+          <Icon type="arrow-down" />
+        </span>,
+      );
     }
 
-    /**
+    // do not use this.hasClear() here, to make sure clear btn always exists, can not influenced by apis like `disabled` `readOnly`
+    if (hasClear) {
+      ret.push(
+        <span
+          key="clear"
+          aria-hidden
+          onClick={this.handleClear}
+          className={`${prefix}select-clear`}
+        >
+          <Icon type="delete-filling" />
+        </span>,
+      );
+    }
+
+    return ret;
+  }
+
+  /**
      * 选择器
      * @override
      * @param {object} props
      */
-    renderSelect() {
-        const {
-            prefix,
-            showSearch,
-            placeholder,
-            mode,
-            size,
-            className,
-            style,
-            readOnly,
-            disabled,
-            hasBorder,
-            label,
-            locale,
-            state,
-            onBlur,
-            onFocus,
-            onMouseEnter,
-            onMouseLeave,
-            rtl,
-        } = this.props;
-        const others = obj.pickOthers(Select.propTypes, this.props);
-        const othersData = obj.pickAttrsWith(others, 'data-');
+  renderSelect() {
+    const {
+      prefix,
+      showSearch,
+      placeholder,
+      mode,
+      size,
+      className,
+      style,
+      readOnly,
+      disabled,
+      hasBorder,
+      label,
+      locale,
+      state,
+      onBlur,
+      onFocus,
+      onMouseEnter,
+      onMouseLeave,
+      rtl,
+    } = this.props;
+    const others = obj.pickOthers(Select.propTypes, this.props);
+    const othersData = obj.pickAttrsWith(others, 'data-');
 
-        const visible = this.state.visible;
-        const isSingle = mode === 'single';
-        const hasSearch = this.hasSearch();
-        const valueNodes = this.renderValues();
+    const { visible } = this.state;
+    const isSingle = mode === 'single';
+    const hasSearch = this.hasSearch();
+    const valueNodes = this.renderValues();
 
-        // compatible with selectPlaceHolder. TODO: removed in 2.0 version
-        let _placeholder =
+    // compatible with selectPlaceHolder. TODO: removed in 2.0 version
+    let _placeholder =
             placeholder || locale.selectPlaceholder || locale.selectPlaceHolder;
-        if (valueNodes && valueNodes.length) {
-            _placeholder = null;
-        }
+    if (valueNodes && valueNodes.length) {
+      _placeholder = null;
+    }
 
-        // 弹窗展开时将当前的值作为 placeholder，这个功能的前提是 valueNode 必须是一个字符串
-        if (
-            showSearch &&
+    // 弹窗展开时将当前的值作为 placeholder，这个功能的前提是 valueNode 必须是一个字符串
+    if (
+      showSearch &&
             visible &&
             isSingle &&
             typeof valueNodes === 'string'
-        ) {
-            _placeholder = valueNodes;
-        }
-
-        // 下拉箭头
-        const extra = this.renderExtraNode();
-
-        const triggerClazz = classNames(
-            [
-                `${prefix}select`,
-                `${prefix}select-trigger`,
-                `${prefix}select-${mode}`,
-                `${prefix}${size}`,
-                className,
-            ],
-            {
-                [`${prefix}active`]: visible, // 用于设置 searchInput 样式
-                [`${prefix}inactive`]: !visible, // 用于设置 searchInput 样式
-                [`${prefix}no-search`]: !hasSearch, // 用于判断是否将 searchInput 设置为 1px + 透明
-                [`${prefix}has-search`]: hasSearch, // 用于单选时展开后判断是否隐藏值
-                [`${prefix}select-in-ie`]: isIE9,
-                [`${prefix}select-in-ie-fixwidth`]: this.state.fixWidth,
-                [`${prefix}has-clear`]: this.hasClear(),
-            }
-        );
-
-        const valuetext = this.valueDataSource.valueDS
-            ? this.valueDataSource.valueDS.label
-            : '';
-        return (
-            <span
-                {...othersData}
-                className={triggerClazz}
-                style={style}
-                dir={rtl ? 'rtl' : undefined}
-                ref={this.saveSelectRef}
-                onClick={this.handleWrapClick}
-                onMouseEnter={onMouseEnter}
-                onMouseLeave={onMouseLeave}
-                onMouseDown={this.handleWrapClick}
-            >
-                <Input
-                    aria-valuetext={valuetext}
-                    {...obj.pickOthers(othersData, others)}
-                    role="combobox"
-                    tabIndex={0}
-                    aria-expanded={this.state.visible}
-                    aria-disabled={disabled}
-                    state={state}
-                    label={label}
-                    extra={extra}
-                    value={this.state.searchValue}
-                    size={size}
-                    readOnly={!this.hasSearch() || readOnly}
-                    disabled={disabled}
-                    placeholder={_placeholder}
-                    hasBorder={hasBorder}
-                    hasClear={false}
-                    htmlSize="1"
-                    inputRender={inputEl => {
-                        return this.renderSearchInput(
-                            valueNodes,
-                            _placeholder,
-                            inputEl
-                        );
-                    }}
-                    onChange={this.handleSearch}
-                    onKeyDown={this.handleSearchKeyDown}
-                    onFocus={onFocus}
-                    onBlur={onBlur}
-                    className={`${prefix}select-inner`}
-                    ref={this.saveInputRef}
-                />
-                <span className={`${prefix}sr-only`} aria-live="polite">
-                    {this.state.srReader}
-                </span>
-            </span>
-        );
+    ) {
+      _placeholder = valueNodes;
     }
 
-    renderSearchInput(valueNodes, placeholder, inputEl) {
-        const { prefix, mode, tagInline } = this.props;
-        const isSingle = mode === 'single';
+    // 下拉箭头
+    const extra = this.renderExtraNode();
 
-        const mirrorText = this.state.searchValue;
+    const triggerClazz = classNames(
+      [
+        `${prefix}select`,
+        `${prefix}select-trigger`,
+        `${prefix}select-${mode}`,
+        `${prefix}${size}`,
+        className,
+      ],
+      {
+        [`${prefix}active`]: visible, // 用于设置 searchInput 样式
+        [`${prefix}inactive`]: !visible, // 用于设置 searchInput 样式
+        [`${prefix}no-search`]: !hasSearch, // 用于判断是否将 searchInput 设置为 1px + 透明
+        [`${prefix}has-search`]: hasSearch, // 用于单选时展开后判断是否隐藏值
+        [`${prefix}select-in-ie`]: isIE9,
+        [`${prefix}select-in-ie-fixwidth`]: this.state.fixWidth,
+        [`${prefix}has-clear`]: this.hasClear(),
+      },
+    );
 
-        const cls = classNames({
-            [`${prefix}select-values`]: true,
-            [`${prefix}input-text-field`]: true,
-            [`${prefix}select-compact`]: !isSingle && tagInline,
-        });
+    const valuetext = this.valueDataSource.valueDS
+      ? this.valueDataSource.valueDS.label
+      : '';
+    return (
+      <span
+        {...othersData}
+        className={triggerClazz}
+        style={style}
+        dir={rtl ? 'rtl' : undefined}
+        ref={this.saveSelectRef}
+        onClick={this.handleWrapClick}
+        onMouseEnter={onMouseEnter}
+        onMouseLeave={onMouseLeave}
+        onMouseDown={this.handleWrapClick}
+      >
+        <Input
+          aria-valuetext={valuetext}
+          {...obj.pickOthers(othersData, others)}
+          role="combobox"
+          tabIndex={0}
+          aria-expanded={this.state.visible}
+          aria-disabled={disabled}
+          state={state}
+          label={label}
+          extra={extra}
+          value={this.state.searchValue}
+          size={size}
+          readOnly={!this.hasSearch() || readOnly}
+          disabled={disabled}
+          placeholder={_placeholder}
+          hasBorder={hasBorder}
+          hasClear={false}
+          htmlSize="1"
+          inputRender={inputEl => {
+            return this.renderSearchInput(
+              valueNodes,
+              _placeholder,
+              inputEl,
+            );
+          }}
+          onChange={this.handleSearch}
+          onKeyDown={this.handleSearchKeyDown}
+          onFocus={onFocus}
+          onBlur={onBlur}
+          className={`${prefix}select-inner`}
+          ref={this.saveInputRef}
+        />
+        <span className={`${prefix}sr-only`} aria-live="polite">
+          {this.state.srReader}
+        </span>
+      </span>
+    );
+  }
 
-        const searchInput = [
-            isSingle && valueNodes ? (
-                <em key="select-value">{valueNodes}</em>
-            ) : (
-                valueNodes
-            ),
-        ];
-        const triggerSearch = (
-            <span
-                key="trigger-search"
-                className={`${prefix}select-trigger-search`}
-            >
-                {inputEl}
-                <span aria-hidden>{mirrorText || placeholder}&nbsp;</span>
-            </span>
-        );
+  renderSearchInput(valueNodes, placeholder, inputEl) {
+    const { prefix, mode, tagInline } = this.props;
+    const isSingle = mode === 'single';
 
-        if (!isSingle && tagInline) {
-            searchInput.unshift(triggerSearch);
-        } else {
-            searchInput.push(triggerSearch);
-        }
+    const mirrorText = this.state.searchValue;
 
-        return <span className={cls}>{searchInput}</span>;
+    const cls = classNames({
+      [`${prefix}select-values`]: true,
+      [`${prefix}input-text-field`]: true,
+      [`${prefix}select-compact`]: !isSingle && tagInline,
+    });
+
+    const searchInput = [
+      isSingle && valueNodes ? (
+        <em key="select-value">{valueNodes}</em>
+      ) : (
+        valueNodes
+      ),
+    ];
+    const triggerSearch = (
+      <span
+        key="trigger-search"
+        className={`${prefix}select-trigger-search`}
+      >
+        {inputEl}
+        <span aria-hidden>{mirrorText || placeholder}&nbsp;</span>
+      </span>
+    );
+
+    if (!isSingle && tagInline) {
+      searchInput.unshift(triggerSearch);
+    } else {
+      searchInput.push(triggerSearch);
     }
 
-    /**
+    return <span className={cls}>{searchInput}</span>;
+  }
+
+  /**
      * 渲染弹层的 header 内容
      * @override
      * @param {object} props
      */
-    renderMenuHeader() {
-        const { prefix, hasSelectAll, mode, menuProps } = this.props;
+  renderMenuHeader() {
+    const { prefix, hasSelectAll, mode, menuProps } = this.props;
 
-        if (menuProps && 'header' in menuProps) {
-            return menuProps.header;
-        }
+    if (menuProps && 'header' in menuProps) {
+      return menuProps.header;
+    }
 
-        const sourceCount = this.dataStore.getEnableDS().length;
-        // 多选模式下才有全选
-        if (!hasSelectAll || mode === 'single' || !sourceCount) {
-            return null;
-        }
+    const sourceCount = this.dataStore.getEnableDS().length;
+    // 多选模式下才有全选
+    if (!hasSelectAll || mode === 'single' || !sourceCount) {
+      return null;
+    }
 
-        const text =
+    const text =
             typeof hasSelectAll === 'boolean' ? 'Select All' : hasSelectAll;
 
-        const selectAllYet = this.selectAllYet;
+    const { selectAllYet } = this;
 
-        const cls = classNames({
-            [`${prefix}select-all`]: true,
-            [`${prefix}selected`]: selectAllYet,
-        });
+    const cls = classNames({
+      [`${prefix}select-all`]: true,
+      [`${prefix}selected`]: selectAllYet,
+    });
 
-        const clsInner = classNames({
-            [`${prefix}select-all-inner`]: true,
-        });
+    const clsInner = classNames({
+      [`${prefix}select-all-inner`]: true,
+    });
 
-        // remove style={{'lineHeight': 'unset'}} in next Y
-        // remove style={{'display': 'none'}} in next Y
-        return (
-            <div
-                key="all"
-                onClick={this.handleSelectAll}
-                className={cls}
-                style={{ lineHeight: 'unset' }}
-            >
-                {selectAllYet ? (
-                    <Icon
-                        className={`${prefix}menu-icon-selected`}
-                        style={{ display: 'none' }}
-                        type="select"
-                    />
-                ) : null}
-                <span className={clsInner}>{text}</span>
-            </div>
-        );
+    // remove style={{'lineHeight': 'unset'}} in next Y
+    // remove style={{'display': 'none'}} in next Y
+    return (
+      <div
+        key="all"
+        onClick={this.handleSelectAll}
+        className={cls}
+        style={{ lineHeight: 'unset' }}
+      >
+        {selectAllYet ? (
+          <Icon
+            className={`${prefix}menu-icon-selected`}
+            style={{ display: 'none' }}
+            type="select"
+          />
+        ) : null}
+        <span className={clsInner}>{text}</span>
+      </div>
+    );
+  }
+
+  render() {
+    const { mode } = this.props;
+    const props = { ...this.props };
+
+    // forbid to close Popup by click Input while hasSearch
+    if (this.hasSearch()) {
+      props.canCloseByTrigger = false;
     }
-
-    render() {
-        const { mode } = this.props;
-        const props = { ...this.props };
-
-        // forbid to close Popup by click Input while hasSearch
-        if (this.hasSearch()) {
-            props.canCloseByTrigger = false;
-        }
-        if (mode === 'single') {
-            props.cache = true;
-        }
-        return super.render(props);
+    if (mode === 'single') {
+      props.cache = true;
     }
+    return super.render(props);
+  }
 }
 
 export default Select;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/select/util.js b/packages/material-parser/test/fixtures/fusion-next-component/src/select/util.js
index 4905c376e..6f66928e8 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/select/util.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/select/util.js
@@ -10,7 +10,7 @@ import { Children } from 'react';
  * @return {boolean} is single mode
  */
 export function isSingle(mode) {
-    return !mode || mode === 'single';
+  return !mode || mode === 'single';
 }
 
 /**
@@ -19,7 +19,7 @@ export function isSingle(mode) {
  * @return {boolean}
  */
 export function isNull(n) {
-    return n === null || n === undefined;
+  return n === null || n === undefined;
 }
 
 /**
@@ -28,7 +28,7 @@ export function isNull(n) {
  * @return {string}
  */
 export function escapeForReg(str) {
-    return str.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&');
+  return str.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&');
 }
 
 /**
@@ -38,10 +38,10 @@ export function escapeForReg(str) {
  * @return {boolean} it's filtered
  */
 export function filter(key, item) {
-    const _key = escapeForReg(`${key}`);
-    const regExp = new RegExp(`(${_key})`, 'ig');
+  const _key = escapeForReg(`${key}`);
+  const regExp = new RegExp(`(${_key})`, 'ig');
 
-    return regExp.test(`${item.value}`) || regExp.test(`${item.label}`);
+  return regExp.test(`${item.value}`) || regExp.test(`${item.label}`);
 }
 
 /**
@@ -54,23 +54,23 @@ export function filter(key, item) {
  * @param {object} option
  */
 export function loopMap(dataSource, callback) {
-    const result = [];
-    dataSource.forEach(option => {
-        if (option.children) {
-            const children = loopMap(option.children, callback);
-            children.length &&
+  const result = [];
+  dataSource.forEach(option => {
+    if (option.children) {
+      const children = loopMap(option.children, callback);
+      children.length &&
                 result.push({
-                    ...option,
-                    children,
+                  ...option,
+                  children,
                 });
-        } else {
-            // eslint-disable-next-line callback-return
-            const tmp = callback(option);
-            tmp && result.push(tmp);
-        }
-    });
+    } else {
+      // eslint-disable-next-line callback-return
+      const tmp = callback(option);
+      tmp && result.push(tmp);
+    }
+  });
 
-    return result;
+  return result;
 }
 
 /**
@@ -80,71 +80,71 @@ export function loopMap(dataSource, callback) {
  * @param {number} [deep=0] recursion deep level
  */
 export function parseDataSourceFromChildren(children, deep = 0) {
-    const source = [];
+  const source = [];
 
-    Children.forEach(children, (child, index) => {
-        if (!child) {
-            return;
-        }
-        const { type, props: childProps } = child;
-        const item2 = { deep };
+  Children.forEach(children, (child, index) => {
+    if (!child) {
+      return;
+    }
+    const { type, props: childProps } = child;
+    const item2 = { deep };
 
-        let isOption = false;
-        let isOptionGroup = false;
+    let isOption = false;
+    let isOptionGroup = false;
 
-        if (
-            (typeof type === 'function' &&
+    if (
+      (typeof type === 'function' &&
                 type._typeMark === 'next_select_option') ||
             type === 'option'
-        ) {
-            isOption = true;
-        }
-        if (
-            (typeof type === 'function' &&
+    ) {
+      isOption = true;
+    }
+    if (
+      (typeof type === 'function' &&
                 type._typeMark === 'next_select_option_group') ||
             type === 'optgroup'
-        ) {
-            isOptionGroup = true;
-        }
+    ) {
+      isOptionGroup = true;
+    }
 
-        if (!isOption && !isOptionGroup) {
-            return;
-        }
+    if (!isOption && !isOptionGroup) {
+      return;
+    }
 
-        if (isOption) {
-            // option
-            // If children is a string, it can be used as value
-            const isStrChild = typeof childProps.children === 'string';
-            // value > key > string children > index
-            item2.value =
+    if (isOption) {
+      // option
+      // If children is a string, it can be used as value
+      const isStrChild = typeof childProps.children === 'string';
+      // value > key > string children > index
+      item2.value =
                 'value' in childProps
-                    ? childProps.value
-                    : 'key' in childProps
+                  ? childProps.value
+                  : 'key' in childProps
                     ? childProps.key
                     : isStrChild
-                    ? childProps.children
-                    : `${index}`;
+                      ? childProps.children
+                      : `${index}`;
 
-            item2.label =
+      item2.label =
                 childProps.label || childProps.children || `${item2.value}`;
-            item2.title = childProps.title;
-            childProps.disabled === true && (item2.disabled = true);
-            // You can put your extra data here, and use it in `itemRender` or `labelRender`
-            Object.assign(item2, childProps['data-extra'] || {});
-        } else if (isOptionGroup && deep < 1) {
-            // option group
-            item2.label = childProps.label || 'Group';
-            // parse children nodes
-            item2.children = parseDataSourceFromChildren(
-                childProps.children,
-                deep + 1
-            );
-        }
+      item2.title = childProps.title;
+      childProps.disabled === true && (item2.disabled = true);
+      // You can put your extra data here, and use it in `itemRender` or `labelRender`
+      Object.assign(item2, childProps['data-extra'] || {});
+    } else if (isOptionGroup && deep < 1) {
+      // option group
+      item2.label = childProps.label || 'Group';
+      // parse children nodes
+      item2.children = parseDataSourceFromChildren(
+        childProps.children,
+        deep + 1,
+      );
+    }
 
-        source.push(item2);
-    });
+    source.push(item2);
+  });
 
-    return source;
+  return source;
 }
 
 /**
@@ -158,40 +158,40 @@ export function parseDataSourceFromChildren(children, deep = 0) {
  * disabled: disabled === true
  */
 export function normalizeDataSource(dataSource, deep = 0) {
-    const source = [];
+  const source = [];
 
-    dataSource.forEach((item, index) => {
-        // enable array of basic type
-        if (/string|boolean|number/.test(typeof item)) {
-            item = { label: `${item}`, value: item };
-        }
+  dataSource.forEach((item, index) => {
+    // enable array of basic type
+    if (/string|boolean|number/.test(typeof item)) {
+      item = { label: `${item}`, value: item };
+    }
 
-        // filter off addon item
-        if (item.__isAddon) {
-            return;
-        }
+    // filter off addon item
+    if (item.__isAddon) {
+      return;
+    }
 
-        const item2 = { deep };
-        // deep < 1: only 2 level allowed
-        if (Array.isArray(item.children) && deep < 1) {
-            // handle group
-            item2.label = item.label || item.value || `Group ${index}`;
-            // parse children
-            item2.children = normalizeDataSource(item.children, deep + 1);
-        } else {
-            const { value, label, title, disabled, ...others } = item;
-            item2.value = !isNull(value) ? value : `${index}`;
-            item2.label = label || `${item2.value}`;
-            item2.title = title;
-            disabled === true && (item2.disabled = true);
+    const item2 = { deep };
+    // deep < 1: only 2 level allowed
+    if (Array.isArray(item.children) && deep < 1) {
+      // handle group
+      item2.label = item.label || item.value || `Group ${index}`;
+      // parse children
+      item2.children = normalizeDataSource(item.children, deep + 1);
+    } else {
+      const { value, label, title, disabled, ...others } = item;
+      item2.value = !isNull(value) ? value : `${index}`;
+      item2.label = label || `${item2.value}`;
+      item2.title = title;
+      disabled === true && (item2.disabled = true);
 
-            Object.assign(item2, others);
-        }
+      Object.assign(item2, others);
+    }
 
-        source.push(item2);
-    });
+    source.push(item2);
+  });
 
-    return source;
+  return source;
 }
 
 /**
@@ -201,61 +201,61 @@ export function normalizeDataSource(dataSource, deep = 0) {
  * @return {Array}
  */
 export function flattingDataSource(dataSource) {
-    const source = [];
+  const source = [];
 
-    dataSource.forEach(item => {
-        if (Array.isArray(item.children)) {
-            source.push(...flattingDataSource(item.children));
-        } else {
-            source.push(item);
-        }
-    });
+  dataSource.forEach(item => {
+    if (Array.isArray(item.children)) {
+      source.push(...flattingDataSource(item.children));
+    } else {
+      source.push(item);
+    }
+  });
 
-    return source;
+  return source;
 }
 
 export function filterDataSource(dataSource, key, filter, addonKey) {
-    if (!Array.isArray(dataSource)) {
-        return [];
-    }
-    if (typeof key === 'undefined' || key === null) {
-        return [].concat(dataSource);
-    }
+  if (!Array.isArray(dataSource)) {
+    return [];
+  }
+  if (typeof key === 'undefined' || key === null) {
+    return [].concat(dataSource);
+  }
 
-    let addKey = true;
-    const menuDataSource = loopMap(dataSource, option => {
-        if (key === `${option.value}`) {
-            addKey = false;
-        }
-        return filter(key, option) && !option.__isAddon && option;
+  let addKey = true;
+  const menuDataSource = loopMap(dataSource, option => {
+    if (key === `${option.value}`) {
+      addKey = false;
+    }
+    return filter(key, option) && !option.__isAddon && option;
+  });
+
+  // if key not in menuDataSource, add key to dataSource
+  if (addonKey && key && addKey) {
+    menuDataSource.unshift({
+      value: key,
+      label: key,
+      title: key,
+      __isAddon: true,
     });
+  }
 
-    // if key not in menuDataSource, add key to dataSource
-    if (addonKey && key && addKey) {
-        menuDataSource.unshift({
-            value: key,
-            label: key,
-            title: key,
-            __isAddon: true,
-        });
-    }
-
-    return menuDataSource;
+  return menuDataSource;
 }
 
 function getKeyItemByValue(value, valueMap) {
-    let item;
+  let item;
 
-    if (typeof value === 'object' && value.hasOwnProperty('value')) {
-        item = value;
-    } else {
-        item = valueMap[`${value}`] || {
-            value,
-            label: value,
-        };
-    }
+  if (typeof value === 'object' && value.hasOwnProperty('value')) {
+    item = value;
+  } else {
+    item = valueMap[`${value}`] || {
+      value,
+      label: value,
+    };
+  }
 
-    return item;
+  return item;
 }
 
 /**
@@ -266,40 +266,40 @@ function getKeyItemByValue(value, valueMap) {
  * @returns {Object} value: [value]; valueDS: [{value,label}]; mapValueDS: {value: {value,label}}
  */
 export function getValueDataSource(value, mapValueDS, mapMenuDS) {
-    if (isNull(value)) {
-        return {};
-    }
+  if (isNull(value)) {
+    return {};
+  }
 
-    const newValue = [];
-    const newValueDS = [];
-    const newMapValueDS = {};
-    const _newMapDS = Object.assign({}, mapValueDS, mapMenuDS);
+  const newValue = [];
+  const newValueDS = [];
+  const newMapValueDS = {};
+  const _newMapDS = Object.assign({}, mapValueDS, mapMenuDS);
 
-    if (Array.isArray(value)) {
-        value.forEach(v => {
-            const item = getKeyItemByValue(v, _newMapDS);
+  if (Array.isArray(value)) {
+    value.forEach(v => {
+      const item = getKeyItemByValue(v, _newMapDS);
 
-            newValueDS.push(item);
-            newMapValueDS[`${item.value}`] = item;
-            newValue.push(item.value);
-        });
+      newValueDS.push(item);
+      newMapValueDS[`${item.value}`] = item;
+      newValue.push(item.value);
+    });
 
-        return {
-            value: newValue, // [value]
-            valueDS: newValueDS, // [{value,label}]
-            mapValueDS: newMapValueDS, // {value: {value,label}}
-        };
-    } else {
-        const item = getKeyItemByValue(value, _newMapDS);
+    return {
+      value: newValue, // [value]
+      valueDS: newValueDS, // [{value,label}]
+      mapValueDS: newMapValueDS, // {value: {value,label}}
+    };
+  } else {
+    const item = getKeyItemByValue(value, _newMapDS);
 
-        return {
-            value: item.value,
-            valueDS: item,
-            mapValueDS: {
-                [`${item.value}`]: item,
-            },
-        };
-    }
+    return {
+      value: item.value,
+      valueDS: item,
+      mapValueDS: {
+        [`${item.value}`]: item,
+      },
+    };
+  }
 }
 
 /**
@@ -309,13 +309,13 @@ export function getValueDataSource(value, mapValueDS, mapMenuDS) {
  * @return {String}
  */
 export function valueToSelectKey(value) {
-    let val;
-    if (typeof value === 'object' && value.hasOwnProperty('value')) {
-        val = value.value;
-    } else {
-        val = value;
-    }
-    return `${val}`;
+  let val;
+  if (typeof value === 'object' && value.hasOwnProperty('value')) {
+    val = value.value;
+  } else {
+    val = value;
+  }
+  return `${val}`;
 }
 
 /**
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/shell/base.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/shell/base.jsx
index fb4fb7bb9..08b4be6e4 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/shell/base.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/shell/base.jsx
@@ -4,103 +4,103 @@ import PropTypes from 'prop-types';
 import ConfigProvider from '../config-provider';
 
 export default function Base(props) {
-    const { componentName } = props;
-    class Shell extends Component {
-        static displayName = componentName;
+  const { componentName } = props;
+  class Shell extends Component {
+    static displayName = componentName;
 
-        static _typeMark = `Shell_${componentName}`;
+    static _typeMark = `Shell_${componentName}`;
 
-        static propTypes = {
-            ...ConfigProvider.propTypes,
-            prefix: PropTypes.string,
-            collapse: PropTypes.bool,
-            miniable: PropTypes.bool,
-            component: PropTypes.string,
-            trigger: PropTypes.node,
-            triggerProps: PropTypes.object,
-            direction: PropTypes.oneOf(['hoz', 'ver']),
-            align: PropTypes.oneOf(['left', 'right', 'center']),
-            /**
+    static propTypes = {
+      ...ConfigProvider.propTypes,
+      prefix: PropTypes.string,
+      collapse: PropTypes.bool,
+      miniable: PropTypes.bool,
+      component: PropTypes.string,
+      trigger: PropTypes.node,
+      triggerProps: PropTypes.object,
+      direction: PropTypes.oneOf(['hoz', 'ver']),
+      align: PropTypes.oneOf(['left', 'right', 'center']),
+      /**
              * 弹层显示或隐藏时触发的回调函数
              * @param {Boolean} collapse 弹层是否显示
              */
-            onCollapseChange: PropTypes.func,
-        };
+      onCollapseChange: PropTypes.func,
+    };
 
-        static defaultProps = {
-            prefix: 'next-',
-            component: 'div',
-            onCollapseChange: () => {},
-        };
+    static defaultProps = {
+      prefix: 'next-',
+      component: 'div',
+      onCollapseChange: () => {},
+    };
 
-        static childContextTypes = {
-            isCollapse: PropTypes.bool,
-        };
+    static childContextTypes = {
+      isCollapse: PropTypes.bool,
+    };
 
-        getChildContext() {
-            const { collapse } = this.props;
+    getChildContext() {
+      const { collapse } = this.props;
 
-            return {
-                isCollapse: collapse,
-            };
-        }
+      return {
+        isCollapse: collapse,
+      };
+    }
 
-        render() {
-            const {
-                prefix,
-                className,
-                miniable,
-                device,
-                direction,
-                children,
-                collapse,
-                triggerProps,
-                onCollapseChange,
-                component,
-                align,
-                ...others
-            } = this.props;
+    render() {
+      const {
+        prefix,
+        className,
+        miniable,
+        device,
+        direction,
+        children,
+        collapse,
+        triggerProps,
+        onCollapseChange,
+        component,
+        align,
+        ...others
+      } = this.props;
 
-            let Tag = component;
+      let Tag = component;
 
-            const cls = classnames({
-                [`${prefix}shell-${componentName.toLowerCase()}`]: true,
-                [`${prefix}shell-collapse`]: !!collapse,
-                [`${prefix}shell-mini`]: miniable,
-                [`${prefix}shell-nav-${align}`]:
+      const cls = classnames({
+        [`${prefix}shell-${componentName.toLowerCase()}`]: true,
+        [`${prefix}shell-collapse`]: !!collapse,
+        [`${prefix}shell-mini`]: miniable,
+        [`${prefix}shell-nav-${align}`]:
                     componentName === 'Navigation' &&
                     direction === 'hoz' &&
                     align,
-                [className]: !!className,
-            });
+        [className]: !!className,
+      });
 
-            let newChildren = children;
-            if (componentName === 'Content') {
-                newChildren = (
-                    <div className={`${prefix}shell-content-inner`}>
-                        {children}
-                    </div>
-                );
-            }
+      let newChildren = children;
+      if (componentName === 'Content') {
+        newChildren = (
+          <div className={`${prefix}shell-content-inner`}>
+            {children}
+          </div>
+        );
+      }
 
-            if (componentName === 'Page') {
-                return children;
-            }
+      if (componentName === 'Page') {
+        return children;
+      }
 
-            if (
-                ['ToolDock'].indexOf(componentName) > -1 ||
+      if (
+        ['ToolDock'].indexOf(componentName) > -1 ||
                 (componentName === 'Navigation' && direction === 'ver')
-            ) {
-                Tag = 'aside';
-            }
+      ) {
+        Tag = 'aside';
+      }
 
-            return (
-                <Tag className={cls} {...others}>
-                    {newChildren}
-                </Tag>
-            );
-        }
+      return (
+        <Tag className={cls} {...others}>
+          {newChildren}
+        </Tag>
+      );
     }
+  }
 
-    return ConfigProvider.config(Shell);
+  return ConfigProvider.config(Shell);
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/shell/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/shell/index.jsx
index 86223abc5..9b2f8e11b 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/shell/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/shell/index.jsx
@@ -3,44 +3,44 @@ import Base from './base';
 import ConfigProvider from '../config-provider';
 
 const Shell = ShellBase({
-    componentName: 'Shell',
+  componentName: 'Shell',
 });
 
 [
-    'Branding',
-    'Navigation',
-    'Action',
-    'MultiTask',
-    'LocalNavigation',
-    'AppBar',
-    'Content',
-    'Footer',
-    'Ancillary',
-    'ToolDock',
-    'ToolDockItem',
+  'Branding',
+  'Navigation',
+  'Action',
+  'MultiTask',
+  'LocalNavigation',
+  'AppBar',
+  'Content',
+  'Footer',
+  'Ancillary',
+  'ToolDock',
+  'ToolDockItem',
 ].forEach(key => {
-    Shell[key] = Base({
-        componentName: key,
-    });
+  Shell[key] = Base({
+    componentName: key,
+  });
 });
 
 Shell.Page = ConfigProvider.config(
-    ShellBase({
-        componentName: 'Page',
-    })
+  ShellBase({
+    componentName: 'Page',
+  }),
 );
 
 export default ConfigProvider.config(Shell, {
-    transform: /* istanbul ignore next */ (props, deprecated) => {
-        if ('Component' in props) {
-            deprecated('Component', 'component', 'Shell');
-            const { Component, component, ...others } = props;
-            if ('component' in props) {
-                props = { component, ...others };
-            } else {
-                props = { component: Component, ...others };
-            }
-        }
-        return props;
-    },
+  transform: /* istanbul ignore next */ (props, deprecated) => {
+    if ('Component' in props) {
+      deprecated('Component', 'component', 'Shell');
+      const { Component, component, ...others } = props;
+      if ('component' in props) {
+        props = { component, ...others };
+      } else {
+        props = { component: Component, ...others };
+      }
+    }
+    return props;
+  },
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/shell/shell.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/shell/shell.jsx
index dde48e2fe..36073e260 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/shell/shell.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/shell/shell.jsx
@@ -11,565 +11,563 @@ import { isBoolean, getCollapseMap } from './util';
  * Shell
  */
 export default function ShellBase(props) {
-    const { componentName } = props;
-    class Shell extends Component {
-        static displayName = componentName;
+  const { componentName } = props;
+  class Shell extends Component {
+    static displayName = componentName;
 
-        static _typeMark = componentName;
+    static _typeMark = componentName;
 
-        static propTypes = {
-            ...ConfigProvider.propTypes,
-            prefix: PropTypes.string,
-            /**
+    static propTypes = {
+      ...ConfigProvider.propTypes,
+      prefix: PropTypes.string,
+      /**
              * 设备类型
              * @enumdesc 手机, 平板, PC电脑
              */
-            device: PropTypes.oneOf(['phone', 'tablet', 'desktop']),
-            /**
+      device: PropTypes.oneOf(['phone', 'tablet', 'desktop']),
+      /**
              * 设备类型
              * @enumdesc 浅色, 深色, 主题色
              */
-            type: PropTypes.oneOf(['light', 'dark', 'brand']),
-        };
-
-        static defaultProps = {
-            prefix: 'next-',
-            device: 'desktop',
-            type: 'light',
-        };
-
-        constructor(props) {
-            super(props);
-
-            const deviceMap = getCollapseMap(props.device);
-            this.layout = {};
-
-            this.state = {
-                controll: false,
-                collapseMap: deviceMap,
-                device: props.device,
-            };
-        }
-
-        componentWillReceiveProps(nextProps) {
-            const { device } = this.props;
-
-            if (nextProps.device !== device) {
-                const deviceMap = getCollapseMap(nextProps.device);
-                const { collapseMap } = this.state;
-
-                Object.keys(deviceMap).forEach(block => {
-                    const { props } = this.layout[block] || {};
-                    if (collapseMap[block] !== deviceMap[block]) {
-                        if (
-                            props &&
-                            typeof props.onCollapseChange === 'function'
-                        ) {
-                            props.onCollapseChange(deviceMap[block]);
-                        }
-                    }
-                });
-
-                this.setState({
-                    controll: false,
-                    collapseMap: deviceMap,
-                    device: nextProps.device,
-                });
-            }
-        }
-
-        setChildCollapse = (child, mark) => {
-            const { device, collapseMap, controll } = this.state;
-            const { collapse } = child.props;
-            const deviceMap = getCollapseMap(device);
-            const props = {};
-
-            // 非受控模式
-            if (isBoolean(collapse) === false) {
-                props.collapse = controll ? collapseMap[mark] : deviceMap[mark];
-                // props.collapse = collapseMap[mark];
-            }
-
-            if (device !== 'phone' && mark === 'Navigation') {
-                props.miniable = true;
-            }
-
-            return React.cloneElement(child, props);
-        };
-
-        toggleAside = (mark, props, e) => {
-            const { device, collapseMap } = this.state;
-            const deviceMap = getCollapseMap(device);
-            const current = props.collapse;
-
-            const newCollapseMap = {
-                ...deviceMap,
-                ...collapseMap,
-                [mark]: !current,
-            };
-            this.setState({
-                controll: true,
-                collapseMap: newCollapseMap,
-            });
-
-            if (props && typeof props.onCollapseChange === 'function') {
-                props.onCollapseChange(newCollapseMap[mark]);
-            }
-
-            const { children } = this.props;
-            let com;
-            if (mark === 'Navigation') {
-                com = children
-                    .filter(
-                        child =>
-                            child &&
-                            child.type._typeMark.replace('Shell_', '') ===
-                                mark &&
-                            child.props.direction !== 'hoz'
-                    )
-                    .pop();
-            } else {
-                com = children
-                    .filter(
-                        child =>
-                            child &&
-                            child.type._typeMark.replace('Shell_', '') === mark
-                    )
-                    .pop();
-            }
-
-            const { triggerProps = {} } = com.props;
-
-            if (typeof triggerProps.onClick === 'function') {
-                triggerProps.onClick(e, this.state.collapseMap[mark]);
-            }
-        };
-
-        toggleNavigation = e => {
-            const mark = 'Navigation';
-            const { props } = this.layout[mark];
-
-            if ('keyCode' in e && e.keyCode !== KEYCODE.ENTER) {
-                return;
-            }
-
-            this.toggleAside(mark, props, e);
-        };
-
-        toggleLocalNavigation = e => {
-            const mark = 'LocalNavigation';
-            const { props } = this.layout[mark];
-
-            if ('keyCode' in e && e.keyCode !== KEYCODE.ENTER) {
-                return;
-            }
-
-            this.toggleAside(mark, props, e);
-        };
-
-        toggleAncillary = e => {
-            const mark = 'Ancillary';
-            const { props } = this.layout[mark];
-
-            if ('keyCode' in e && e.keyCode !== KEYCODE.ENTER) {
-                return;
-            }
-
-            this.toggleAside(mark, props, e);
-        };
-
-        toggleToolDock = e => {
-            const mark = 'ToolDock';
-            const { props } = this.layout[mark];
-
-            if ('keyCode' in e && e.keyCode !== KEYCODE.ENTER) {
-                return;
-            }
-
-            this.toggleAside(mark, props, e);
-        };
-
-        renderShell = props => {
-            const { prefix, children, className, type, ...others } = props;
-
-            const { device } = this.state;
-
-            const layout = {};
-            layout.header = {};
-            let hasToolDock = false,
-                needNavigationTrigger = false,
-                needDockTrigger = false;
-
-            React.Children.map(children, child => {
-                if (child && typeof child.type === 'function') {
-                    const mark = child.type._typeMark.replace('Shell_', '');
-                    switch (mark) {
-                        case 'Branding':
-                        case 'Action':
-                            layout.header[mark] = child;
-                            break;
-                        case 'MultiTask':
-                            layout.taskHeader = child;
-                            break;
-                        case 'LocalNavigation':
-                            if (!layout[mark]) {
-                                layout[mark] = [];
-                            }
-                            layout[mark] = this.setChildCollapse(child, mark);
-                            break;
-                        case 'Ancillary':
-                            if (!layout[mark]) {
-                                layout[mark] = [];
-                            }
-
-                            layout[mark] = this.setChildCollapse(child, mark);
-                            break;
-                        case 'ToolDock':
-                            hasToolDock = true;
-
-                            if (!layout[mark]) {
-                                layout[mark] = [];
-                            }
-
-                            const childT = this.setChildCollapse(child, mark);
-                            layout[mark] = childT;
-
-                            break;
-                        case 'AppBar':
-                        case 'Content':
-                        case 'Footer':
-                            layout.content || (layout.content = []);
-                            layout.content.push(child);
-                            break;
-                        case 'Page':
-                            layout.page || (layout.page = []);
-                            layout.page = child;
-                            break;
-                        case 'Navigation':
-                            if (child.props.direction === 'hoz') {
-                                layout.header[mark] = child;
-                            } else {
-                                if (!layout[mark]) {
-                                    layout[mark] = [];
-                                }
-
-                                needNavigationTrigger = true;
-
-                                const childN = this.setChildCollapse(
-                                    child,
-                                    mark
-                                );
-                                layout[mark] = childN;
-                            }
-                            break;
-                        default:
-                            break;
-                    }
-                }
-            });
-
-            const headerCls = classnames({
-                [`${prefix}shell-header`]: true,
-            });
-
-            const mainCls = classnames({
-                [`${prefix}shell-main`]: true,
-            });
-
-            const submainCls = classnames({
-                [`${prefix}shell-sub-main`]: true,
-            });
-
-            const asideCls = classnames({
-                [`${prefix}shell-aside`]: true,
-            });
-
-            if (hasToolDock) {
-                if (device === 'phone') {
-                    needDockTrigger = true;
-                }
-            }
-
-            // 如果存在垂直模式的 Navigation, 则需要在 Branding 上出现 trigger
-            if (needNavigationTrigger) {
-                const branding = layout.header.Branding;
-                let { trigger, collapse } = layout.Navigation.props;
-
-                if ('trigger' in layout.Navigation.props) {
-                    trigger =
-                        (trigger &&
-                            React.cloneElement(trigger, {
-                                onClick: this.toggleNavigation,
-                                'aria-expanded': !collapse,
-                            })) ||
-                        trigger;
-                } else {
-                    trigger = (
-                        <div
-                            key="nav-trigger"
-                            role="button"
-                            tabIndex={0}
-                            aria-expanded={!collapse}
-                            aria-label={'toggle'}
-                            className="nav-trigger"
-                            onClick={this.toggleNavigation}
-                            onKeyDown={this.toggleNavigation}
-                        >
-                            {collapse ? (
-                                <Icon size="small" type="toggle-right" />
-                            ) : (
-                                <Icon size="small" type="toggle-left" />
-                            )}
-                        </div>
-                    );
-                }
-
-                if (!branding) {
-                    trigger && (layout.header.Branding = trigger);
-                } else {
-                    layout.header.Branding = React.cloneElement(branding, {}, [
-                        trigger,
-                        branding.props.children,
-                    ]);
-                }
-            }
-
-            // 如果存在 toolDock, 则需要在 Action 上出现 trigger
-            if (needDockTrigger) {
-                const action = layout.header.Action;
-                let { trigger, collapse } = layout.ToolDock.props;
-
-                if ('trigger' in layout.ToolDock.props) {
-                    trigger =
-                        (trigger &&
-                            React.cloneElement(trigger, {
-                                onClick: this.toggleToolDock,
-                                'aria-expanded': !collapse,
-                            })) ||
-                        trigger;
-                } else {
-                    trigger = (
-                        <div
-                            key="dock-trigger"
-                            tabIndex={0}
-                            role="button"
-                            aria-expanded={!collapse}
-                            aria-label={'toggle'}
-                            className="dock-trigger"
-                            onClick={this.toggleToolDock}
-                            onKeyDown={this.toggleToolDock}
-                        >
-                            <Icon size="small" type="add" />
-                        </div>
-                    );
-                }
-
-                if (!action) {
-                    layout.header.Action = trigger;
-                } else {
-                    layout.header.Action = React.cloneElement(action, {}, [
-                        action.props.children,
-                        trigger,
-                    ]);
-                }
-            }
-
-            let headerDom = [],
-                contentArr = [],
-                innerArr = [],
-                taskHeaderDom = null;
-
-            if (layout.taskHeader) {
-                const taskHeaderCls = classnames({
-                    [`${prefix}shell-task-header`]: true,
-                });
-
-                taskHeaderDom = (
-                    <section key="task-header" className={taskHeaderCls}>
-                        {layout.taskHeader}
-                    </section>
-                );
-            }
-
-            // 按照dom结构，innerArr 包括 LocalNavigation content Ancillary
-            if (layout.LocalNavigation) {
-                let { trigger, collapse } = layout.LocalNavigation.props;
-
-                if ('trigger' in layout.LocalNavigation.props) {
-                    trigger =
-                        (trigger &&
-                            React.cloneElement(trigger, {
-                                onClick: this.toggleLocalNavigation,
-                                'aria-expanded': !collapse,
-                            })) ||
-                        trigger;
-                } else {
-                    trigger = (
-                        <div
-                            key="local-nav-trigger"
-                            role="button"
-                            tabIndex={0}
-                            aria-expanded={!collapse}
-                            aria-label={'toggle'}
-                            className="local-nav-trigger aside-trigger"
-                            onClick={this.toggleLocalNavigation}
-                            onKeyDown={this.toggleLocalNavigation}
-                        >
-                            {collapse ? (
-                                <Icon size="small" type="arrow-right" />
-                            ) : (
-                                <Icon size="small" type="arrow-left" />
-                            )}
-                        </div>
-                    );
-                }
-
-                const localNavCls = classnames(asideCls, {
-                    [`${prefix}aside-localnavigation`]: true,
-                });
-
-                innerArr.push(
-                    <aside key="localnavigation" className={localNavCls}>
-                        {React.cloneElement(layout.LocalNavigation, {}, [
-                            <div
-                                key="wrapper"
-                                className={`${prefix}shell-content-wrapper`}
-                            >
-                                {layout.LocalNavigation.props.children}
-                            </div>,
-                            trigger,
-                        ])}
-                    </aside>
-                );
-            }
-
-            if (layout.content) {
-                innerArr.push(
-                    <section key="submain" className={submainCls} tabIndex={0}>
-                        {layout.content}
-                    </section>
-                );
-            }
-
-            if (layout.Ancillary) {
-                let { trigger, collapse } = layout.Ancillary.props;
-
-                if ('trigger' in layout.Ancillary.props) {
-                    trigger =
-                        (trigger &&
-                            React.cloneElement(trigger, {
-                                onClick: this.toggleAncillary,
-                                'aria-expanded': !collapse,
-                            })) ||
-                        trigger;
-                } else {
-                    trigger = (
-                        <div
-                            key="ancillary-trigger"
-                            role="button"
-                            tabIndex={0}
-                            aria-expanded={!collapse}
-                            aria-label={'toggle'}
-                            className="ancillary-trigger aside-trigger"
-                            onClick={this.toggleAncillary}
-                            onKeyDown={this.toggleAncillary}
-                        >
-                            {collapse ? (
-                                <Icon size="small" type="arrow-left" />
-                            ) : (
-                                <Icon size="small" type="arrow-right" />
-                            )}
-                        </div>
-                    );
-                }
-
-                const ancillaryCls = classnames(asideCls, {
-                    [`${prefix}aside-ancillary`]: true,
-                });
-
-                innerArr.push(
-                    <aside key="ancillary" className={ancillaryCls}>
-                        {React.cloneElement(layout.Ancillary, {}, [
-                            <div
-                                key="wrapper"
-                                className={`${prefix}shell-content-wrapper`}
-                            >
-                                {layout.Ancillary.props.children}
-                            </div>,
-                            trigger,
-                        ])}
-                    </aside>
-                );
-            }
-
-            // 按照dom结构, arr 包括 header Navigation ToolDock 和 innerArr
-            if (Object.keys(layout.header).length > 0) {
-                headerDom = (
-                    <header key="header" className={headerCls}>
-                        {layout.header.Branding}
-                        {layout.header.Navigation}
-                        {layout.header.Action}
-                    </header>
-                );
-            }
-
-            layout.Navigation &&
-                contentArr.push(
-                    React.cloneElement(layout.Navigation, {
-                        className: classnames(
-                            asideCls,
-                            layout.Navigation.props.className
-                        ),
-                        key: 'navigation',
-                    })
-                );
-
-            // const contentArea = innerArr.length > 0
-            //     ? <section key="main" className={mainCls}>{innerArr}</section>
-            //     : layout.page;
-
-            // contentArr.push(contentArea);
-            contentArr = contentArr.concat(
-                innerArr.length > 0 ? innerArr : [layout.page]
-            );
-
-            layout.ToolDock &&
-                contentArr.push(
-                    React.cloneElement(layout.ToolDock, {
-                        className: classnames(
-                            asideCls,
-                            layout.ToolDock.props.className
-                        ),
-                        key: 'tooldock',
-                    })
-                );
-
-            const cls = classnames({
-                [`${prefix}shell`]: true,
-                [`${prefix}shell-${device}`]: true,
-                [`${prefix}shell-${type}`]: true,
-                [className]: !!className,
-            });
-
-            if (componentName === 'Page') {
-                return <section className={mainCls}>{contentArr}</section>;
-            }
-
-            this.layout = layout;
-
-            return (
-                <section className={cls} {...others}>
-                    {headerDom}
-                    {taskHeaderDom}
-                    <section className={mainCls}>{contentArr}</section>
-                </section>
-            );
-        };
-
-        render() {
-            return this.renderShell(this.props);
-        }
+      type: PropTypes.oneOf(['light', 'dark', 'brand']),
+    };
+
+    static defaultProps = {
+      prefix: 'next-',
+      device: 'desktop',
+      type: 'light',
+    };
+
+    constructor(props) {
+      super(props);
+
+      const deviceMap = getCollapseMap(props.device);
+      this.layout = {};
+
+      this.state = {
+        controll: false,
+        collapseMap: deviceMap,
+        device: props.device,
+      };
     }
 
-    return Shell;
+    componentWillReceiveProps(nextProps) {
+      const { device } = this.props;
+
+      if (nextProps.device !== device) {
+        const deviceMap = getCollapseMap(nextProps.device);
+        const { collapseMap } = this.state;
+
+        Object.keys(deviceMap).forEach(block => {
+          const { props } = this.layout[block] || {};
+          if (collapseMap[block] !== deviceMap[block]) {
+            if (
+              props &&
+                            typeof props.onCollapseChange === 'function'
+            ) {
+              props.onCollapseChange(deviceMap[block]);
+            }
+          }
+        });
+
+        this.setState({
+          controll: false,
+          collapseMap: deviceMap,
+          device: nextProps.device,
+        });
+      }
+    }
+
+    setChildCollapse = (child, mark) => {
+      const { device, collapseMap, controll } = this.state;
+      const { collapse } = child.props;
+      const deviceMap = getCollapseMap(device);
+      const props = {};
+
+      // 非受控模式
+      if (isBoolean(collapse) === false) {
+        props.collapse = controll ? collapseMap[mark] : deviceMap[mark];
+        // props.collapse = collapseMap[mark];
+      }
+
+      if (device !== 'phone' && mark === 'Navigation') {
+        props.miniable = true;
+      }
+
+      return React.cloneElement(child, props);
+    };
+
+    toggleAside = (mark, props, e) => {
+      const { device, collapseMap } = this.state;
+      const deviceMap = getCollapseMap(device);
+      const current = props.collapse;
+
+      const newCollapseMap = {
+        ...deviceMap,
+        ...collapseMap,
+        [mark]: !current,
+      };
+      this.setState({
+        controll: true,
+        collapseMap: newCollapseMap,
+      });
+
+      if (props && typeof props.onCollapseChange === 'function') {
+        props.onCollapseChange(newCollapseMap[mark]);
+      }
+
+      const { children } = this.props;
+      let com;
+      if (mark === 'Navigation') {
+        com = children
+          .filter(
+            child => child &&
+                            child.type._typeMark.replace('Shell_', '') ===
+                                mark &&
+                            child.props.direction !== 'hoz',
+          )
+          .pop();
+      } else {
+        com = children
+          .filter(
+            child => child &&
+                            child.type._typeMark.replace('Shell_', '') === mark,
+          )
+          .pop();
+      }
+
+      const { triggerProps = {} } = com.props;
+
+      if (typeof triggerProps.onClick === 'function') {
+        triggerProps.onClick(e, this.state.collapseMap[mark]);
+      }
+    };
+
+    toggleNavigation = e => {
+      const mark = 'Navigation';
+      const { props } = this.layout[mark];
+
+      if ('keyCode' in e && e.keyCode !== KEYCODE.ENTER) {
+        return;
+      }
+
+      this.toggleAside(mark, props, e);
+    };
+
+    toggleLocalNavigation = e => {
+      const mark = 'LocalNavigation';
+      const { props } = this.layout[mark];
+
+      if ('keyCode' in e && e.keyCode !== KEYCODE.ENTER) {
+        return;
+      }
+
+      this.toggleAside(mark, props, e);
+    };
+
+    toggleAncillary = e => {
+      const mark = 'Ancillary';
+      const { props } = this.layout[mark];
+
+      if ('keyCode' in e && e.keyCode !== KEYCODE.ENTER) {
+        return;
+      }
+
+      this.toggleAside(mark, props, e);
+    };
+
+    toggleToolDock = e => {
+      const mark = 'ToolDock';
+      const { props } = this.layout[mark];
+
+      if ('keyCode' in e && e.keyCode !== KEYCODE.ENTER) {
+        return;
+      }
+
+      this.toggleAside(mark, props, e);
+    };
+
+    renderShell = props => {
+      const { prefix, children, className, type, ...others } = props;
+
+      const { device } = this.state;
+
+      const layout = {};
+      layout.header = {};
+      let hasToolDock = false;
+      let needNavigationTrigger = false;
+      let needDockTrigger = false;
+
+      React.Children.map(children, child => {
+        if (child && typeof child.type === 'function') {
+          const mark = child.type._typeMark.replace('Shell_', '');
+          switch (mark) {
+            case 'Branding':
+            case 'Action':
+              layout.header[mark] = child;
+              break;
+            case 'MultiTask':
+              layout.taskHeader = child;
+              break;
+            case 'LocalNavigation':
+              if (!layout[mark]) {
+                layout[mark] = [];
+              }
+              layout[mark] = this.setChildCollapse(child, mark);
+              break;
+            case 'Ancillary':
+              if (!layout[mark]) {
+                layout[mark] = [];
+              }
+
+              layout[mark] = this.setChildCollapse(child, mark);
+              break;
+            case 'ToolDock':
+              hasToolDock = true;
+
+              if (!layout[mark]) {
+                layout[mark] = [];
+              }
+
+              const childT = this.setChildCollapse(child, mark);
+              layout[mark] = childT;
+
+              break;
+            case 'AppBar':
+            case 'Content':
+            case 'Footer':
+              layout.content || (layout.content = []);
+              layout.content.push(child);
+              break;
+            case 'Page':
+              layout.page || (layout.page = []);
+              layout.page = child;
+              break;
+            case 'Navigation':
+              if (child.props.direction === 'hoz') {
+                layout.header[mark] = child;
+              } else {
+                if (!layout[mark]) {
+                  layout[mark] = [];
+                }
+
+                needNavigationTrigger = true;
+
+                const childN = this.setChildCollapse(
+                  child,
+                  mark,
+                );
+                layout[mark] = childN;
+              }
+              break;
+            default:
+              break;
+          }
+        }
+      });
+
+      const headerCls = classnames({
+        [`${prefix}shell-header`]: true,
+      });
+
+      const mainCls = classnames({
+        [`${prefix}shell-main`]: true,
+      });
+
+      const submainCls = classnames({
+        [`${prefix}shell-sub-main`]: true,
+      });
+
+      const asideCls = classnames({
+        [`${prefix}shell-aside`]: true,
+      });
+
+      if (hasToolDock) {
+        if (device === 'phone') {
+          needDockTrigger = true;
+        }
+      }
+
+      // 如果存在垂直模式的 Navigation, 则需要在 Branding 上出现 trigger
+      if (needNavigationTrigger) {
+        const branding = layout.header.Branding;
+        let { trigger, collapse } = layout.Navigation.props;
+
+        if ('trigger' in layout.Navigation.props) {
+          trigger =
+                        (trigger &&
+                            React.cloneElement(trigger, {
+                              onClick: this.toggleNavigation,
+                              'aria-expanded': !collapse,
+                            })) ||
+                        trigger;
+        } else {
+          trigger = (
+            <div
+              key="nav-trigger"
+              role="button"
+              tabIndex={0}
+              aria-expanded={!collapse}
+              aria-label={'toggle'}
+              className="nav-trigger"
+              onClick={this.toggleNavigation}
+              onKeyDown={this.toggleNavigation}
+            >
+              {collapse ? (
+                <Icon size="small" type="toggle-right" />
+              ) : (
+                <Icon size="small" type="toggle-left" />
+              )}
+            </div>
+          );
+        }
+
+        if (!branding) {
+          trigger && (layout.header.Branding = trigger);
+        } else {
+          layout.header.Branding = React.cloneElement(branding, {}, [
+            trigger,
+            branding.props.children,
+          ]);
+        }
+      }
+
+      // 如果存在 toolDock, 则需要在 Action 上出现 trigger
+      if (needDockTrigger) {
+        const action = layout.header.Action;
+        let { trigger, collapse } = layout.ToolDock.props;
+
+        if ('trigger' in layout.ToolDock.props) {
+          trigger =
+                        (trigger &&
+                            React.cloneElement(trigger, {
+                              onClick: this.toggleToolDock,
+                              'aria-expanded': !collapse,
+                            })) ||
+                        trigger;
+        } else {
+          trigger = (
+            <div
+              key="dock-trigger"
+              tabIndex={0}
+              role="button"
+              aria-expanded={!collapse}
+              aria-label={'toggle'}
+              className="dock-trigger"
+              onClick={this.toggleToolDock}
+              onKeyDown={this.toggleToolDock}
+            >
+              <Icon size="small" type="add" />
+            </div>
+          );
+        }
+
+        if (!action) {
+          layout.header.Action = trigger;
+        } else {
+          layout.header.Action = React.cloneElement(action, {}, [
+            action.props.children,
+            trigger,
+          ]);
+        }
+      }
+
+      let headerDom = [];
+      let contentArr = [];
+      const innerArr = [];
+      let taskHeaderDom = null;
+
+      if (layout.taskHeader) {
+        const taskHeaderCls = classnames({
+          [`${prefix}shell-task-header`]: true,
+        });
+
+        taskHeaderDom = (
+          <section key="task-header" className={taskHeaderCls}>
+            {layout.taskHeader}
+          </section>
+        );
+      }
+
+      // 按照dom结构，innerArr 包括 LocalNavigation content Ancillary
+      if (layout.LocalNavigation) {
+        let { trigger, collapse } = layout.LocalNavigation.props;
+
+        if ('trigger' in layout.LocalNavigation.props) {
+          trigger =
+                        (trigger &&
+                            React.cloneElement(trigger, {
+                              onClick: this.toggleLocalNavigation,
+                              'aria-expanded': !collapse,
+                            })) ||
+                        trigger;
+        } else {
+          trigger = (
+            <div
+              key="local-nav-trigger"
+              role="button"
+              tabIndex={0}
+              aria-expanded={!collapse}
+              aria-label={'toggle'}
+              className="local-nav-trigger aside-trigger"
+              onClick={this.toggleLocalNavigation}
+              onKeyDown={this.toggleLocalNavigation}
+            >
+              {collapse ? (
+                <Icon size="small" type="arrow-right" />
+              ) : (
+                <Icon size="small" type="arrow-left" />
+              )}
+            </div>
+          );
+        }
+
+        const localNavCls = classnames(asideCls, {
+          [`${prefix}aside-localnavigation`]: true,
+        });
+
+        innerArr.push(
+          <aside key="localnavigation" className={localNavCls}>
+            {React.cloneElement(layout.LocalNavigation, {}, [
+              <div
+                key="wrapper"
+                className={`${prefix}shell-content-wrapper`}
+              >
+                {layout.LocalNavigation.props.children}
+              </div>,
+              trigger,
+            ])}
+          </aside>,
+        );
+      }
+
+      if (layout.content) {
+        innerArr.push(
+          <section key="submain" className={submainCls} tabIndex={0}>
+            {layout.content}
+          </section>,
+        );
+      }
+
+      if (layout.Ancillary) {
+        let { trigger, collapse } = layout.Ancillary.props;
+
+        if ('trigger' in layout.Ancillary.props) {
+          trigger =
+                        (trigger &&
+                            React.cloneElement(trigger, {
+                              onClick: this.toggleAncillary,
+                              'aria-expanded': !collapse,
+                            })) ||
+                        trigger;
+        } else {
+          trigger = (
+            <div
+              key="ancillary-trigger"
+              role="button"
+              tabIndex={0}
+              aria-expanded={!collapse}
+              aria-label={'toggle'}
+              className="ancillary-trigger aside-trigger"
+              onClick={this.toggleAncillary}
+              onKeyDown={this.toggleAncillary}
+            >
+              {collapse ? (
+                <Icon size="small" type="arrow-left" />
+              ) : (
+                <Icon size="small" type="arrow-right" />
+              )}
+            </div>
+          );
+        }
+
+        const ancillaryCls = classnames(asideCls, {
+          [`${prefix}aside-ancillary`]: true,
+        });
+
+        innerArr.push(
+          <aside key="ancillary" className={ancillaryCls}>
+            {React.cloneElement(layout.Ancillary, {}, [
+              <div
+                key="wrapper"
+                className={`${prefix}shell-content-wrapper`}
+              >
+                {layout.Ancillary.props.children}
+              </div>,
+              trigger,
+            ])}
+          </aside>,
+        );
+      }
+
+      // 按照dom结构, arr 包括 header Navigation ToolDock 和 innerArr
+      if (Object.keys(layout.header).length > 0) {
+        headerDom = (
+          <header key="header" className={headerCls}>
+            {layout.header.Branding}
+            {layout.header.Navigation}
+            {layout.header.Action}
+          </header>
+        );
+      }
+
+      layout.Navigation &&
+                contentArr.push(
+                  React.cloneElement(layout.Navigation, {
+                    className: classnames(
+                      asideCls,
+                      layout.Navigation.props.className,
+                    ),
+                    key: 'navigation',
+                  }),
+                );
+
+      // const contentArea = innerArr.length > 0
+      //     ? <section key="main" className={mainCls}>{innerArr}</section>
+      //     : layout.page;
+
+      // contentArr.push(contentArea);
+      contentArr = contentArr.concat(
+        innerArr.length > 0 ? innerArr : [layout.page],
+      );
+
+      layout.ToolDock &&
+                contentArr.push(
+                  React.cloneElement(layout.ToolDock, {
+                    className: classnames(
+                      asideCls,
+                      layout.ToolDock.props.className,
+                    ),
+                    key: 'tooldock',
+                  }),
+                );
+
+      const cls = classnames({
+        [`${prefix}shell`]: true,
+        [`${prefix}shell-${device}`]: true,
+        [`${prefix}shell-${type}`]: true,
+        [className]: !!className,
+      });
+
+      if (componentName === 'Page') {
+        return <section className={mainCls}>{contentArr}</section>;
+      }
+
+      this.layout = layout;
+
+      return (
+        <section className={cls} {...others}>
+          {headerDom}
+          {taskHeaderDom}
+          <section className={mainCls}>{contentArr}</section>
+        </section>
+      );
+    };
+
+    render() {
+      return this.renderShell(this.props);
+    }
+  }
+
+  return Shell;
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/shell/util.js b/packages/material-parser/test/fixtures/fusion-next-component/src/shell/util.js
index 9271b868b..a327d01a7 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/shell/util.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/shell/util.js
@@ -4,39 +4,39 @@
  * @return {bool}     例： false / false / false / true / false / false
  */
 export function isBoolean(val) {
-    return typeof val === 'boolean';
+  return typeof val === 'boolean';
 }
 
 export function getCollapseMap(device) {
-    // by default all of them are collapsed
-    const origin = {
-        Navigation: true,
-        LocalNavigation: true,
-        Ancillary: true,
-        ToolDock: true,
-    };
+  // by default all of them are collapsed
+  const origin = {
+    Navigation: true,
+    LocalNavigation: true,
+    Ancillary: true,
+    ToolDock: true,
+  };
 
-    let map = [];
+  let map = [];
 
-    switch (device) {
-        case 'phone':
-            break;
-        case 'pad':
-        case 'tablet':
-            map = ['ToolDock'];
-            break;
-        case 'desktop':
-            map = ['Navigation', 'LocalNavigation', 'Ancillary', 'ToolDock'];
-            break;
-        default:
-            break;
+  switch (device) {
+    case 'phone':
+      break;
+    case 'pad':
+    case 'tablet':
+      map = ['ToolDock'];
+      break;
+    case 'desktop':
+      map = ['Navigation', 'LocalNavigation', 'Ancillary', 'ToolDock'];
+      break;
+    default:
+      break;
+  }
+
+  Object.keys(origin).forEach(key => {
+    if (map.indexOf(key) > -1) {
+      origin[key] = false;
     }
+  });
 
-    Object.keys(origin).forEach(key => {
-        if (map.indexOf(key) > -1) {
-            origin[key] = false;
-        }
-    });
-
-    return origin;
+  return origin;
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/slider/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/slider/index.jsx
index ba78fab9c..17bc6bcca 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/slider/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/slider/index.jsx
@@ -2,76 +2,76 @@ import ConfigProvider from '../config-provider';
 import Slider from './slider';
 
 export default ConfigProvider.config(Slider, {
-    exportNames: ['resize'],
-    transform: /* istanbul ignore next */ (props, deprecated) => {
-        if ('fade' in props) {
-            deprecated('fade', 'animation', 'Slider');
+  exportNames: ['resize'],
+  transform: /* istanbul ignore next */ (props, deprecated) => {
+    if ('fade' in props) {
+      deprecated('fade', 'animation', 'Slider');
 
-            const { fade, ...others } = props;
-            if (fade) {
-                props = { animation: 'fade', ...others };
-            } else {
-                props = others;
-            }
+      const { fade, ...others } = props;
+      if (fade) {
+        props = { animation: 'fade', ...others };
+      } else {
+        props = others;
+      }
+    }
+    if ('arrowPos' in props) {
+      if (props.arrowPos === 'inline') {
+        deprecated('arrowPos=inline', 'arrowPosition=inner', 'Slider');
+
+        props.arrowPos = 'inner';
+      } else {
+        deprecated('arrowPos', 'arrowPosition', 'Slider');
+      }
+      const { arrowPos, ...others } = props;
+      props = { arrowPosition: arrowPos, ...others };
+    }
+    ['arrowDirection', 'dotsDirection', 'slideDirection'].forEach(
+      propName => {
+        if (props[propName] === 'horizontal') {
+          deprecated(
+            `${propName}=horizontal`,
+            `${propName}=hoz`,
+            'Slider',
+          );
+
+          props[propName] = 'hoz';
+        } else if (props[propName] === 'vertical') {
+          deprecated(
+            `${propName}=vertical`,
+            `${propName}=ver`,
+            'Slider',
+          );
+
+          props[propName] = 'ver';
         }
-        if ('arrowPos' in props) {
-            if (props.arrowPos === 'inline') {
-                deprecated('arrowPos=inline', 'arrowPosition=inner', 'Slider');
+      },
+    );
+    if ('initialSlide' in props) {
+      deprecated('initialSlide', 'defaultActiveIndex', 'Slider');
 
-                props.arrowPos = 'inner';
-            } else {
-                deprecated('arrowPos', 'arrowPosition', 'Slider');
-            }
-            const { arrowPos, ...others } = props;
-            props = { arrowPosition: arrowPos, ...others };
-        }
-        ['arrowDirection', 'dotsDirection', 'slideDirection'].forEach(
-            propName => {
-                if (props[propName] === 'horizontal') {
-                    deprecated(
-                        `${propName}=horizontal`,
-                        `${propName}=hoz`,
-                        'Slider'
-                    );
+      const { initialSlide, ...others } = props;
+      props = { defaultActiveIndex: initialSlide, ...others };
+    }
+    if ('slickGoTo' in props) {
+      deprecated('slickGoTo', 'activeIndex', 'Slider');
 
-                    props[propName] = 'hoz';
-                } else if (props[propName] === 'vertical') {
-                    deprecated(
-                        `${propName}=vertical`,
-                        `${propName}=ver`,
-                        'Slider'
-                    );
+      const { slickGoTo, ...others } = props;
+      props = { activeIndex: slickGoTo, ...others };
+    }
+    if ('afterChange' in props) {
+      deprecated('afterChange', 'onChange', 'Slider');
 
-                    props[propName] = 'ver';
-                }
-            }
-        );
-        if ('initialSlide' in props) {
-            deprecated('initialSlide', 'defaultActiveIndex', 'Slider');
+      const { afterChange, ...others } = props;
+      props = { onChange: afterChange, ...others };
+    }
 
-            const { initialSlide, ...others } = props;
-            props = { defaultActiveIndex: initialSlide, ...others };
-        }
-        if ('slickGoTo' in props) {
-            deprecated('slickGoTo', 'activeIndex', 'Slider');
+    if ('beforeChange' in props) {
+      deprecated('beforeChange', 'onBeforeChange', 'Slider');
 
-            const { slickGoTo, ...others } = props;
-            props = { activeIndex: slickGoTo, ...others };
-        }
-        if ('afterChange' in props) {
-            deprecated('afterChange', 'onChange', 'Slider');
+      const { beforeChange, ...others } = props;
+      props = { onBeforeChange: beforeChange, ...others };
+    }
 
-            const { afterChange, ...others } = props;
-            props = { onChange: afterChange, ...others };
-        }
-
-        if ('beforeChange' in props) {
-            deprecated('beforeChange', 'onBeforeChange', 'Slider');
-
-            const { beforeChange, ...others } = props;
-            props = { onBeforeChange: beforeChange, ...others };
-        }
-
-        return props;
-    },
+    return props;
+  },
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/slider/slick/arrow.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/slider/slick/arrow.jsx
index 91ed67749..00e803ee1 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/slider/slick/arrow.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/slider/slick/arrow.jsx
@@ -12,132 +12,132 @@ import { obj, func } from '../../util';
 const { noop } = func;
 
 export default class Arrow extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        rtl: PropTypes.bool,
-        type: PropTypes.oneOf(['prev', 'next']).isRequired,
-        centerMode: PropTypes.bool,
-        currentSlide: PropTypes.number,
-        infinite: PropTypes.bool,
-        clickHandler: PropTypes.func,
-        slideCount: PropTypes.number,
-        slidesToShow: PropTypes.number,
-        arrow: PropTypes.element,
-        arrowSize: PropTypes.string,
-        arrowPosition: PropTypes.string,
-        arrowDirection: PropTypes.oneOf(['hoz', 'ver']),
-        onMouseEnter: PropTypes.func,
-        onMouseLeave: PropTypes.func,
-        children: PropTypes.node,
-    };
+  static propTypes = {
+    prefix: PropTypes.string,
+    rtl: PropTypes.bool,
+    type: PropTypes.oneOf(['prev', 'next']).isRequired,
+    centerMode: PropTypes.bool,
+    currentSlide: PropTypes.number,
+    infinite: PropTypes.bool,
+    clickHandler: PropTypes.func,
+    slideCount: PropTypes.number,
+    slidesToShow: PropTypes.number,
+    arrow: PropTypes.element,
+    arrowSize: PropTypes.string,
+    arrowPosition: PropTypes.string,
+    arrowDirection: PropTypes.oneOf(['hoz', 'ver']),
+    onMouseEnter: PropTypes.func,
+    onMouseLeave: PropTypes.func,
+    children: PropTypes.node,
+  };
 
-    static defaultProps = {
-        onMouseEnter: noop,
-        onMouseLeave: noop,
-    };
+  static defaultProps = {
+    onMouseEnter: noop,
+    onMouseLeave: noop,
+  };
 
-    static isDisabled(props) {
-        const {
-            infinite,
-            type,
-            centerMode,
-            currentSlide,
-            slideCount,
-            slidesToShow,
-        } = props;
+  static isDisabled(props) {
+    const {
+      infinite,
+      type,
+      centerMode,
+      currentSlide,
+      slideCount,
+      slidesToShow,
+    } = props;
 
-        if (infinite) {
-            return false;
-        }
-
-        // 下一个 index 大于总数？？
-        // if (slideCount <= slidesToShow) {
-        //     return true;
-        // }
-
-        // 向前箭头：当前是第 0 个
-        if (type === 'prev') {
-            return currentSlide <= 0;
-        }
-
-        if (centerMode && currentSlide >= slideCount - 1) {
-            // 向后箭头：居中模式，当前 index 大于最大 index
-            return true;
-        } else if (currentSlide >= slideCount - slidesToShow) {
-            // 向后箭头：普通模式，当前 index 大于 总数 - 下一个 index ？？？
-            return true;
-        }
-
-        return false;
+    if (infinite) {
+      return false;
     }
 
-    static ARROW_ICON_TYPES = {
-        hoz: { prev: 'arrow-left', next: 'arrow-right' },
-        ver: { prev: 'arrow-up', next: 'arrow-down' },
+    // 下一个 index 大于总数？？
+    // if (slideCount <= slidesToShow) {
+    //     return true;
+    // }
+
+    // 向前箭头：当前是第 0 个
+    if (type === 'prev') {
+      return currentSlide <= 0;
+    }
+
+    if (centerMode && currentSlide >= slideCount - 1) {
+      // 向后箭头：居中模式，当前 index 大于最大 index
+      return true;
+    } else if (currentSlide >= slideCount - slidesToShow) {
+      // 向后箭头：普通模式，当前 index 大于 总数 - 下一个 index ？？？
+      return true;
+    }
+
+    return false;
+  }
+
+  static ARROW_ICON_TYPES = {
+    hoz: { prev: 'arrow-left', next: 'arrow-right' },
+    ver: { prev: 'arrow-up', next: 'arrow-down' },
+  };
+
+  handleClick(options, e) {
+    e && e.preventDefault();
+
+    // TODO hack
+    if (options.message === 'prev') {
+      options.message = 'previous';
+    }
+
+    this.props.clickHandler(options, e);
+  }
+
+  render() {
+    const {
+      prefix,
+      type,
+      arrowSize,
+      arrowPosition,
+      arrowDirection,
+      onMouseEnter,
+      onMouseLeave,
+      children,
+    } = this.props;
+
+    const others = obj.pickOthers(Arrow.propTypes, this.props);
+    const iconType = Arrow.ARROW_ICON_TYPES[arrowDirection][type];
+    const disabled = Arrow.isDisabled(this.props);
+
+    const arrowClazz = classNames(
+      [
+        `${prefix}slick-arrow`,
+        `${prefix}slick-${type}`,
+        arrowPosition,
+        arrowSize,
+        arrowDirection,
+      ],
+      { disabled },
+    );
+
+    const arrowProps = {
+      ...others,
+      key: type,
+      'data-role': 'none',
+      className: arrowClazz,
+      style: { display: 'block' },
+      onClick: disabled
+        ? null
+        : this.handleClick.bind(this, { message: type }),
+      onMouseEnter: disabled ? null : onMouseEnter,
+      onMouseLeave: disabled ? null : onMouseLeave,
     };
 
-    handleClick(options, e) {
-        e && e.preventDefault();
-
-        // TODO hack
-        if (options.message === 'prev') {
-            options.message = 'previous';
-        }
-
-        this.props.clickHandler(options, e);
-    }
-
-    render() {
-        const {
-            prefix,
-            type,
-            arrowSize,
-            arrowPosition,
-            arrowDirection,
-            onMouseEnter,
-            onMouseLeave,
-            children,
-        } = this.props;
-
-        const others = obj.pickOthers(Arrow.propTypes, this.props);
-        const iconType = Arrow.ARROW_ICON_TYPES[arrowDirection][type];
-        const disabled = Arrow.isDisabled(this.props);
-
-        const arrowClazz = classNames(
-            [
-                `${prefix}slick-arrow`,
-                `${prefix}slick-${type}`,
-                arrowPosition,
-                arrowSize,
-                arrowDirection,
-            ],
-            { disabled }
-        );
-
-        const arrowProps = {
-            ...others,
-            key: type,
-            'data-role': 'none',
-            className: arrowClazz,
-            style: { display: 'block' },
-            onClick: disabled
-                ? null
-                : this.handleClick.bind(this, { message: type }),
-            onMouseEnter: disabled ? null : onMouseEnter,
-            onMouseLeave: disabled ? null : onMouseLeave,
-        };
-
-        if (children) {
-            return React.cloneElement(
-                React.Children.only(children),
-                arrowProps
-            );
-        } else {
-            return (
-                <button type="button" role="button" {...arrowProps}>
-                    <Icon type={iconType} />
-                </button>
-            );
-        }
+    if (children) {
+      return React.cloneElement(
+        React.Children.only(children),
+        arrowProps,
+      );
+    } else {
+      return (
+        <button type="button" role="button" {...arrowProps}>
+          <Icon type={iconType} />
+        </button>
+      );
     }
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/slider/slick/dots.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/slider/slick/dots.jsx
index eb9730b2c..f6c404d7d 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/slider/slick/dots.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/slider/slick/dots.jsx
@@ -11,91 +11,91 @@ import { func } from '../../util';
 const { noop } = func;
 
 export default class Dots extends React.Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        currentSlide: PropTypes.number,
-        changeSlide: PropTypes.func,
-        dotsClass: PropTypes.string,
-        slideCount: PropTypes.number,
-        slidesToScroll: PropTypes.number,
-        dotsDirection: PropTypes.oneOf(['hoz', 'ver']),
-        dotsRender: PropTypes.func,
-        triggerType: PropTypes.string,
-    };
+  static propTypes = {
+    prefix: PropTypes.string,
+    currentSlide: PropTypes.number,
+    changeSlide: PropTypes.func,
+    dotsClass: PropTypes.string,
+    slideCount: PropTypes.number,
+    slidesToScroll: PropTypes.number,
+    dotsDirection: PropTypes.oneOf(['hoz', 'ver']),
+    dotsRender: PropTypes.func,
+    triggerType: PropTypes.string,
+  };
 
-    static defaultProps = {
-        changeSlide: noop,
-    };
+  static defaultProps = {
+    changeSlide: noop,
+  };
 
-    handleChangeSlide(options, e) {
-        e.preventDefault();
+  handleChangeSlide(options, e) {
+    e.preventDefault();
 
-        this.props.changeSlide(options);
+    this.props.changeSlide(options);
+  }
+
+  render() {
+    const {
+      prefix,
+      slideCount,
+      slidesToScroll,
+      currentSlide,
+      dotsClass,
+      dotsDirection,
+      dotsRender,
+      triggerType,
+      rtl,
+    } = this.props;
+
+    const dotsClazz = classNames(
+      `${prefix}slick-dots`,
+      dotsDirection,
+      dotsClass,
+    );
+    const dotCount = Math.ceil(slideCount / slidesToScroll);
+    const children = [];
+
+    for (let i = 0; i < dotCount; i++) {
+      const leftBound = i * slidesToScroll;
+      const rightBound = leftBound + slidesToScroll - 1;
+      const itemClazz = classNames(`${prefix}slick-dots-item`, {
+        active: currentSlide >= leftBound && currentSlide <= rightBound,
+      });
+      const dotOptions = {
+        message: 'dots',
+        index: i,
+        slidesToScroll,
+        currentSlide,
+      };
+      // 除非设置为hover，默认使用click触发
+      const handleProp = {
+        [triggerType.toLowerCase() === 'hover'
+          ? 'onMouseEnter'
+          : 'onClick']: this.handleChangeSlide.bind(this, dotOptions),
+      };
+
+      let docIndex = i;
+      let currentSlideIndex = i;
+      if (rtl) {
+        docIndex = dotCount - 1 - i;
+        currentSlideIndex = dotCount - 1 - currentSlide;
+      }
+
+      children.push(
+        <li key={i} className={itemClazz} {...handleProp}>
+          {dotsRender instanceof Function ? (
+            <span>{dotsRender(docIndex, currentSlideIndex)}</span>
+          ) : (
+          // Slider is navigated by right and left arrow buttons so the dots are not required functionality
+            <button tabIndex="-1" />
+          )}
+        </li>,
+      );
     }
 
-    render() {
-        const {
-            prefix,
-            slideCount,
-            slidesToScroll,
-            currentSlide,
-            dotsClass,
-            dotsDirection,
-            dotsRender,
-            triggerType,
-            rtl,
-        } = this.props;
-
-        const dotsClazz = classNames(
-            `${prefix}slick-dots`,
-            dotsDirection,
-            dotsClass
-        );
-        const dotCount = Math.ceil(slideCount / slidesToScroll);
-        const children = [];
-
-        for (let i = 0; i < dotCount; i++) {
-            const leftBound = i * slidesToScroll;
-            const rightBound = leftBound + slidesToScroll - 1;
-            const itemClazz = classNames(`${prefix}slick-dots-item`, {
-                active: currentSlide >= leftBound && currentSlide <= rightBound,
-            });
-            const dotOptions = {
-                message: 'dots',
-                index: i,
-                slidesToScroll,
-                currentSlide,
-            };
-            // 除非设置为hover，默认使用click触发
-            const handleProp = {
-                [triggerType.toLowerCase() === 'hover'
-                    ? 'onMouseEnter'
-                    : 'onClick']: this.handleChangeSlide.bind(this, dotOptions),
-            };
-
-            let docIndex = i;
-            let currentSlideIndex = i;
-            if (rtl) {
-                docIndex = dotCount - 1 - i;
-                currentSlideIndex = dotCount - 1 - currentSlide;
-            }
-
-            children.push(
-                <li key={i} className={itemClazz} {...handleProp}>
-                    {dotsRender instanceof Function ? (
-                        <span>{dotsRender(docIndex, currentSlideIndex)}</span>
-                    ) : (
-                        // Slider is navigated by right and left arrow buttons so the dots are not required functionality
-                        <button tabIndex="-1" />
-                    )}
-                </li>
-            );
-        }
-
-        return (
-            <ul className={dotsClazz} aria-hidden="true">
-                {children}
-            </ul>
-        );
-    }
+    return (
+      <ul className={dotsClazz} aria-hidden="true">
+        {children}
+      </ul>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/slider/slick/inner-slider.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/slider/slick/inner-slider.jsx
index f350e29de..429f2364d 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/slider/slick/inner-slider.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/slider/slick/inner-slider.jsx
@@ -14,395 +14,396 @@ import Dots from './dots';
 const { noop } = func;
 
 class InnerSlider extends React.Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        animation: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-        arrows: PropTypes.bool,
-        arrowSize: PropTypes.oneOf(['medium', 'large']),
-        arrowPosition: PropTypes.oneOf(['inner', 'outer']),
-        arrowDirection: PropTypes.oneOf(['hoz', 'ver']),
-        centerPadding: PropTypes.any,
-        children: PropTypes.any,
-        centerMode: PropTypes.bool,
-        dots: PropTypes.bool,
-        dotsDirection: PropTypes.oneOf(['hoz', 'ver']),
-        dotsClass: PropTypes.string,
-        focusOnSelect: PropTypes.bool,
-        cssEase: PropTypes.string,
-        speed: PropTypes.number,
-        infinite: PropTypes.bool,
-        defaultActiveIndex: PropTypes.number,
-        rtl: PropTypes.bool,
-        slidesToShow: PropTypes.number,
-        lazyLoad: PropTypes.bool,
-        activeIndex: PropTypes.number,
-        slidesToScroll: PropTypes.number,
-        variableWidth: PropTypes.bool,
-        vertical: PropTypes.bool,
-        verticalSwiping: PropTypes.bool,
-        prevArrow: PropTypes.element,
-        nextArrow: PropTypes.element,
-        dotsRender: PropTypes.func,
-        triggerType: PropTypes.string,
-    };
+  static propTypes = {
+    prefix: PropTypes.string,
+    animation: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+    arrows: PropTypes.bool,
+    arrowSize: PropTypes.oneOf(['medium', 'large']),
+    arrowPosition: PropTypes.oneOf(['inner', 'outer']),
+    arrowDirection: PropTypes.oneOf(['hoz', 'ver']),
+    centerPadding: PropTypes.any,
+    children: PropTypes.any,
+    centerMode: PropTypes.bool,
+    dots: PropTypes.bool,
+    dotsDirection: PropTypes.oneOf(['hoz', 'ver']),
+    dotsClass: PropTypes.string,
+    focusOnSelect: PropTypes.bool,
+    cssEase: PropTypes.string,
+    speed: PropTypes.number,
+    infinite: PropTypes.bool,
+    defaultActiveIndex: PropTypes.number,
+    rtl: PropTypes.bool,
+    slidesToShow: PropTypes.number,
+    lazyLoad: PropTypes.bool,
+    activeIndex: PropTypes.number,
+    slidesToScroll: PropTypes.number,
+    variableWidth: PropTypes.bool,
+    vertical: PropTypes.bool,
+    verticalSwiping: PropTypes.bool,
+    prevArrow: PropTypes.element,
+    nextArrow: PropTypes.element,
+    dotsRender: PropTypes.func,
+    triggerType: PropTypes.string,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        arrowDirection: 'hoz',
-        triggerType: 'click',
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    arrowDirection: 'hoz',
+    triggerType: 'click',
+  };
 
-    constructor(props) {
-        super(props);
+  constructor(props) {
+    super(props);
 
-        this.state = {
-            animating: false,
-            dragging: false,
-            autoPlayTimer: null,
-            currentDirection: 0,
-            currentLeft: null,
-            currentSlide:
+    this.state = {
+      animating: false,
+      dragging: false,
+      autoPlayTimer: null,
+      currentDirection: 0,
+      currentLeft: null,
+      currentSlide:
                 'activeIndex' in props
-                    ? props.activeIndex
-                    : props.defaultActiveIndex,
-            direction: 1,
-            listWidth: null,
-            listHeight: null,
-            slideCount: null,
-            slideWidth: null,
-            slideHeight: null,
-            swipeLeft: null,
-            touchObject: {
-                startX: 0,
-                startY: 0,
-                curX: 0,
-                curY: 0,
-            },
+                  ? props.activeIndex
+                  : props.defaultActiveIndex,
+      direction: 1,
+      listWidth: null,
+      listHeight: null,
+      slideCount: null,
+      slideWidth: null,
+      slideHeight: null,
+      swipeLeft: null,
+      touchObject: {
+        startX: 0,
+        startY: 0,
+        curX: 0,
+        curY: 0,
+      },
 
-            lazyLoadedList: [],
+      lazyLoadedList: [],
 
-            // added for react
-            initialized: false,
-            edgeDragged: false,
-            swiped: false, // used by swipeEvent. differentites between touch and swipe.
-            trackStyle: {},
-            trackWidth: 0,
-        };
+      // added for react
+      initialized: false,
+      edgeDragged: false,
+      swiped: false, // used by swipeEvent. differentites between touch and swipe.
+      trackStyle: {},
+      trackWidth: 0,
+    };
 
-        // this.filterProps = Object.assign({}, sliderPropTypes, InnerSlider.propTypes);
+    // this.filterProps = Object.assign({}, sliderPropTypes, InnerSlider.propTypes);
 
-        func.bindCtx(this, [
-            'onWindowResized',
-            'selectHandler',
-            'changeSlide',
-            'onInnerSliderEnter',
-            'onInnerSliderLeave',
-            'swipeStart',
-            'swipeMove',
-            'swipeEnd',
-        ]);
+    func.bindCtx(this, [
+      'onWindowResized',
+      'selectHandler',
+      'changeSlide',
+      'onInnerSliderEnter',
+      'onInnerSliderLeave',
+      'swipeStart',
+      'swipeMove',
+      'swipeEnd',
+    ]);
+  }
+
+  componentWillMount() {
+    this.hasMounted = true;
+
+    const { lazyLoad, children, slidesToShow } = this.props;
+    const { currentSlide } = this.state;
+    const lazyLoadedList = [];
+
+    if (lazyLoad) {
+      for (let i = 0, j = React.Children.count(children); i < j; i++) {
+        if (i >= currentSlide && i < currentSlide + slidesToShow) {
+          lazyLoadedList.push(i);
+
+          const pre = i - 1 < 0 ? j - 1 : i - 1;
+          const next = i + 1 >= j ? 0 : i + 1;
+
+          lazyLoadedList.push(pre);
+          lazyLoadedList.push(next);
+        }
+      }
+
+      if (this.state.lazyLoadedList.length === 0) {
+        this.setState({
+          lazyLoadedList,
+        });
+      }
+    }
+  }
+
+  componentDidMount() {
+    // TODO Hack for autoplay -- Inspect Later
+    this.initialize(this.props);
+    this.adaptHeight();
+
+    if (this.props.activeIndex) {
+      this.slickGoTo(this.props.activeIndex);
     }
 
-    componentWillMount() {
-        this.hasMounted = true;
+    /* istanbul ignore if  */
+    if (window) {
+      // To support server-side rendering
+      events.on(window, 'resize', this.onWindowResized);
+    }
+  }
 
-        const { lazyLoad, children, slidesToShow } = this.props;
-        const { currentSlide } = this.state;
-        const lazyLoadedList = [];
-
-        if (lazyLoad) {
-            for (let i = 0, j = React.Children.count(children); i < j; i++) {
-                if (i >= currentSlide && i < currentSlide + slidesToShow) {
-                    lazyLoadedList.push(i);
-
-                    const pre = i - 1 < 0 ? j - 1 : i - 1;
-                    const next = i + 1 >= j ? 0 : i + 1;
-
-                    lazyLoadedList.push(pre);
-                    lazyLoadedList.push(next);
-                }
-            }
-
-            if (this.state.lazyLoadedList.length === 0) {
-                this.setState({
-                    lazyLoadedList,
-                });
-            }
-        }
+  componentWillReceiveProps(nextProps) {
+    if (this.props.defaultActiveIndex !== nextProps.defaultActiveIndex) {
+      this.setState({
+        currentSlide: nextProps.defaultActiveIndex,
+      });
     }
 
-    componentDidMount() {
-        // TODO Hack for autoplay -- Inspect Later
-        this.initialize(this.props);
-        this.adaptHeight();
+    if (this.props.activeIndex !== nextProps.activeIndex) {
+      this.slickGoTo(nextProps.activeIndex);
+    } else if (this.state.currentSlide >= nextProps.children.length) {
+      this.update(nextProps);
+      this.changeSlide({
+        message: 'index',
+        index: nextProps.children.length - nextProps.slidesToShow,
+        currentSlide: this.state.currentSlide,
+      });
+    } else {
+      const others = ['children'];
+      const update = !obj.shallowEqual(
+        obj.pickOthers(others, this.props),
+        obj.pickOthers(others, nextProps),
+      );
+      if (update) {
+        this.update(nextProps);
+      }
+    }
+  }
 
-        if (this.props.activeIndex) {
-            this.slickGoTo(this.props.activeIndex);
-        }
+  componentDidUpdate() {
+    this.adaptHeight();
+  }
 
-        /* istanbul ignore if  */
-        if (window) {
-            // To support server-side rendering
-            events.on(window, 'resize', this.onWindowResized);
-        }
+  componentWillUnmount() {
+    if (this.animationEndCallback) {
+      clearTimeout(this.animationEndCallback);
     }
 
-    componentWillReceiveProps(nextProps) {
-        if (this.props.defaultActiveIndex !== nextProps.defaultActiveIndex) {
-            this.setState({
-                currentSlide: nextProps.defaultActiveIndex,
-            });
-        }
+    events.off(window, 'resize', this.onWindowResized);
 
-        if (this.props.activeIndex !== nextProps.activeIndex) {
-            this.slickGoTo(nextProps.activeIndex);
-        } else if (this.state.currentSlide >= nextProps.children.length) {
-            this.update(nextProps);
+    if (this.state.autoPlayTimer) {
+      clearInterval(this.state.autoPlayTimer);
+    }
+  }
+
+  onWindowResized() {
+    this.update(this.props);
+    // animating state should be cleared while resizing, otherwise autoplay stops working
+    this.setState({ animating: false });
+    clearTimeout(this.animationEndCallback);
+    delete this.animationEndCallback;
+  }
+
+  slickGoTo(slide) {
+    typeof slide === 'number' &&
             this.changeSlide({
-                message: 'index',
-                index: nextProps.children.length - nextProps.slidesToShow,
-                currentSlide: this.state.currentSlide,
+              message: 'index',
+              index: slide,
+              currentSlide: this.state.currentSlide,
             });
-        } else {
-            const others = ['children'];
-            const update = !obj.shallowEqual(
-                obj.pickOthers(others, this.props),
-                obj.pickOthers(others, nextProps)
-            );
-            if (update) {
-                this.update(nextProps);
-            }
-        }
+  }
+
+  onEnterArrow(msg) {
+    this.arrowHoverHandler(msg);
+  }
+
+  onLeaveArrow() {
+    this.arrowHoverHandler();
+  }
+
+  _instanceRefHandler(attr, ref) {
+    this[attr] = ref;
+  }
+
+  render() {
+    const {
+      prefix,
+      animation,
+      arrows,
+      arrowSize,
+      arrowPosition,
+      arrowDirection,
+      dots,
+      dotsClass,
+      cssEase,
+      speed,
+      infinite,
+      centerMode,
+      centerPadding,
+      lazyLoad,
+      dotsDirection,
+      rtl,
+      slidesToShow,
+      slidesToScroll,
+      variableWidth,
+      vertical,
+      verticalSwiping,
+      focusOnSelect,
+      children,
+      dotsRender,
+      triggerType,
+    } = this.props;
+
+    const {
+      currentSlide,
+      lazyLoadedList,
+      slideCount,
+      slideWidth,
+      slideHeight,
+      trackStyle,
+      listHeight,
+      dragging,
+    } = this.state;
+
+    // TODO 需要精简一下
+    const trackProps = {
+      prefix,
+      animation,
+      cssEase,
+      speed,
+      infinite,
+      centerMode,
+      focusOnSelect: focusOnSelect ? this.selectHandler : null,
+      currentSlide,
+      lazyLoad,
+      lazyLoadedList,
+      rtl,
+      slideWidth,
+      slideHeight,
+      slidesToShow,
+      slidesToScroll,
+      slideCount,
+      trackStyle,
+      variableWidth,
+      vertical,
+      verticalSwiping,
+      triggerType,
+      // clickHandler: this.changeSlide, unused
+    };
+
+    let dotsEle;
+
+    if (dots === true && slideCount > slidesToShow) {
+      const dotProps = {
+        prefix,
+        rtl,
+        dotsClass,
+        slideCount,
+        slidesToShow,
+        currentSlide,
+        slidesToScroll,
+        dotsDirection,
+        changeSlide: this.changeSlide,
+        dotsRender,
+        triggerType,
+      };
+
+      dotsEle = <Dots {...dotProps} />;
     }
 
-    componentDidUpdate() {
-        this.adaptHeight();
-    }
+    let prevArrow; let
+      nextArrow;
 
-    componentWillUnmount() {
-        if (this.animationEndCallback) {
-            clearTimeout(this.animationEndCallback);
-        }
+    const arrowProps = {
+      prefix,
+      rtl,
+      arrowSize,
+      arrowPosition,
+      arrowDirection,
+      infinite,
+      centerMode,
+      currentSlide,
+      slideCount,
+      slidesToShow,
+      clickHandler: this.changeSlide,
+    };
 
-        events.off(window, 'resize', this.onWindowResized);
-
-        if (this.state.autoPlayTimer) {
-            clearInterval(this.state.autoPlayTimer);
-        }
-    }
-
-    onWindowResized() {
-        this.update(this.props);
-        // animating state should be cleared while resizing, otherwise autoplay stops working
-        this.setState({ animating: false });
-        clearTimeout(this.animationEndCallback);
-        delete this.animationEndCallback;
-    }
-
-    slickGoTo(slide) {
-        typeof slide === 'number' &&
-            this.changeSlide({
-                message: 'index',
-                index: slide,
-                currentSlide: this.state.currentSlide,
-            });
-    }
-
-    onEnterArrow(msg) {
-        this.arrowHoverHandler(msg);
-    }
-
-    onLeaveArrow() {
-        this.arrowHoverHandler();
-    }
-
-    _instanceRefHandler(attr, ref) {
-        this[attr] = ref;
-    }
-
-    render() {
-        const {
-            prefix,
-            animation,
-            arrows,
-            arrowSize,
-            arrowPosition,
-            arrowDirection,
-            dots,
-            dotsClass,
-            cssEase,
-            speed,
-            infinite,
-            centerMode,
-            centerPadding,
-            lazyLoad,
-            dotsDirection,
-            rtl,
-            slidesToShow,
-            slidesToScroll,
-            variableWidth,
-            vertical,
-            verticalSwiping,
-            focusOnSelect,
-            children,
-            dotsRender,
-            triggerType,
-        } = this.props;
-
-        const {
-            currentSlide,
-            lazyLoadedList,
-            slideCount,
-            slideWidth,
-            slideHeight,
-            trackStyle,
-            listHeight,
-            dragging,
-        } = this.state;
-
-        // TODO 需要精简一下
-        const trackProps = {
-            prefix,
-            animation,
-            cssEase,
-            speed,
-            infinite,
-            centerMode,
-            focusOnSelect: focusOnSelect ? this.selectHandler : null,
-            currentSlide,
-            lazyLoad,
-            lazyLoadedList,
-            rtl,
-            slideWidth,
-            slideHeight,
-            slidesToShow,
-            slidesToScroll,
-            slideCount,
-            trackStyle,
-            variableWidth,
-            vertical,
-            verticalSwiping,
-            triggerType,
-            // clickHandler: this.changeSlide, unused
-        };
-
-        let dotsEle;
-
-        if (dots === true && slideCount > slidesToShow) {
-            const dotProps = {
-                prefix,
-                rtl,
-                dotsClass,
-                slideCount,
-                slidesToShow,
-                currentSlide,
-                slidesToScroll,
-                dotsDirection,
-                changeSlide: this.changeSlide,
-                dotsRender,
-                triggerType,
-            };
-
-            dotsEle = <Dots {...dotProps} />;
-        }
-
-        let prevArrow, nextArrow;
-
-        const arrowProps = {
-            prefix,
-            rtl,
-            arrowSize,
-            arrowPosition,
-            arrowDirection,
-            infinite,
-            centerMode,
-            currentSlide,
-            slideCount,
-            slidesToShow,
-            clickHandler: this.changeSlide,
-        };
-
-        if (arrows) {
-            prevArrow = (
-                <Arrow
-                    {...arrowProps}
-                    type="prev"
-                    aria-label="Previous"
-                    ref={this._instanceRefHandler.bind(this, 'pArrow')}
-                    onMouseEnter={
+    if (arrows) {
+      prevArrow = (
+        <Arrow
+          {...arrowProps}
+          type="prev"
+          aria-label="Previous"
+          ref={this._instanceRefHandler.bind(this, 'pArrow')}
+          onMouseEnter={
                         animation ? this.onEnterArrow.bind(this, 'prev') : noop
                     }
-                    onMouseLeave={
+          onMouseLeave={
                         animation ? this.onLeaveArrow.bind(this, 'prev') : noop
                     }
-                >
-                    {this.props.prevArrow}
-                </Arrow>
-            );
+        >
+          {this.props.prevArrow}
+        </Arrow>
+      );
 
-            nextArrow = (
-                <Arrow
-                    {...arrowProps}
-                    type="next"
-                    aria-label="Next"
-                    ref={this._instanceRefHandler.bind(this, 'nArrow')}
-                    onMouseEnter={
+      nextArrow = (
+        <Arrow
+          {...arrowProps}
+          type="next"
+          aria-label="Next"
+          ref={this._instanceRefHandler.bind(this, 'nArrow')}
+          onMouseEnter={
                         animation ? this.onEnterArrow.bind(this, 'next') : noop
                     }
-                    onMouseLeave={
+          onMouseLeave={
                         animation ? this.onLeaveArrow.bind(this, 'next') : noop
                     }
-                >
-                    {this.props.nextArrow}
-                </Arrow>
-            );
-        }
-
-        const verticalHeightStyle = vertical
-            ? {
-                  height: listHeight,
-              }
-            : null;
-
-        let centerPaddingStyle;
-        if (centerMode) {
-            centerPaddingStyle = vertical
-                ? { padding: `${centerPadding} 0px` }
-                : { padding: `0px ${centerPadding}` };
-        }
-
-        return (
-            <div
-                className={`${prefix}slick-container ${prefix}slick-initialized`}
-                onMouseEnter={this.onInnerSliderEnter}
-                onMouseLeave={this.onInnerSliderLeave}
-            >
-                <div
-                    ref={this._instanceRefHandler.bind(this, 'list')}
-                    className={`${prefix}slick-list`}
-                    style={{ ...verticalHeightStyle, ...centerPaddingStyle }}
-                    onMouseDown={this.swipeStart}
-                    onMouseUp={this.swipeEnd}
-                    onTouchStart={this.swipeStart}
-                    onTouchEnd={this.swipeEnd}
-                    onMouseMove={dragging ? this.swipeMove : null}
-                    onMouseLeave={dragging ? this.swipeEnd : null}
-                    onTouchMove={dragging ? this.swipeMove : null}
-                    onTouchCancel={dragging ? this.swipeEnd : null}
-                >
-                    <Track
-                        ref={this._instanceRefHandler.bind(this, 'track')}
-                        {...trackProps}
-                    >
-                        {children}
-                    </Track>
-                </div>
-                {prevArrow}
-                {nextArrow}
-                {dotsEle}
-            </div>
-        );
+        >
+          {this.props.nextArrow}
+        </Arrow>
+      );
     }
+
+    const verticalHeightStyle = vertical
+      ? {
+        height: listHeight,
+      }
+      : null;
+
+    let centerPaddingStyle;
+    if (centerMode) {
+      centerPaddingStyle = vertical
+        ? { padding: `${centerPadding} 0px` }
+        : { padding: `0px ${centerPadding}` };
+    }
+
+    return (
+      <div
+        className={`${prefix}slick-container ${prefix}slick-initialized`}
+        onMouseEnter={this.onInnerSliderEnter}
+        onMouseLeave={this.onInnerSliderLeave}
+      >
+        <div
+          ref={this._instanceRefHandler.bind(this, 'list')}
+          className={`${prefix}slick-list`}
+          style={{ ...verticalHeightStyle, ...centerPaddingStyle }}
+          onMouseDown={this.swipeStart}
+          onMouseUp={this.swipeEnd}
+          onTouchStart={this.swipeStart}
+          onTouchEnd={this.swipeEnd}
+          onMouseMove={dragging ? this.swipeMove : null}
+          onMouseLeave={dragging ? this.swipeEnd : null}
+          onTouchMove={dragging ? this.swipeMove : null}
+          onTouchCancel={dragging ? this.swipeEnd : null}
+        >
+          <Track
+            ref={this._instanceRefHandler.bind(this, 'track')}
+            {...trackProps}
+          >
+            {children}
+          </Track>
+        </div>
+        {prevArrow}
+        {nextArrow}
+        {dotsEle}
+      </div>
+    );
+  }
 }
 
 // extend prototype
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/slider/slick/mixins/event-handlers.js b/packages/material-parser/test/fixtures/fusion-next-component/src/slider/slick/mixins/event-handlers.js
index acffcc5e8..cf0e24838 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/slider/slick/mixins/event-handlers.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/slider/slick/mixins/event-handlers.js
@@ -3,346 +3,347 @@ import { getTrackCSS, getTrackLeft, getTrackAnimateCSS } from './trackHelper';
 
 /* istanbul ignore next */
 const EventHandlers = {
-    // Event handler for previous and next
-    changeSlide(options) {
-        let slideOffset, targetSlide;
-        const unevenOffset =
+  // Event handler for previous and next
+  changeSlide(options) {
+    let slideOffset; let
+      targetSlide;
+    const unevenOffset =
             this.state.slideCount % this.props.slidesToScroll !== 0;
-        const indexOffset = unevenOffset
-            ? 0
-            : (this.state.slideCount - this.state.currentSlide) %
+    const indexOffset = unevenOffset
+      ? 0
+      : (this.state.slideCount - this.state.currentSlide) %
               this.props.slidesToScroll;
 
-        if (options.message === 'previous') {
-            slideOffset =
+    if (options.message === 'previous') {
+      slideOffset =
                 indexOffset === 0
-                    ? this.props.slidesToScroll
-                    : this.props.slidesToShow - indexOffset;
-            targetSlide = this.state.currentSlide - slideOffset;
-        } else if (options.message === 'next') {
-            slideOffset =
+                  ? this.props.slidesToScroll
+                  : this.props.slidesToShow - indexOffset;
+      targetSlide = this.state.currentSlide - slideOffset;
+    } else if (options.message === 'next') {
+      slideOffset =
                 indexOffset === 0 ? this.props.slidesToScroll : indexOffset;
-            targetSlide = this.state.currentSlide + slideOffset;
-        } else if (
-            options.message === 'dots' ||
+      targetSlide = this.state.currentSlide + slideOffset;
+    } else if (
+      options.message === 'dots' ||
             options.message === 'children'
-        ) {
-            // Click on dots
-            targetSlide = options.index * options.slidesToScroll;
-            if (targetSlide === options.currentSlide) {
-                return;
-            }
-        } else if (options.message === 'index') {
-            targetSlide = options.index;
-            if (targetSlide === options.currentSlide) {
-                return;
-            }
-        }
-        this.slideHandler(targetSlide);
-    },
+    ) {
+      // Click on dots
+      targetSlide = options.index * options.slidesToScroll;
+      if (targetSlide === options.currentSlide) {
+        return;
+      }
+    } else if (options.message === 'index') {
+      targetSlide = options.index;
+      if (targetSlide === options.currentSlide) {
+        return;
+      }
+    }
+    this.slideHandler(targetSlide);
+  },
 
-    // Accessiblity handler for previous and next
-    keyHandler(e) {
-        //Dont slide if the cursor is inside the form fields and arrow keys are pressed
-        if (!e.target.tagName.match('TEXTAREA|INPUT|SELECT')) {
-            if (e.keyCode === 37 && this.props.accessibility === true) {
-                this.changeSlide({
-                    message: this.props.rtl === true ? 'next' : 'previous',
-                });
-            } else if (e.keyCode === 39 && this.props.accessibility === true) {
-                this.changeSlide({
-                    message: this.props.rtl === true ? 'previous' : 'next',
-                });
-            }
-        }
-    },
+  // Accessiblity handler for previous and next
+  keyHandler(e) {
+    // Dont slide if the cursor is inside the form fields and arrow keys are pressed
+    if (!e.target.tagName.match('TEXTAREA|INPUT|SELECT')) {
+      if (e.keyCode === 37 && this.props.accessibility === true) {
+        this.changeSlide({
+          message: this.props.rtl === true ? 'next' : 'previous',
+        });
+      } else if (e.keyCode === 39 && this.props.accessibility === true) {
+        this.changeSlide({
+          message: this.props.rtl === true ? 'previous' : 'next',
+        });
+      }
+    }
+  },
 
-    // Focus on selecting a slide (click handler on track)
-    selectHandler(options) {
-        this.changeSlide(options);
-    },
+  // Focus on selecting a slide (click handler on track)
+  selectHandler(options) {
+    this.changeSlide(options);
+  },
 
-    swipeStart(e) {
-        if (
-            this.props.swipe === false ||
+  swipeStart(e) {
+    if (
+      this.props.swipe === false ||
             ('ontouchend' in document && this.props.swipe === false)
-        ) {
-            return;
-        } else if (
-            this.props.draggable === false &&
+    ) {
+      return;
+    } else if (
+      this.props.draggable === false &&
             e.type.indexOf('mouse') !== -1
-        ) {
-            return;
-        }
-        const posX = e.touches !== undefined ? e.touches[0].pageX : e.clientX;
-        const posY = e.touches !== undefined ? e.touches[0].pageY : e.clientY;
-        this.setState({
-            dragging: true,
-            touchObject: {
-                startX: posX,
-                startY: posY,
-                curX: posX,
-                curY: posY,
-            },
-        });
-    },
+    ) {
+      return;
+    }
+    const posX = e.touches !== undefined ? e.touches[0].pageX : e.clientX;
+    const posY = e.touches !== undefined ? e.touches[0].pageY : e.clientY;
+    this.setState({
+      dragging: true,
+      touchObject: {
+        startX: posX,
+        startY: posY,
+        curX: posX,
+        curY: posY,
+      },
+    });
+  },
 
-    swipeMove(e) {
-        if (!this.state.dragging) {
-            return;
-        }
-        if (this.state.animating) {
-            return;
-        }
-        const touchObject = this.state.touchObject;
+  swipeMove(e) {
+    if (!this.state.dragging) {
+      return;
+    }
+    if (this.state.animating) {
+      return;
+    }
+    const { touchObject } = this.state;
 
-        const curLeft = getTrackLeft({
-            slideIndex: this.state.currentSlide,
-            trackRef: this.refs.track,
-            ...this.props,
-            ...this.state,
-        });
+    const curLeft = getTrackLeft({
+      slideIndex: this.state.currentSlide,
+      trackRef: this.refs.track,
+      ...this.props,
+      ...this.state,
+    });
 
-        touchObject.curX = e.touches ? e.touches[0].pageX : e.clientX;
-        touchObject.curY = e.touches ? e.touches[0].pageY : e.clientY;
-        touchObject.swipeLength = Math.round(
-            Math.sqrt(Math.pow(touchObject.curX - touchObject.startX, 2))
-        );
+    touchObject.curX = e.touches ? e.touches[0].pageX : e.clientX;
+    touchObject.curY = e.touches ? e.touches[0].pageY : e.clientY;
+    touchObject.swipeLength = Math.round(
+      Math.sqrt(Math.pow(touchObject.curX - touchObject.startX, 2)),
+    );
 
-        let positionOffset =
+    let positionOffset =
             (this.props.rtl === false ? 1 : -1) *
             (touchObject.curX > touchObject.startX ? 1 : -1);
 
-        if (this.props.verticalSwiping === true) {
-            touchObject.swipeLength = Math.round(
-                Math.sqrt(Math.pow(touchObject.curY - touchObject.startY, 2))
-            );
-            positionOffset = touchObject.curY > touchObject.startY ? 1 : -1;
-        }
+    if (this.props.verticalSwiping === true) {
+      touchObject.swipeLength = Math.round(
+        Math.sqrt(Math.pow(touchObject.curY - touchObject.startY, 2)),
+      );
+      positionOffset = touchObject.curY > touchObject.startY ? 1 : -1;
+    }
 
-        const currentSlide = this.state.currentSlide;
-        const dotCount = Math.ceil(
-            this.state.slideCount / this.props.slidesToScroll
-        );
-        const swipeDirection = this.swipeDirection(this.state.touchObject);
-        let touchSwipeLength = touchObject.swipeLength;
+    const { currentSlide } = this.state;
+    const dotCount = Math.ceil(
+      this.state.slideCount / this.props.slidesToScroll,
+    );
+    const swipeDirection = this.swipeDirection(this.state.touchObject);
+    let touchSwipeLength = touchObject.swipeLength;
 
-        if (this.props.infinite === false) {
-            if (
-                (currentSlide === 0 && swipeDirection === 'right') ||
+    if (this.props.infinite === false) {
+      if (
+        (currentSlide === 0 && swipeDirection === 'right') ||
                 (currentSlide + 1 >= dotCount && swipeDirection === 'left')
-            ) {
-                touchSwipeLength =
+      ) {
+        touchSwipeLength =
                     touchObject.swipeLength * this.props.edgeFriction;
 
-                if (this.state.edgeDragged === false && this.props.edgeEvent) {
-                    this.props.edgeEvent(swipeDirection);
-                    this.setState({ edgeDragged: true });
-                }
-            }
+        if (this.state.edgeDragged === false && this.props.edgeEvent) {
+          this.props.edgeEvent(swipeDirection);
+          this.setState({ edgeDragged: true });
         }
+      }
+    }
 
-        if (this.state.swiped === false && this.props.swipeEvent) {
-            this.props.swipeEvent(swipeDirection);
-            this.setState({ swiped: true });
-        }
+    if (this.state.swiped === false && this.props.swipeEvent) {
+      this.props.swipeEvent(swipeDirection);
+      this.setState({ swiped: true });
+    }
 
-        const swipeLeft = curLeft + touchSwipeLength * positionOffset;
-        this.setState({
-            touchObject: touchObject,
-            swipeLeft: swipeLeft,
-            trackStyle: getTrackCSS({
-                left: swipeLeft,
-                ...this.props,
-                ...this.state,
-            }),
-        });
+    const swipeLeft = curLeft + touchSwipeLength * positionOffset;
+    this.setState({
+      touchObject,
+      swipeLeft,
+      trackStyle: getTrackCSS({
+        left: swipeLeft,
+        ...this.props,
+        ...this.state,
+      }),
+    });
 
-        if (
-            Math.abs(touchObject.curX - touchObject.startX) <
+    if (
+      Math.abs(touchObject.curX - touchObject.startX) <
             Math.abs(touchObject.curY - touchObject.startY) * 0.8
-        ) {
-            return;
-        }
-        if (touchObject.swipeLength > 4) {
-            e.preventDefault();
-        }
-    },
+    ) {
+      return;
+    }
+    if (touchObject.swipeLength > 4) {
+      e.preventDefault();
+    }
+  },
 
-    getNavigableIndexes() {
-        let max;
-        let breakPoint = 0;
-        let counter = 0;
-        const indexes = [];
+  getNavigableIndexes() {
+    let max;
+    let breakPoint = 0;
+    let counter = 0;
+    const indexes = [];
 
-        if (!this.props.infinite) {
-            max = this.state.slideCount;
-        } else {
-            breakPoint = this.props.slidesToShow * -1;
-            counter = this.props.slidesToShow * -1;
-            max = this.state.slideCount * 2;
-        }
+    if (!this.props.infinite) {
+      max = this.state.slideCount;
+    } else {
+      breakPoint = this.props.slidesToShow * -1;
+      counter = this.props.slidesToShow * -1;
+      max = this.state.slideCount * 2;
+    }
 
-        while (breakPoint < max) {
-            indexes.push(breakPoint);
-            breakPoint = counter + this.props.slidesToScroll;
+    while (breakPoint < max) {
+      indexes.push(breakPoint);
+      breakPoint = counter + this.props.slidesToScroll;
 
-            counter +=
+      counter +=
                 this.props.slidesToScroll <= this.props.slidesToShow
-                    ? this.props.slidesToScroll
-                    : this.props.slidesToShow;
+                  ? this.props.slidesToScroll
+                  : this.props.slidesToShow;
+    }
+
+    return indexes;
+  },
+
+  checkNavigable(index) {
+    const navigables = this.getNavigableIndexes();
+    let prevNavigable = 0;
+
+    if (index > navigables[navigables.length - 1]) {
+      index = navigables[navigables.length - 1];
+    } else {
+      for (const n in navigables) {
+        if (index < navigables[n]) {
+          index = prevNavigable;
+          break;
         }
 
-        return indexes;
-    },
+        prevNavigable = navigables[n];
+      }
+    }
 
-    checkNavigable(index) {
-        const navigables = this.getNavigableIndexes();
-        let prevNavigable = 0;
+    return index;
+  },
 
-        if (index > navigables[navigables.length - 1]) {
-            index = navigables[navigables.length - 1];
-        } else {
-            for (const n in navigables) {
-                if (index < navigables[n]) {
-                    index = prevNavigable;
-                    break;
-                }
+  getSlideCount() {
+    const centerOffset = this.props.centerMode
+      ? this.state.slideWidth * Math.floor(this.props.slidesToShow / 2)
+      : 0;
+    if (this.props.swipeToSlide) {
+      let swipedSlide;
+      const slickList = findDOMNode(this.list);
 
-                prevNavigable = navigables[n];
-            }
-        }
+      const slides = slickList.querySelectorAll(
+        `${this.props.prefix}slick-slide`,
+      );
 
-        return index;
-    },
-
-    getSlideCount() {
-        const centerOffset = this.props.centerMode
-            ? this.state.slideWidth * Math.floor(this.props.slidesToShow / 2)
-            : 0;
-        if (this.props.swipeToSlide) {
-            let swipedSlide;
-            const slickList = findDOMNode(this.list);
-
-            const slides = slickList.querySelectorAll(
-                `${this.props.prefix}slick-slide`
-            );
-
-            Array.from(slides).every(slide => {
-                if (!this.props.vertical) {
-                    if (
-                        slide.offsetLeft -
+      Array.from(slides).every(slide => {
+        if (!this.props.vertical) {
+          if (
+            slide.offsetLeft -
                             centerOffset +
                             this.getWidth(slide) / 2 >
                         this.state.swipeLeft * -1
-                    ) {
-                        swipedSlide = slide;
-                        return false;
-                    }
-                } else if (
-                    slide.offsetTop + this.getHeight(slide) / 2 >
+          ) {
+            swipedSlide = slide;
+            return false;
+          }
+        } else if (
+          slide.offsetTop + this.getHeight(slide) / 2 >
                     this.state.swipeLeft * -1
-                ) {
-                    swipedSlide = slide;
-                    return false;
-                }
+        ) {
+          swipedSlide = slide;
+          return false;
+        }
 
-                return true;
-            });
-            const slidesTraversed =
+        return true;
+      });
+      const slidesTraversed =
                 Math.abs(swipedSlide.dataset.index - this.state.currentSlide) ||
                 1;
-            return slidesTraversed;
-        } else {
-            return this.props.slidesToScroll;
-        }
-    },
+      return slidesTraversed;
+    } else {
+      return this.props.slidesToScroll;
+    }
+  },
 
-    swipeEnd(e) {
-        if (!this.state.dragging) {
-            if (this.props.swipe) {
-                e.preventDefault();
-            }
-            return;
-        }
-        const touchObject = this.state.touchObject;
-        let minSwipe = this.state.listWidth / this.props.touchThreshold;
-        const swipeDirection = this.swipeDirection(touchObject);
+  swipeEnd(e) {
+    if (!this.state.dragging) {
+      if (this.props.swipe) {
+        e.preventDefault();
+      }
+      return;
+    }
+    const { touchObject } = this.state;
+    let minSwipe = this.state.listWidth / this.props.touchThreshold;
+    const swipeDirection = this.swipeDirection(touchObject);
 
-        if (this.props.verticalSwiping) {
-            minSwipe = this.state.listHeight / this.props.touchThreshold;
-        }
+    if (this.props.verticalSwiping) {
+      minSwipe = this.state.listHeight / this.props.touchThreshold;
+    }
 
-        // reset the state of touch related state variables.
-        this.setState({
-            dragging: false,
-            edgeDragged: false,
-            swiped: false,
-            swipeLeft: null,
-            touchObject: {},
-        });
+    // reset the state of touch related state variables.
+    this.setState({
+      dragging: false,
+      edgeDragged: false,
+      swiped: false,
+      swipeLeft: null,
+      touchObject: {},
+    });
 
-        if (!touchObject.swipeLength) {
-            return;
-        }
+    if (!touchObject.swipeLength) {
+      return;
+    }
 
-        if (touchObject.swipeLength > minSwipe) {
-            e.preventDefault();
+    if (touchObject.swipeLength > minSwipe) {
+      e.preventDefault();
 
-            let slideCount;
-            let newSlide;
+      let slideCount;
+      let newSlide;
 
-            switch (swipeDirection) {
-                case 'left':
-                case 'down':
-                    newSlide = this.state.currentSlide + this.getSlideCount();
-                    slideCount = this.props.swipeToSlide
-                        ? this.checkNavigable(newSlide)
-                        : newSlide;
-                    this.setState({ currentDirection: 0 });
-                    break;
-                case 'right':
-                case 'up':
-                    newSlide = this.state.currentSlide - this.getSlideCount();
-                    slideCount = this.props.swipeToSlide
-                        ? this.checkNavigable(newSlide)
-                        : newSlide;
-                    this.setState({ currentDirection: 1 });
-                    break;
-                default:
-                    slideCount = this.state.currentSlide;
-            }
-            this.slideHandler(slideCount);
-        } else {
-            // Adjust the track back to it's original position.
-            const currentLeft = getTrackLeft({
-                slideIndex: this.state.currentSlide,
-                trackRef: this.track,
-                ...this.props,
-                ...this.state,
-            });
+      switch (swipeDirection) {
+        case 'left':
+        case 'down':
+          newSlide = this.state.currentSlide + this.getSlideCount();
+          slideCount = this.props.swipeToSlide
+            ? this.checkNavigable(newSlide)
+            : newSlide;
+          this.setState({ currentDirection: 0 });
+          break;
+        case 'right':
+        case 'up':
+          newSlide = this.state.currentSlide - this.getSlideCount();
+          slideCount = this.props.swipeToSlide
+            ? this.checkNavigable(newSlide)
+            : newSlide;
+          this.setState({ currentDirection: 1 });
+          break;
+        default:
+          slideCount = this.state.currentSlide;
+      }
+      this.slideHandler(slideCount);
+    } else {
+      // Adjust the track back to it's original position.
+      const currentLeft = getTrackLeft({
+        slideIndex: this.state.currentSlide,
+        trackRef: this.track,
+        ...this.props,
+        ...this.state,
+      });
 
-            this.setState({
-                trackStyle: getTrackAnimateCSS({
-                    left: currentLeft,
-                    ...this.props,
-                    ...this.state,
-                }),
-            });
-        }
-    },
+      this.setState({
+        trackStyle: getTrackAnimateCSS({
+          left: currentLeft,
+          ...this.props,
+          ...this.state,
+        }),
+      });
+    }
+  },
 
-    onInnerSliderEnter() {
-        if (this.props.autoplay && this.props.pauseOnHover) {
-            this.pause();
-        }
-    },
+  onInnerSliderEnter() {
+    if (this.props.autoplay && this.props.pauseOnHover) {
+      this.pause();
+    }
+  },
 
-    onInnerSliderLeave() {
-        if (this.props.autoplay && this.props.pauseOnHover) {
-            this.autoPlay();
-        }
-    },
+  onInnerSliderLeave() {
+    if (this.props.autoplay && this.props.pauseOnHover) {
+      this.autoPlay();
+    }
+  },
 };
 
 export default EventHandlers;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/slider/slick/mixins/helpers.js b/packages/material-parser/test/fixtures/fusion-next-component/src/slider/slick/mixins/helpers.js
index 6ebfa7dde..f04b5d3e1 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/slider/slick/mixins/helpers.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/slider/slick/mixins/helpers.js
@@ -3,470 +3,471 @@ import ReactDOM from 'react-dom';
 import { getTrackCSS, getTrackLeft, getTrackAnimateCSS } from './trackHelper';
 
 const helpers = {
-    initialize(props) {
-        const slickList = ReactDOM.findDOMNode(this.list);
-        const slideCount = React.Children.count(props.children);
-        const listWidth = this.getWidth(slickList);
-        const trackWidth = this.getWidth(ReactDOM.findDOMNode(this.track));
-        let slideWidth;
+  initialize(props) {
+    const slickList = ReactDOM.findDOMNode(this.list);
+    const slideCount = React.Children.count(props.children);
+    const listWidth = this.getWidth(slickList);
+    const trackWidth = this.getWidth(ReactDOM.findDOMNode(this.track));
+    let slideWidth;
 
-        if (!props.vertical) {
-            const centerPaddingAdj =
+    if (!props.vertical) {
+      const centerPaddingAdj =
                 props.centerMode && parseInt(props.centerPadding) * 2;
-            slideWidth = (listWidth - centerPaddingAdj) / props.slidesToShow;
-        } else {
-            slideWidth = listWidth;
+      slideWidth = (listWidth - centerPaddingAdj) / props.slidesToShow;
+    } else {
+      slideWidth = listWidth;
+    }
+
+    const slideHeight = this.getHeight(
+      slickList.querySelector('[data-index="0"]'),
+    );
+    const listHeight = slideHeight * props.slidesToShow;
+
+    const slidesToShow = props.slidesToShow || 1;
+    const currentSlide = props.rtl
+      ? slideCount - 1 - (slidesToShow - 1) - props.defaultActiveIndex
+      : props.defaultActiveIndex;
+
+    this.setState(
+      {
+        slideCount,
+        slideWidth,
+        listWidth,
+        trackWidth,
+        currentSlide,
+        slideHeight,
+        listHeight,
+      },
+      () => {
+        const targetLeft = getTrackLeft({
+          slideIndex: this.state.currentSlide,
+          trackRef: this.track,
+          ...props,
+          ...this.state,
+        });
+        // getCSS function needs previously set state
+        const trackStyle = getTrackCSS({
+          left: targetLeft,
+          ...props,
+          ...this.state,
+        });
+
+        this.setState({ trackStyle });
+
+        this.autoPlay(); // once we're set up, trigger the initial autoplay.
+      },
+    );
+  },
+
+  update(props) {
+    this.initialize(props);
+  },
+
+  getWidth(elem) {
+    return elem.getBoundingClientRect().width || elem.offsetWidth;
+  },
+
+  getHeight(elem) {
+    return elem.getBoundingClientRect().height || elem.offsetHeight;
+  },
+
+  adaptHeight() {
+    if (this.props.adaptiveHeight) {
+      const selector = `[data-index="${this.state.currentSlide}"]`;
+      if (this.list) {
+        const slickList = ReactDOM.findDOMNode(this.list);
+        const listHeight = slickList.querySelector(selector)
+          .offsetHeight;
+        slickList.style.height = `${listHeight}px`;
+      }
+    }
+  },
+
+  canGoNext(opts) {
+    let canGo = true;
+    if (!opts.infinite) {
+      if (opts.centerMode) {
+        if (opts.currentSlide >= opts.slideCount - 1) {
+          canGo = false;
         }
-
-        const slideHeight = this.getHeight(
-            slickList.querySelector('[data-index="0"]')
-        );
-        const listHeight = slideHeight * props.slidesToShow;
-
-        const slidesToShow = props.slidesToShow || 1;
-        const currentSlide = props.rtl
-            ? slideCount - 1 - (slidesToShow - 1) - props.defaultActiveIndex
-            : props.defaultActiveIndex;
-
-        this.setState(
-            {
-                slideCount,
-                slideWidth,
-                listWidth,
-                trackWidth,
-                currentSlide,
-                slideHeight,
-                listHeight,
-            },
-            () => {
-                const targetLeft = getTrackLeft({
-                    slideIndex: this.state.currentSlide,
-                    trackRef: this.track,
-                    ...props,
-                    ...this.state,
-                });
-                // getCSS function needs previously set state
-                const trackStyle = getTrackCSS({
-                    left: targetLeft,
-                    ...props,
-                    ...this.state,
-                });
-
-                this.setState({ trackStyle: trackStyle });
-
-                this.autoPlay(); // once we're set up, trigger the initial autoplay.
-            }
-        );
-    },
-
-    update(props) {
-        this.initialize(props);
-    },
-
-    getWidth(elem) {
-        return elem.getBoundingClientRect().width || elem.offsetWidth;
-    },
-
-    getHeight(elem) {
-        return elem.getBoundingClientRect().height || elem.offsetHeight;
-    },
-
-    adaptHeight() {
-        if (this.props.adaptiveHeight) {
-            const selector = `[data-index="${this.state.currentSlide}"]`;
-            if (this.list) {
-                const slickList = ReactDOM.findDOMNode(this.list);
-                const listHeight = slickList.querySelector(selector)
-                    .offsetHeight;
-                slickList.style.height = `${listHeight}px`;
-            }
-        }
-    },
-
-    canGoNext(opts) {
-        let canGo = true;
-        if (!opts.infinite) {
-            if (opts.centerMode) {
-                if (opts.currentSlide >= opts.slideCount - 1) {
-                    canGo = false;
-                }
-            } else if (
-                opts.slideCount <= opts.slidesToShow ||
+      } else if (
+        opts.slideCount <= opts.slidesToShow ||
                 opts.currentSlide >= opts.slideCount - opts.slidesToShow
-            ) {
-                // check if all slides are shown in slider
-                canGo = false;
-            }
-        }
-        return canGo;
-    },
+      ) {
+        // check if all slides are shown in slider
+        canGo = false;
+      }
+    }
+    return canGo;
+  },
 
-    slideHandler(index) {
-        const { rtl } = this.props;
+  slideHandler(index) {
+    const { rtl } = this.props;
 
-        // Functionality of animateSlide and postSlide is merged into this function
-        let targetSlide, currentSlide;
-        let callback;
+    // Functionality of animateSlide and postSlide is merged into this function
+    let targetSlide; let
+      currentSlide;
+    let callback;
 
-        if (this.props.waitForAnimate && this.state.animating) {
-            return;
-        }
+    if (this.props.waitForAnimate && this.state.animating) {
+      return;
+    }
 
-        if (this.props.animation === 'fade') {
-            currentSlide = this.state.currentSlide;
+    if (this.props.animation === 'fade') {
+      currentSlide = this.state.currentSlide;
 
-            // don't change slide if it's not infinite and current slide is the first or last slide'
-            if (
-                this.props.infinite === false &&
+      // don't change slide if it's not infinite and current slide is the first or last slide'
+      if (
+        this.props.infinite === false &&
                 (index < 0 || index >= this.state.slideCount)
-            ) {
-                return;
-            }
-
-            //  Shifting targetSlide back into the range
-            if (index < 0) {
-                targetSlide = index + this.state.slideCount;
-            } else if (index >= this.state.slideCount) {
-                targetSlide = index - this.state.slideCount;
-            } else {
-                targetSlide = index;
-            }
-
-            if (
-                this.props.lazyLoad &&
-                this.state.lazyLoadedList.indexOf(targetSlide) < 0
-            ) {
-                this.setState({
-                    lazyLoadedList: this.state.lazyLoadedList.concat(
-                        targetSlide
-                    ),
-                });
-            }
-
-            callback = () => {
-                this.setState({
-                    animating: false,
-                });
-                this.props.onChange(targetSlide);
-                delete this.animationEndCallback;
-            };
-
-            this.props.onBeforeChange(this.state.currentSlide, targetSlide);
-
-            this.setState(
-                {
-                    animating: true,
-                    currentSlide: targetSlide,
-                },
-                function() {
-                    this.animationEndCallback = setTimeout(
-                        callback,
-                        this.props.speed + 20
-                    );
-                }
-            );
-
-            this.autoPlay();
-            return;
-        }
+      ) {
+        return;
+      }
 
+      //  Shifting targetSlide back into the range
+      if (index < 0) {
+        targetSlide = index + this.state.slideCount;
+      } else if (index >= this.state.slideCount) {
+        targetSlide = index - this.state.slideCount;
+      } else {
         targetSlide = index;
+      }
 
-        if (rtl) {
-            if (targetSlide < 0) {
-                if (this.props.infinite === false) {
-                    currentSlide = 0;
-                } else if (
-                    this.state.slideCount % this.props.slidesToScroll !==
+      if (
+        this.props.lazyLoad &&
+                this.state.lazyLoadedList.indexOf(targetSlide) < 0
+      ) {
+        this.setState({
+          lazyLoadedList: this.state.lazyLoadedList.concat(
+            targetSlide,
+          ),
+        });
+      }
+
+      callback = () => {
+        this.setState({
+          animating: false,
+        });
+        this.props.onChange(targetSlide);
+        delete this.animationEndCallback;
+      };
+
+      this.props.onBeforeChange(this.state.currentSlide, targetSlide);
+
+      this.setState(
+        {
+          animating: true,
+          currentSlide: targetSlide,
+        },
+        function () {
+          this.animationEndCallback = setTimeout(
+            callback,
+            this.props.speed + 20,
+          );
+        },
+      );
+
+      this.autoPlay();
+      return;
+    }
+
+    targetSlide = index;
+
+    if (rtl) {
+      if (targetSlide < 0) {
+        if (this.props.infinite === false) {
+          currentSlide = 0;
+        } else if (
+          this.state.slideCount % this.props.slidesToScroll !==
                     0
-                ) {
-                    if (targetSlide + this.props.slidesToScroll <= 0) {
-                        currentSlide = this.state.slideCount + targetSlide;
-                        targetSlide =
+        ) {
+          if (targetSlide + this.props.slidesToScroll <= 0) {
+            currentSlide = this.state.slideCount + targetSlide;
+            targetSlide =
                             this.state.slideCount - this.props.slidesToScroll;
-                    } else {
-                        currentSlide = targetSlide = 0;
-                    }
-                } else {
-                    // this.state.slideCount % this.props.slidesToScroll
-                    currentSlide = this.state.slideCount + targetSlide;
-                }
-            } else if (targetSlide >= this.state.slideCount) {
-                if (this.props.infinite === false) {
-                    currentSlide =
+          } else {
+            currentSlide = targetSlide = 0;
+          }
+        } else {
+          // this.state.slideCount % this.props.slidesToScroll
+          currentSlide = this.state.slideCount + targetSlide;
+        }
+      } else if (targetSlide >= this.state.slideCount) {
+        if (this.props.infinite === false) {
+          currentSlide =
                         this.state.slideCount - this.props.slidesToShow;
-                } else if (
-                    this.state.slideCount % this.props.slidesToScroll !==
+        } else if (
+          this.state.slideCount % this.props.slidesToScroll !==
                     0
-                ) {
-                    currentSlide = 0;
-                } else {
-                    currentSlide = targetSlide - this.state.slideCount;
-                }
-            } else {
-                currentSlide = targetSlide;
-            }
-        } else if (targetSlide < 0) {
-            if (this.props.infinite === false) {
-                currentSlide = 0;
-            } else if (
-                this.state.slideCount % this.props.slidesToScroll !==
+        ) {
+          currentSlide = 0;
+        } else {
+          currentSlide = targetSlide - this.state.slideCount;
+        }
+      } else {
+        currentSlide = targetSlide;
+      }
+    } else if (targetSlide < 0) {
+      if (this.props.infinite === false) {
+        currentSlide = 0;
+      } else if (
+        this.state.slideCount % this.props.slidesToScroll !==
                 0
-            ) {
-                currentSlide =
+      ) {
+        currentSlide =
                     this.state.slideCount -
                     (this.state.slideCount % this.props.slidesToScroll);
-            } else {
-                currentSlide = this.state.slideCount + targetSlide;
-            }
-        } else if (targetSlide >= this.state.slideCount) {
-            if (this.props.infinite === false) {
-                currentSlide = this.state.slideCount - this.props.slidesToShow;
-            } else if (
-                this.state.slideCount % this.props.slidesToScroll !==
+      } else {
+        currentSlide = this.state.slideCount + targetSlide;
+      }
+    } else if (targetSlide >= this.state.slideCount) {
+      if (this.props.infinite === false) {
+        currentSlide = this.state.slideCount - this.props.slidesToShow;
+      } else if (
+        this.state.slideCount % this.props.slidesToScroll !==
                 0
-            ) {
-                currentSlide = 0;
-            } else {
-                currentSlide = targetSlide - this.state.slideCount;
-            }
-        } else {
-            currentSlide = targetSlide;
-        }
+      ) {
+        currentSlide = 0;
+      } else {
+        currentSlide = targetSlide - this.state.slideCount;
+      }
+    } else {
+      currentSlide = targetSlide;
+    }
 
-        let targetLeft = getTrackLeft({
-            slideIndex: targetSlide,
-            trackRef: this.track,
-            ...this.props,
-            ...this.state,
-        });
+    let targetLeft = getTrackLeft({
+      slideIndex: targetSlide,
+      trackRef: this.track,
+      ...this.props,
+      ...this.state,
+    });
 
-        const currentLeft = getTrackLeft({
-            slideIndex: currentSlide,
-            trackRef: this.track,
-            ...this.props,
-            ...this.state,
-        });
+    const currentLeft = getTrackLeft({
+      slideIndex: currentSlide,
+      trackRef: this.track,
+      ...this.props,
+      ...this.state,
+    });
 
-        if (this.props.infinite === false) {
-            targetLeft = currentLeft;
-        }
+    if (this.props.infinite === false) {
+      targetLeft = currentLeft;
+    }
 
-        if (this.props.lazyLoad) {
-            let loaded = true;
-            const slidesToLoad = [];
-            const slidesLen = this.state.slideCount;
+    if (this.props.lazyLoad) {
+      let loaded = true;
+      const slidesToLoad = [];
+      const slidesLen = this.state.slideCount;
 
-            const sliderIndex =
+      const sliderIndex =
                 targetSlide < 0 ? slidesLen + targetSlide : currentSlide;
 
-            for (
-                let i = sliderIndex;
-                i < sliderIndex + this.props.slidesToShow;
-                i++
-            ) {
-                let k = i;
-                if (rtl) {
-                    k =
+      for (
+        let i = sliderIndex;
+        i < sliderIndex + this.props.slidesToShow;
+        i++
+      ) {
+        let k = i;
+        if (rtl) {
+          k =
                         i >= slidesLen
-                            ? slidesLen * 2 - i - 1
-                            : slidesLen - i - 1;
-                }
+                          ? slidesLen * 2 - i - 1
+                          : slidesLen - i - 1;
+        }
 
-                const pre = k - 1 < 0 ? slidesLen - 1 : k - 1;
-                const next = k + 1 >= slidesLen ? 0 : k + 1;
+        const pre = k - 1 < 0 ? slidesLen - 1 : k - 1;
+        const next = k + 1 >= slidesLen ? 0 : k + 1;
 
-                this.state.lazyLoadedList.indexOf(k) < 0 &&
+        this.state.lazyLoadedList.indexOf(k) < 0 &&
                     slidesToLoad.push(k);
-                this.state.lazyLoadedList.indexOf(pre) < 0 &&
+        this.state.lazyLoadedList.indexOf(pre) < 0 &&
                     slidesToLoad.push(pre);
-                this.state.lazyLoadedList.indexOf(next) < 0 &&
+        this.state.lazyLoadedList.indexOf(next) < 0 &&
                     slidesToLoad.push(next);
-            }
+      }
 
-            slidesToLoad.forEach(i => {
-                if (this.state.lazyLoadedList.indexOf(i) < 0) {
-                    loaded = false;
-                }
-            });
-
-            if (!loaded) {
-                this.setState({
-                    lazyLoadedList: this.state.lazyLoadedList.concat(
-                        slidesToLoad
-                    ),
-                });
-            }
+      slidesToLoad.forEach(i => {
+        if (this.state.lazyLoadedList.indexOf(i) < 0) {
+          loaded = false;
         }
+      });
 
-        this.props.onBeforeChange(this.state.currentSlide, currentSlide);
+      if (!loaded) {
+        this.setState({
+          lazyLoadedList: this.state.lazyLoadedList.concat(
+            slidesToLoad,
+          ),
+        });
+      }
+    }
 
-        // Slide Transition happens here.
-        // animated transition happens to target Slide and
-        // non - animated transition happens to current Slide
-        // If CSS transitions are false, directly go the current slide.
-        /* istanbul ignore if */
-        if (this.props.useCSS === false) {
-            this.setState(
-                {
-                    currentSlide: currentSlide,
-                    trackStyle: getTrackCSS({
-                        left: currentLeft,
-                        ...this.props,
-                        ...this.state,
-                    }),
-                },
-                () => {
-                    this.props.onChange(currentSlide);
-                }
-            );
-        } else {
-            const nextStateChanges = {
-                animating: false,
-                currentSlide: currentSlide,
-                trackStyle: getTrackCSS({
-                    left: currentLeft,
-                    ...this.props,
-                    ...this.state,
-                }),
-                swipeLeft: null,
-            };
+    this.props.onBeforeChange(this.state.currentSlide, currentSlide);
 
-            callback = () => {
-                this.setState(nextStateChanges);
-                this.props.onChange(currentSlide);
-                delete this.animationEndCallback;
-            };
-
-            this.setState(
-                {
-                    animating: true,
-                    currentSlide: currentSlide,
-                    trackStyle: getTrackAnimateCSS({
-                        left: targetLeft,
-                        ...this.props,
-                        ...this.state,
-                    }),
-                },
-                function() {
-                    this.animationEndCallback = setTimeout(
-                        callback,
-                        this.props.speed + 20
-                    );
-                }
-            );
-        }
-
-        this.autoPlay();
-    },
-
-    // 鼠标悬浮在 arrow 上时作出动画反馈
-    arrowHoverHandler(msg) {
-        const offset = 30; // slide 的位置偏移量
-        const targetLeft = getTrackLeft({
-            slideIndex: this.state.currentSlide,
-            trackRef: this.track,
+    // Slide Transition happens here.
+    // animated transition happens to target Slide and
+    // non - animated transition happens to current Slide
+    // If CSS transitions are false, directly go the current slide.
+    /* istanbul ignore if */
+    if (this.props.useCSS === false) {
+      this.setState(
+        {
+          currentSlide,
+          trackStyle: getTrackCSS({
+            left: currentLeft,
             ...this.props,
             ...this.state,
-        });
+          }),
+        },
+        () => {
+          this.props.onChange(currentSlide);
+        },
+      );
+    } else {
+      const nextStateChanges = {
+        animating: false,
+        currentSlide,
+        trackStyle: getTrackCSS({
+          left: currentLeft,
+          ...this.props,
+          ...this.state,
+        }),
+        swipeLeft: null,
+      };
 
-        let left;
-        /* istanbul ignore next */
-        if (msg === 'next') {
-            left = targetLeft - offset;
-        } else if (msg === 'prev') {
-            left = targetLeft + offset;
-        } else {
-            left = targetLeft;
-        }
+      callback = () => {
+        this.setState(nextStateChanges);
+        this.props.onChange(currentSlide);
+        delete this.animationEndCallback;
+      };
 
-        this.setState({
-            trackStyle: getTrackAnimateCSS({
-                left,
-                ...this.props,
-                ...this.state,
-            }),
-        });
-    },
+      this.setState(
+        {
+          animating: true,
+          currentSlide,
+          trackStyle: getTrackAnimateCSS({
+            left: targetLeft,
+            ...this.props,
+            ...this.state,
+          }),
+        },
+        function () {
+          this.animationEndCallback = setTimeout(
+            callback,
+            this.props.speed + 20,
+          );
+        },
+      );
+    }
 
-    swipeDirection(touchObject) {
-        /* istanbul ignore next */
-        let swipeAngle;
-        /* istanbul ignore next */
-        const xDist = touchObject.startX - touchObject.curX;
-        /* istanbul ignore next */
-        const yDist = touchObject.startY - touchObject.curY;
-        /* istanbul ignore next */
-        const r = Math.atan2(yDist, xDist);
-        /* istanbul ignore next */
-        swipeAngle = Math.round((r * 180) / Math.PI);
-        /* istanbul ignore next */
-        if (swipeAngle < 0) {
-            swipeAngle = 360 - Math.abs(swipeAngle);
-        }
-        /* istanbul ignore next */
-        if (
-            (swipeAngle <= 45 && swipeAngle >= 0) ||
+    this.autoPlay();
+  },
+
+  // 鼠标悬浮在 arrow 上时作出动画反馈
+  arrowHoverHandler(msg) {
+    const offset = 30; // slide 的位置偏移量
+    const targetLeft = getTrackLeft({
+      slideIndex: this.state.currentSlide,
+      trackRef: this.track,
+      ...this.props,
+      ...this.state,
+    });
+
+    let left;
+    /* istanbul ignore next */
+    if (msg === 'next') {
+      left = targetLeft - offset;
+    } else if (msg === 'prev') {
+      left = targetLeft + offset;
+    } else {
+      left = targetLeft;
+    }
+
+    this.setState({
+      trackStyle: getTrackAnimateCSS({
+        left,
+        ...this.props,
+        ...this.state,
+      }),
+    });
+  },
+
+  swipeDirection(touchObject) {
+    /* istanbul ignore next */
+    let swipeAngle;
+    /* istanbul ignore next */
+    const xDist = touchObject.startX - touchObject.curX;
+    /* istanbul ignore next */
+    const yDist = touchObject.startY - touchObject.curY;
+    /* istanbul ignore next */
+    const r = Math.atan2(yDist, xDist);
+    /* istanbul ignore next */
+    swipeAngle = Math.round((r * 180) / Math.PI);
+    /* istanbul ignore next */
+    if (swipeAngle < 0) {
+      swipeAngle = 360 - Math.abs(swipeAngle);
+    }
+    /* istanbul ignore next */
+    if (
+      (swipeAngle <= 45 && swipeAngle >= 0) ||
             (swipeAngle <= 360 && swipeAngle >= 315)
-        ) {
-            return this.props.rtl === false ? 'left' : 'right';
-        }
-        /* istanbul ignore next */
-        if (swipeAngle >= 135 && swipeAngle <= 225) {
-            return this.props.rtl === false ? 'right' : 'left';
-        }
-        /* istanbul ignore next */
-        if (this.props.verticalSwiping === true) {
-            if (swipeAngle >= 35 && swipeAngle <= 135) {
-                return 'down';
-            } else {
-                return 'up';
-            }
-        }
+    ) {
+      return this.props.rtl === false ? 'left' : 'right';
+    }
+    /* istanbul ignore next */
+    if (swipeAngle >= 135 && swipeAngle <= 225) {
+      return this.props.rtl === false ? 'right' : 'left';
+    }
+    /* istanbul ignore next */
+    if (this.props.verticalSwiping === true) {
+      if (swipeAngle >= 35 && swipeAngle <= 135) {
+        return 'down';
+      } else {
+        return 'up';
+      }
+    }
 
-        /* istanbul ignore next */
-        return 'vertical';
-    },
+    /* istanbul ignore next */
+    return 'vertical';
+  },
 
-    play() {
-        let nextIndex;
-        if (!this.hasMounted) {
-            /* istanbul ignore next */
-            return false;
-        }
-        if (this.props.rtl) {
-            nextIndex = this.state.currentSlide - this.props.slidesToScroll;
-        } else if (this.canGoNext({ ...this.props, ...this.state })) {
-            nextIndex = this.state.currentSlide + this.props.slidesToScroll;
-        } else {
-            return false;
-        }
-        this.slideHandler(nextIndex);
-    },
+  play() {
+    let nextIndex;
+    if (!this.hasMounted) {
+      /* istanbul ignore next */
+      return false;
+    }
+    if (this.props.rtl) {
+      nextIndex = this.state.currentSlide - this.props.slidesToScroll;
+    } else if (this.canGoNext({ ...this.props, ...this.state })) {
+      nextIndex = this.state.currentSlide + this.props.slidesToScroll;
+    } else {
+      return false;
+    }
+    this.slideHandler(nextIndex);
+  },
 
-    autoPlay() {
-        if (this.state.autoPlayTimer) {
-            clearTimeout(this.state.autoPlayTimer);
-        }
-        if (this.props.autoplay) {
-            this.setState({
-                autoPlayTimer: setTimeout(
-                    this.play.bind(this),
-                    this.props.autoplaySpeed
-                ),
-            });
-        }
-    },
+  autoPlay() {
+    if (this.state.autoPlayTimer) {
+      clearTimeout(this.state.autoPlayTimer);
+    }
+    if (this.props.autoplay) {
+      this.setState({
+        autoPlayTimer: setTimeout(
+          this.play.bind(this),
+          this.props.autoplaySpeed,
+        ),
+      });
+    }
+  },
 
-    pause() {
-        /* istanbul ignore next */
-        if (this.state.autoPlayTimer) {
-            clearTimeout(this.state.autoPlayTimer);
-            this.setState({
-                autoPlayTimer: null,
-            });
-        }
-    },
+  pause() {
+    /* istanbul ignore next */
+    if (this.state.autoPlayTimer) {
+      clearTimeout(this.state.autoPlayTimer);
+      this.setState({
+        autoPlayTimer: null,
+      });
+    }
+  },
 };
 
 export default helpers;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/slider/slick/mixins/trackHelper.js b/packages/material-parser/test/fixtures/fusion-next-component/src/slider/slick/mixins/trackHelper.js
index 4dc70c168..1a1111059 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/slider/slick/mixins/trackHelper.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/slider/slick/mixins/trackHelper.js
@@ -1,222 +1,222 @@
 import ReactDOM from 'react-dom';
 
 const checkSpecKeys = (spec, keysArray) => {
-    return keysArray.reduce((value, key) => {
-        return value && spec.hasOwnProperty(key);
-    }, true)
-        ? null
-        : console.error('Keys Missing', spec); /*eslint no-console:0*/
+  return keysArray.reduce((value, key) => {
+    return value && spec.hasOwnProperty(key);
+  }, true)
+    ? null
+    : console.error('Keys Missing', spec); /* eslint no-console:0 */
 };
 
 export const getTrackCSS = spec => {
-    checkSpecKeys(spec, [
-        'left',
-        'variableWidth',
-        'slideCount',
-        'slidesToShow',
-        'slideWidth',
-    ]);
+  checkSpecKeys(spec, [
+    'left',
+    'variableWidth',
+    'slideCount',
+    'slidesToShow',
+    'slideWidth',
+  ]);
 
-    let trackWidth;
-    let trackHeight;
+  let trackWidth;
+  let trackHeight;
 
-    const trackChildren = spec.slideCount + 2 * spec.slidesToShow;
+  const trackChildren = spec.slideCount + 2 * spec.slidesToShow;
 
-    if (!spec.vertical) {
-        if (spec.variableWidth) {
-            trackWidth =
+  if (!spec.vertical) {
+    if (spec.variableWidth) {
+      trackWidth =
                 (spec.slideCount + 2 * spec.slidesToShow) * spec.slideWidth;
-        } else if (spec.centerMode) {
-            trackWidth =
+    } else if (spec.centerMode) {
+      trackWidth =
                 (spec.slideCount + 2 * (spec.slidesToShow + 1)) *
                 spec.slideWidth;
-        } else {
-            trackWidth =
-                (spec.slideCount + 2 * spec.slidesToShow) * spec.slideWidth;
-        }
     } else {
-        trackHeight = trackChildren * spec.slideHeight;
+      trackWidth =
+                (spec.slideCount + 2 * spec.slidesToShow) * spec.slideWidth;
     }
+  } else {
+    trackHeight = trackChildren * spec.slideHeight;
+  }
 
-    let style = {
-        opacity: 1,
-    };
+  let style = {
+    opacity: 1,
+  };
 
-    const transform = {
-        WebkitTransform: !spec.vertical
-            ? `translate3d(${spec.left}px, 0px, 0px)`
-            : `translate3d(0px, ${spec.left}px, 0px)`,
-        transform: !spec.vertical
-            ? `translate3d(${spec.left}px, 0px, 0px)`
-            : `translate3d(0px, ${spec.left}px, 0px)`,
-        transition: '',
-        WebkitTransition: '',
-        msTransform: !spec.vertical
-            ? `translateX(${spec.left}px)`
-            : `translateY(${spec.left}px)`,
-    };
+  const transform = {
+    WebkitTransform: !spec.vertical
+      ? `translate3d(${spec.left}px, 0px, 0px)`
+      : `translate3d(0px, ${spec.left}px, 0px)`,
+    transform: !spec.vertical
+      ? `translate3d(${spec.left}px, 0px, 0px)`
+      : `translate3d(0px, ${spec.left}px, 0px)`,
+    transition: '',
+    WebkitTransition: '',
+    msTransform: !spec.vertical
+      ? `translateX(${spec.left}px)`
+      : `translateY(${spec.left}px)`,
+  };
 
-    if (trackWidth) {
-        style = { ...style, width: trackWidth };
-    }
+  if (trackWidth) {
+    style = { ...style, width: trackWidth };
+  }
 
-    if (trackHeight) {
-        style = { ...style, height: trackHeight };
-    }
+  if (trackHeight) {
+    style = { ...style, height: trackHeight };
+  }
 
-    if (spec.animation !== 'fade') {
-        style = { ...style, ...transform };
-    }
+  if (spec.animation !== 'fade') {
+    style = { ...style, ...transform };
+  }
 
-    return style;
+  return style;
 };
 
 export const getTrackAnimateCSS = spec => {
-    checkSpecKeys(spec, [
-        'left',
-        'variableWidth',
-        'slideCount',
-        'slidesToShow',
-        'slideWidth',
-        'speed',
-        'cssEase',
-    ]);
+  checkSpecKeys(spec, [
+    'left',
+    'variableWidth',
+    'slideCount',
+    'slidesToShow',
+    'slideWidth',
+    'speed',
+    'cssEase',
+  ]);
 
-    const style = getTrackCSS(spec);
-    // useCSS is true by default so it can be undefined
-    style.WebkitTransition = `-webkit-transform ${spec.speed}ms ${
-        spec.cssEase
-    }`;
-    style.transition = `transform ${spec.speed}ms ${spec.cssEase}`;
-    return style;
+  const style = getTrackCSS(spec);
+  // useCSS is true by default so it can be undefined
+  style.WebkitTransition = `-webkit-transform ${spec.speed}ms ${
+    spec.cssEase
+  }`;
+  style.transition = `transform ${spec.speed}ms ${spec.cssEase}`;
+  return style;
 };
 
-export const getTrackLeft = function(spec) {
-    checkSpecKeys(spec, [
-        'slideIndex',
-        'trackRef',
-        'infinite',
-        'centerMode',
-        'slideCount',
-        'slidesToShow',
-        'slidesToScroll',
-        'slideWidth',
-        'listWidth',
-        'variableWidth',
-        'slideHeight',
-    ]);
+export const getTrackLeft = function (spec) {
+  checkSpecKeys(spec, [
+    'slideIndex',
+    'trackRef',
+    'infinite',
+    'centerMode',
+    'slideCount',
+    'slidesToShow',
+    'slidesToScroll',
+    'slideWidth',
+    'listWidth',
+    'variableWidth',
+    'slideHeight',
+  ]);
 
-    let slideOffset = 0;
-    let targetLeft;
-    let targetSlide;
-    let verticalOffset = 0;
+  let slideOffset = 0;
+  let targetLeft;
+  let targetSlide;
+  let verticalOffset = 0;
 
-    if (spec.animation === 'fade') {
-        return 0;
+  if (spec.animation === 'fade') {
+    return 0;
+  }
+
+  if (spec.infinite) {
+    if (spec.slideCount > spec.slidesToShow) {
+      slideOffset = spec.slideWidth * spec.slidesToShow * -1;
+      verticalOffset = spec.slideHeight * spec.slidesToShow * -1;
     }
-
-    if (spec.infinite) {
-        if (spec.slideCount > spec.slidesToShow) {
-            slideOffset = spec.slideWidth * spec.slidesToShow * -1;
-            verticalOffset = spec.slideHeight * spec.slidesToShow * -1;
-        }
-        if (spec.slideCount % spec.slidesToScroll !== 0) {
-            let condition =
+    if (spec.slideCount % spec.slidesToScroll !== 0) {
+      let condition =
                 spec.slideIndex + spec.slidesToScroll > spec.slideCount &&
                 spec.slideCount > spec.slidesToShow;
 
-            if (spec.rtl) {
-                const slideIndex =
+      if (spec.rtl) {
+        const slideIndex =
                     spec.slideIndex >= spec.slideCount
-                        ? spec.slideCount - spec.slideIndex
-                        : spec.slideIndex;
-                condition =
+                      ? spec.slideCount - spec.slideIndex
+                      : spec.slideIndex;
+        condition =
                     slideIndex + spec.slidesToScroll > spec.slideCount &&
                     spec.slideCount > spec.slidesToShow;
-            }
-            if (condition) {
-                if (spec.slideIndex > spec.slideCount) {
-                    slideOffset =
+      }
+      if (condition) {
+        if (spec.slideIndex > spec.slideCount) {
+          slideOffset =
                         (spec.slidesToShow -
                             (spec.slideIndex - spec.slideCount)) *
                         spec.slideWidth *
                         -1;
-                    verticalOffset =
+          verticalOffset =
                         (spec.slidesToShow -
                             (spec.slideIndex - spec.slideCount)) *
                         spec.slideHeight *
                         -1;
-                } else {
-                    slideOffset =
+        } else {
+          slideOffset =
                         (spec.slideCount % spec.slidesToScroll) *
                         spec.slideWidth *
                         -1;
-                    verticalOffset =
+          verticalOffset =
                         (spec.slideCount % spec.slidesToScroll) *
                         spec.slideHeight *
                         -1;
-                }
-            }
         }
-    } else {
-        /* eslint-disable no-lonely-if */
-        if (spec.slideCount % spec.slidesToScroll !== 0) {
-            if (
-                spec.slideIndex + spec.slidesToScroll > spec.slideCount &&
+      }
+    }
+  } else {
+    /* eslint-disable no-lonely-if */
+    if (spec.slideCount % spec.slidesToScroll !== 0) {
+      if (
+        spec.slideIndex + spec.slidesToScroll > spec.slideCount &&
                 spec.slideCount > spec.slidesToShow
-            ) {
-                const slidesToOffset =
+      ) {
+        const slidesToOffset =
                     spec.slidesToShow - (spec.slideCount % spec.slidesToScroll);
-                slideOffset = slidesToOffset * spec.slideWidth;
-            }
-        }
+        slideOffset = slidesToOffset * spec.slideWidth;
+      }
     }
+  }
 
-    if (spec.centerMode) {
-        if (spec.infinite) {
-            slideOffset += spec.slideWidth * Math.floor(spec.slidesToShow / 2);
-        } else {
-            slideOffset = spec.slideWidth * Math.floor(spec.slidesToShow / 2);
-        }
-    }
-
-    if (!spec.vertical) {
-        targetLeft = spec.slideIndex * spec.slideWidth * -1 + slideOffset;
+  if (spec.centerMode) {
+    if (spec.infinite) {
+      slideOffset += spec.slideWidth * Math.floor(spec.slidesToShow / 2);
     } else {
-        targetLeft = spec.slideIndex * spec.slideHeight * -1 + verticalOffset;
+      slideOffset = spec.slideWidth * Math.floor(spec.slidesToShow / 2);
     }
+  }
 
-    if (spec.variableWidth === true) {
-        let targetSlideIndex;
-        if (spec.slideCount <= spec.slidesToShow || spec.infinite === false) {
-            targetSlide = ReactDOM.findDOMNode(spec.trackRef).childNodes[
-                spec.slideIndex
-            ];
-        } else {
-            targetSlideIndex = spec.slideIndex + spec.slidesToShow;
-            targetSlide = ReactDOM.findDOMNode(spec.trackRef).childNodes[
-                targetSlideIndex
-            ];
-        }
-        targetLeft = targetSlide ? targetSlide.offsetLeft * -1 : 0;
-        if (spec.centerMode === true) {
-            if (spec.infinite === false) {
-                targetSlide = ReactDOM.findDOMNode(spec.trackRef).children[
-                    spec.slideIndex
-                ];
-            } else {
-                targetSlide = ReactDOM.findDOMNode(spec.trackRef).children[
-                    spec.slideIndex + spec.slidesToShow + 1
-                ];
-            }
+  if (!spec.vertical) {
+    targetLeft = spec.slideIndex * spec.slideWidth * -1 + slideOffset;
+  } else {
+    targetLeft = spec.slideIndex * spec.slideHeight * -1 + verticalOffset;
+  }
 
-            if (targetSlide) {
-                targetLeft =
+  if (spec.variableWidth === true) {
+    let targetSlideIndex;
+    if (spec.slideCount <= spec.slidesToShow || spec.infinite === false) {
+      targetSlide = ReactDOM.findDOMNode(spec.trackRef).childNodes[
+        spec.slideIndex
+      ];
+    } else {
+      targetSlideIndex = spec.slideIndex + spec.slidesToShow;
+      targetSlide = ReactDOM.findDOMNode(spec.trackRef).childNodes[
+        targetSlideIndex
+      ];
+    }
+    targetLeft = targetSlide ? targetSlide.offsetLeft * -1 : 0;
+    if (spec.centerMode === true) {
+      if (spec.infinite === false) {
+        targetSlide = ReactDOM.findDOMNode(spec.trackRef).children[
+          spec.slideIndex
+        ];
+      } else {
+        targetSlide = ReactDOM.findDOMNode(spec.trackRef).children[
+          spec.slideIndex + spec.slidesToShow + 1
+        ];
+      }
+
+      if (targetSlide) {
+        targetLeft =
                     targetSlide.offsetLeft * -1 +
                     (spec.listWidth - targetSlide.offsetWidth) / 2;
-            }
-        }
+      }
     }
+  }
 
-    return targetLeft;
+  return targetLeft;
 };
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/slider/slick/track.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/slider/slick/track.jsx
index aab7b118f..155b7fef5 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/slider/slick/track.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/slider/slick/track.jsx
@@ -9,213 +9,215 @@ import { dom } from '../../util';
  */
 
 const getSlideClasses = specProps => {
-    const prefix = specProps.prefix;
-    let slickActive, slickCenter;
-    let centerOffset, index;
+  const { prefix } = specProps;
+  let slickActive; let
+    slickCenter;
+  let centerOffset; let
+    index;
 
-    if (specProps.rtl) {
-        index = specProps.slideCount - 1 - specProps.activeIndex;
-    } else {
-        index = specProps.activeIndex;
-    }
+  if (specProps.rtl) {
+    index = specProps.slideCount - 1 - specProps.activeIndex;
+  } else {
+    index = specProps.activeIndex;
+  }
 
-    const slickCloned = index < 0 || index >= specProps.slideCount;
-    if (specProps.centerMode) {
-        centerOffset = Math.floor(specProps.slidesToShow / 2);
-        slickCenter =
+  const slickCloned = index < 0 || index >= specProps.slideCount;
+  if (specProps.centerMode) {
+    centerOffset = Math.floor(specProps.slidesToShow / 2);
+    slickCenter =
             (index - specProps.currentSlide) % specProps.slideCount === 0;
-        if (
-            index > specProps.currentSlide - centerOffset - 1 &&
+    if (
+      index > specProps.currentSlide - centerOffset - 1 &&
             index <= specProps.currentSlide + centerOffset
-        ) {
-            slickActive = true;
-        }
-    } else {
-        slickActive =
+    ) {
+      slickActive = true;
+    }
+  } else {
+    slickActive =
             specProps.currentSlide <= index &&
             index < specProps.currentSlide + specProps.slidesToShow;
-    }
+  }
 
-    return classNames(`${prefix}slick-slide`, {
-        [`${prefix}slick-active`]: slickActive,
-        [`${prefix}slick-center`]: slickCenter,
-        [`${prefix}slick-cloned`]: slickCloned,
-    });
+  return classNames(`${prefix}slick-slide`, {
+    [`${prefix}slick-active`]: slickActive,
+    [`${prefix}slick-center`]: slickCenter,
+    [`${prefix}slick-cloned`]: slickCloned,
+  });
 };
 
-const getSlideStyle = function(specProps) {
-    const style = {};
+const getSlideStyle = function (specProps) {
+  const style = {};
 
-    if (
-        specProps.variableWidth === undefined ||
+  if (
+    specProps.variableWidth === undefined ||
         specProps.variableWidth === false
-    ) {
-        style.width = specProps.slideWidth;
-    }
+  ) {
+    style.width = specProps.slideWidth;
+  }
 
-    if (specProps.animation === 'fade') {
-        style.position = 'relative';
+  if (specProps.animation === 'fade') {
+    style.position = 'relative';
 
-        style.opacity =
+    style.opacity =
             specProps.currentSlide === specProps.activeIndex ? 1 : 0;
-        style.visibility =
+    style.visibility =
             specProps.currentSlide >= specProps.activeIndex
-                ? 'visible'
-                : 'hidden';
-        style.transition = `opacity ${specProps.speed}ms ${specProps.cssEase}`;
-        style.WebkitTransition = `opacity ${specProps.speed}ms ${
-            specProps.cssEase
-        }`;
-
-        if (specProps.vertical) {
-            style.top = -specProps.activeIndex * specProps.slideHeight;
-        } else {
-            style.left = -specProps.activeIndex * specProps.slideWidth;
-        }
-    }
+              ? 'visible'
+              : 'hidden';
+    style.transition = `opacity ${specProps.speed}ms ${specProps.cssEase}`;
+    style.WebkitTransition = `opacity ${specProps.speed}ms ${
+      specProps.cssEase
+    }`;
 
     if (specProps.vertical) {
-        style.width = '100%';
+      style.top = -specProps.activeIndex * specProps.slideHeight;
+    } else {
+      style.left = -specProps.activeIndex * specProps.slideWidth;
     }
+  }
 
-    return style;
+  if (specProps.vertical) {
+    style.width = '100%';
+  }
+
+  return style;
 };
 
 const getKey = (child, fallbackKey) => {
-    // key could be a zero
-    return child.key === null || child.key === undefined
-        ? fallbackKey
-        : child.key;
+  // key could be a zero
+  return child.key === null || child.key === undefined
+    ? fallbackKey
+    : child.key;
 };
 
 const renderSlides = specProps => {
-    let key;
-    const slides = [];
-    const preCloneSlides = [];
-    const postCloneSlides = [];
-    const count = React.Children.count(specProps.children);
-    let child;
+  let key;
+  const slides = [];
+  const preCloneSlides = [];
+  const postCloneSlides = [];
+  const count = React.Children.count(specProps.children);
+  let child;
 
-    React.Children.forEach(specProps.children, (elem, index) => {
-        const childOnClickOptions = {
-            message: 'children',
-            index,
-            slidesToScroll: specProps.slidesToScroll,
-            currentSlide: specProps.currentSlide,
-        };
+  React.Children.forEach(specProps.children, (elem, index) => {
+    const childOnClickOptions = {
+      message: 'children',
+      index,
+      slidesToScroll: specProps.slidesToScroll,
+      currentSlide: specProps.currentSlide,
+    };
 
-        if (
-            !specProps.lazyLoad |
+    if (
+      !specProps.lazyLoad |
             (specProps.lazyLoad && specProps.lazyLoadedList.indexOf(index) >= 0)
-        ) {
-            child = elem;
-        } else {
-            child = elem.key ? <div key={elem.key} /> : <div />;
-        }
-        const childStyle = getSlideStyle({ ...specProps, activeIndex: index });
-        const slickClasses = getSlideClasses({
-            activeIndex: index,
-            ...specProps,
-        });
-        let cssClasses;
-
-        if (child.props.className) {
-            cssClasses = classNames(slickClasses, child.props.className);
-        } else {
-            cssClasses = slickClasses;
-        }
-
-        const onClick = function(e) {
-            // only child === elem, it will has .props.onClick;
-            child.props && child.props.onClick && elem.props.onClick(e);
-            if (specProps.focusOnSelect) {
-                specProps.focusOnSelect(childOnClickOptions);
-            }
-        };
-
-        slides.push(
-            React.cloneElement(child, {
-                key: `original${getKey(child, index)}`,
-                'data-index': index,
-                className: cssClasses,
-                tabIndex: '-1',
-                'aria-posinset': index,
-                'aria-setsize': count,
-                role: 'listitem',
-                dir: specProps.rtl ? 'rtl' : 'ltr',
-                // server-side render depend on elements of their own style
-                style: !dom.hasDOM
-                    ? { outline: 'none', ...childStyle, ...child.props.style }
-                    : { outline: 'none', ...child.props.style, ...childStyle },
-                onClick,
-            })
-        );
-
-        // variableWidth doesn't wrap properly.
-        if (specProps.infinite && specProps.animation !== 'fade') {
-            const infiniteCount = specProps.variableWidth
-                ? specProps.slidesToShow + 1
-                : specProps.slidesToShow;
-
-            if (index >= count - infiniteCount) {
-                key = -(count - index);
-                preCloneSlides.push(
-                    React.cloneElement(child, {
-                        key: `precloned${getKey(child, key)}`,
-                        'data-index': key,
-                        className: cssClasses,
-                        style: { ...child.props.style, ...childStyle },
-                    })
-                );
-            }
-
-            if (index < infiniteCount) {
-                key = count + index;
-                postCloneSlides.push(
-                    React.cloneElement(child, {
-                        key: `postcloned${getKey(child, key)}`,
-                        'data-index': key,
-                        className: cssClasses,
-                        style: { ...child.props.style, ...childStyle },
-                    })
-                );
-            }
-        }
-    });
-    // To support server-side rendering
-    if (!dom.hasDOM) {
-        return slides.slice(
-            specProps.currentSlide,
-            specProps.currentSlide + specProps.slidesToShow
-        );
-    }
-    if (specProps.rtl) {
-        return preCloneSlides.concat(slides, postCloneSlides).reverse();
+    ) {
+      child = elem;
     } else {
-        return preCloneSlides.concat(slides, postCloneSlides);
+      child = elem.key ? <div key={elem.key} /> : <div />;
     }
+    const childStyle = getSlideStyle({ ...specProps, activeIndex: index });
+    const slickClasses = getSlideClasses({
+      activeIndex: index,
+      ...specProps,
+    });
+    let cssClasses;
+
+    if (child.props.className) {
+      cssClasses = classNames(slickClasses, child.props.className);
+    } else {
+      cssClasses = slickClasses;
+    }
+
+    const onClick = function (e) {
+      // only child === elem, it will has .props.onClick;
+      child.props && child.props.onClick && elem.props.onClick(e);
+      if (specProps.focusOnSelect) {
+        specProps.focusOnSelect(childOnClickOptions);
+      }
+    };
+
+    slides.push(
+      React.cloneElement(child, {
+        key: `original${getKey(child, index)}`,
+        'data-index': index,
+        className: cssClasses,
+        tabIndex: '-1',
+        'aria-posinset': index,
+        'aria-setsize': count,
+        role: 'listitem',
+        dir: specProps.rtl ? 'rtl' : 'ltr',
+        // server-side render depend on elements of their own style
+        style: !dom.hasDOM
+          ? { outline: 'none', ...childStyle, ...child.props.style }
+          : { outline: 'none', ...child.props.style, ...childStyle },
+        onClick,
+      }),
+    );
+
+    // variableWidth doesn't wrap properly.
+    if (specProps.infinite && specProps.animation !== 'fade') {
+      const infiniteCount = specProps.variableWidth
+        ? specProps.slidesToShow + 1
+        : specProps.slidesToShow;
+
+      if (index >= count - infiniteCount) {
+        key = -(count - index);
+        preCloneSlides.push(
+          React.cloneElement(child, {
+            key: `precloned${getKey(child, key)}`,
+            'data-index': key,
+            className: cssClasses,
+            style: { ...child.props.style, ...childStyle },
+          }),
+        );
+      }
+
+      if (index < infiniteCount) {
+        key = count + index;
+        postCloneSlides.push(
+          React.cloneElement(child, {
+            key: `postcloned${getKey(child, key)}`,
+            'data-index': key,
+            className: cssClasses,
+            style: { ...child.props.style, ...childStyle },
+          }),
+        );
+      }
+    }
+  });
+  // To support server-side rendering
+  if (!dom.hasDOM) {
+    return slides.slice(
+      specProps.currentSlide,
+      specProps.currentSlide + specProps.slidesToShow,
+    );
+  }
+  if (specProps.rtl) {
+    return preCloneSlides.concat(slides, postCloneSlides).reverse();
+  } else {
+    return preCloneSlides.concat(slides, postCloneSlides);
+  }
 };
 
 export default class Track extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        trackStyle: PropTypes.object,
-    };
+  static propTypes = {
+    prefix: PropTypes.string,
+    trackStyle: PropTypes.object,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-    };
+  static defaultProps = {
+    prefix: 'next-',
+  };
 
-    render() {
-        const slides = renderSlides(this.props);
-        return (
-            <div
-                role="list"
-                className={`${this.props.prefix}slick-track`}
-                style={this.props.trackStyle}
-            >
-                {slides}
-            </div>
-        );
-    }
+  render() {
+    const slides = renderSlides(this.props);
+    return (
+      <div
+        role="list"
+        className={`${this.props.prefix}slick-track`}
+        style={this.props.trackStyle}
+      >
+        {slides}
+      </div>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/slider/slider.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/slider/slider.jsx
index 3028361f7..dc5ff7d5f 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/slider/slider.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/slider/slider.jsx
@@ -9,263 +9,263 @@ import ConfigProvider from '../config-provider';
  * Slider
  */
 export default class Slider extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        rtl: PropTypes.bool,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    rtl: PropTypes.bool,
+    /**
          * 自定义传入的样式
          */
-        className: PropTypes.any,
-        /**
+    className: PropTypes.any,
+    /**
          * 是否使用自适应高度
          */
-        adaptiveHeight: PropTypes.bool,
-        /**
+    adaptiveHeight: PropTypes.bool,
+    /**
          * 动效类型，默认是'slide'
          */
-        animation: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-        /**
+    animation: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+    /**
          * 是否显示箭头
          */
-        arrows: PropTypes.bool,
-        /**
+    arrows: PropTypes.bool,
+    /**
          * 导航箭头大小 可选值: 'medium', 'large'
          */
-        arrowSize: PropTypes.oneOf(['medium', 'large']),
-        /**
+    arrowSize: PropTypes.oneOf(['medium', 'large']),
+    /**
          * 导航箭头位置 可选值: 'inner', 'outer'
          */
-        arrowPosition: PropTypes.oneOf(['inner', 'outer']),
-        /**
+    arrowPosition: PropTypes.oneOf(['inner', 'outer']),
+    /**
          * 导航箭头的方向 可选值: 'hoz', 'ver'
          */
-        arrowDirection: PropTypes.oneOf(['hoz', 'ver']),
-        /**
+    arrowDirection: PropTypes.oneOf(['hoz', 'ver']),
+    /**
          * 是否自动播放
          */
-        autoplay: PropTypes.bool,
-        /**
+    autoplay: PropTypes.bool,
+    /**
          * 自动播放的速度
          */
-        autoplaySpeed: PropTypes.number,
-        /**
+    autoplaySpeed: PropTypes.number,
+    /**
          * 向后箭头
          */
-        nextArrow: PropTypes.element,
-        /**
+    nextArrow: PropTypes.element,
+    /**
          * 向前箭头
          */
-        prevArrow: PropTypes.element,
-        /**
+    prevArrow: PropTypes.element,
+    /**
          * 是否启用居中模式
          */
-        centerMode: PropTypes.bool,
-        /**
+    centerMode: PropTypes.bool,
+    /**
          * 是否显示导航锚点
          */
-        dots: PropTypes.bool,
-        /**
+    dots: PropTypes.bool,
+    /**
          * 导航锚点位置
          */
-        dotsDirection: PropTypes.oneOf(['hoz', 'ver']),
-        dotsClass: PropTypes.string,
-        /**
+    dotsDirection: PropTypes.oneOf(['hoz', 'ver']),
+    dotsClass: PropTypes.string,
+    /**
          * 自定义导航锚点
          */
-        dotRender: PropTypes.func,
-        /**
+    dotRender: PropTypes.func,
+    /**
          * 是否可拖拽
          */
-        draggable: PropTypes.bool,
-        /**
+    draggable: PropTypes.bool,
+    /**
          * 是否使用无穷循环模式
          */
-        infinite: PropTypes.bool,
-        /**
+    infinite: PropTypes.bool,
+    /**
          * 初始被激活的轮播图
          */
-        defaultActiveIndex: PropTypes.number,
-        /**
+    defaultActiveIndex: PropTypes.number,
+    /**
          * 是否启用懒加载
          */
-        lazyLoad: PropTypes.bool,
-        slide: PropTypes.string,
-        /**
+    lazyLoad: PropTypes.bool,
+    slide: PropTypes.string,
+    /**
          * 轮播方向
          */
-        slideDirection: PropTypes.oneOf(['hoz', 'ver']),
-        /**
+    slideDirection: PropTypes.oneOf(['hoz', 'ver']),
+    /**
          * 同时展示的图片数量
          */
-        slidesToShow: PropTypes.number,
-        /**
+    slidesToShow: PropTypes.number,
+    /**
          * 同时滑动的图片数量
          */
-        slidesToScroll: PropTypes.number,
-        /**
+    slidesToScroll: PropTypes.number,
+    /**
          * 轮播速度
          */
-        speed: PropTypes.number,
-        /**
+    speed: PropTypes.number,
+    /**
          * 跳转到指定的轮播图（受控）
          */
-        activeIndex: PropTypes.number,
-        /**
+    activeIndex: PropTypes.number,
+    /**
          * 锚点导航触发方式
          */
-        triggerType: PropTypes.oneOf(['click', 'hover']),
-        /**
+    triggerType: PropTypes.oneOf(['click', 'hover']),
+    /**
          * 轮播切换的回调函数
          * @param {Number} index 幻灯片的索引
          */
-        onChange: PropTypes.func,
-        onBeforeChange: PropTypes.func, // 兼容 0.x onBeforeChange
-        children: PropTypes.any,
-        /**
+    onChange: PropTypes.func,
+    onBeforeChange: PropTypes.func, // 兼容 0.x onBeforeChange
+    children: PropTypes.any,
+    /**
          * 自定义传入的class
          */
-        style: PropTypes.object,
-        /**
+    style: PropTypes.object,
+    /**
          * Side padding when in center mode (px or %); 展示部分为center，pading会产生前后预览
          */
-        centerPadding: PropTypes.string,
-        /**
+    centerPadding: PropTypes.string,
+    /**
          * CSS3 Animation Easing,默认‘ease’
          */
-        cssEase: PropTypes.string, // used
-        edgeFriction: PropTypes.number, // 非无限轮播滑动到边缘时的阻力
-        /**
+    cssEase: PropTypes.string, // used
+    edgeFriction: PropTypes.number, // 非无限轮播滑动到边缘时的阻力
+    /**
          * 多图轮播时，点击选中后自动居中
          */
-        focusOnSelect: PropTypes.bool,
-        pauseOnHover: PropTypes.bool, // 鼠标经过时停止播放
-        swipe: PropTypes.bool,
-        swipeToSlide: PropTypes.bool,
-        touchMove: PropTypes.bool,
-        touchThreshold: PropTypes.number,
-        useCSS: PropTypes.bool,
-        variableWidth: PropTypes.bool, // used
-        waitForAnimate: PropTypes.bool,
-        edgeEvent: PropTypes.any,
-        swipeEvent: PropTypes.any,
-    };
+    focusOnSelect: PropTypes.bool,
+    pauseOnHover: PropTypes.bool, // 鼠标经过时停止播放
+    swipe: PropTypes.bool,
+    swipeToSlide: PropTypes.bool,
+    touchMove: PropTypes.bool,
+    touchThreshold: PropTypes.number,
+    useCSS: PropTypes.bool,
+    variableWidth: PropTypes.bool, // used
+    waitForAnimate: PropTypes.bool,
+    edgeEvent: PropTypes.any,
+    swipeEvent: PropTypes.any,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        animation: 'slide',
-        arrowSize: 'medium',
-        arrowPosition: 'inner',
-        vertical: false,
-        verticalSwiping: false,
-        dots: true,
-        dotsDirection: 'hoz',
-        arrows: true,
-        arrowDirection: 'hoz',
-        infinite: true,
-        autoplay: false,
-        autoplaySpeed: 3000,
-        speed: 600,
-        adaptiveHeight: false,
-        centerMode: false,
-        centerPadding: '50px', // Side padding when in center mode (px or %); 展示部分为center，pading会产生前后预览
-        cssEase: 'ease',
-        draggable: true,
-        edgeFriction: 0.35,
-        focusOnSelect: false,
-        defaultActiveIndex: 0,
-        lazyLoad: false,
-        pauseOnHover: false,
-        rtl: false,
-        slide: 'div',
-        slideDirection: 'hoz',
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        swipe: true,
-        swipeToSlide: false, // Allow users to drag or swipe directly to a slide irrespective of slidesToScroll
-        touchMove: true, // 移动端touch
-        touchThreshold: 5,
-        useCSS: true,
-        variableWidth: false,
-        waitForAnimate: true,
-        onChange: () => {},
-        onBeforeChange: () => {},
-        edgeEvent: null,
-        swipeEvent: null,
-        nextArrow: null, // nextArrow, prevArrow are react components
-        prevArrow: null,
-        style: null,
-        dotsRender: null,
-        triggerType: 'click',
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    animation: 'slide',
+    arrowSize: 'medium',
+    arrowPosition: 'inner',
+    vertical: false,
+    verticalSwiping: false,
+    dots: true,
+    dotsDirection: 'hoz',
+    arrows: true,
+    arrowDirection: 'hoz',
+    infinite: true,
+    autoplay: false,
+    autoplaySpeed: 3000,
+    speed: 600,
+    adaptiveHeight: false,
+    centerMode: false,
+    centerPadding: '50px', // Side padding when in center mode (px or %); 展示部分为center，pading会产生前后预览
+    cssEase: 'ease',
+    draggable: true,
+    edgeFriction: 0.35,
+    focusOnSelect: false,
+    defaultActiveIndex: 0,
+    lazyLoad: false,
+    pauseOnHover: false,
+    rtl: false,
+    slide: 'div',
+    slideDirection: 'hoz',
+    slidesToShow: 1,
+    slidesToScroll: 1,
+    swipe: true,
+    swipeToSlide: false, // Allow users to drag or swipe directly to a slide irrespective of slidesToScroll
+    touchMove: true, // 移动端touch
+    touchThreshold: 5,
+    useCSS: true,
+    variableWidth: false,
+    waitForAnimate: true,
+    onChange: () => {},
+    onBeforeChange: () => {},
+    edgeEvent: null,
+    swipeEvent: null,
+    nextArrow: null, // nextArrow, prevArrow are react components
+    prevArrow: null,
+    style: null,
+    dotsRender: null,
+    triggerType: 'click',
+  };
 
-    resize = () => {
-        // export api
-        this.innerSlider.onWindowResized();
-    };
+  resize = () => {
+    // export api
+    this.innerSlider.onWindowResized();
+  };
 
-    render() {
-        const {
-            prefix,
-            arrowPosition,
-            slideDirection,
-            style,
-            className,
-            children,
-        } = this.props;
+  render() {
+    const {
+      prefix,
+      arrowPosition,
+      slideDirection,
+      style,
+      className,
+      children,
+    } = this.props;
 
-        const globalProps = {};
-        Object.keys(ConfigProvider.propTypes).forEach(key => {
-            globalProps[key] = this.props[key];
-        });
+    const globalProps = {};
+    Object.keys(ConfigProvider.propTypes).forEach(key => {
+      globalProps[key] = this.props[key];
+    });
 
-        const sliderProps = obj.pickOthers(
-            ['className', 'style', 'slideDirection'],
-            this.props
-        );
-        const slideCount = React.Children.count(children);
+    const sliderProps = obj.pickOthers(
+      ['className', 'style', 'slideDirection'],
+      this.props,
+    );
+    const slideCount = React.Children.count(children);
 
-        if (slideCount === 0) {
-            // 没有 item 时不显示 slider
-            return null;
-        } else if (slideCount === 1) {
-            // 单个 item 时不显示箭头和控制器
-            sliderProps.arrows = false;
-            sliderProps.autoplay = false;
-            sliderProps.draggable = false;
-        }
-
-        const clazz = classNames(
-            [
-                `${prefix}slick`,
-                `${prefix}slick-${arrowPosition}`,
-                `${prefix}slick-${slideDirection}`,
-            ],
-            className
-        );
-
-        if (slideDirection === 'ver') {
-            // 向下传递时使用 vertical 属性
-            sliderProps.vertical = true;
-            sliderProps.verticalSwiping = true;
-        }
-
-        return (
-            <ConfigProvider {...globalProps} rtl={false}>
-                <div
-                    dir="ltr"
-                    className={clazz}
-                    style={style}
-                    {...obj.pickOthers(
-                        { ...Slider.propTypes, ...InnerSlider.propTypes },
-                        sliderProps
-                    )}
-                >
-                    <InnerSlider
-                        ref={InnerSlider => (this.innerSlider = InnerSlider)}
-                        {...sliderProps}
-                    />
-                </div>
-            </ConfigProvider>
-        );
+    if (slideCount === 0) {
+      // 没有 item 时不显示 slider
+      return null;
+    } else if (slideCount === 1) {
+      // 单个 item 时不显示箭头和控制器
+      sliderProps.arrows = false;
+      sliderProps.autoplay = false;
+      sliderProps.draggable = false;
     }
+
+    const clazz = classNames(
+      [
+        `${prefix}slick`,
+        `${prefix}slick-${arrowPosition}`,
+        `${prefix}slick-${slideDirection}`,
+      ],
+      className,
+    );
+
+    if (slideDirection === 'ver') {
+      // 向下传递时使用 vertical 属性
+      sliderProps.vertical = true;
+      sliderProps.verticalSwiping = true;
+    }
+
+    return (
+      <ConfigProvider {...globalProps} rtl={false}>
+        <div
+          dir="ltr"
+          className={clazz}
+          style={style}
+          {...obj.pickOthers(
+            { ...Slider.propTypes, ...InnerSlider.propTypes },
+            sliderProps,
+          )}
+        >
+          <InnerSlider
+            ref={InnerSlider => (this.innerSlider = InnerSlider)}
+            {...sliderProps}
+          />
+        </div>
+      </ConfigProvider>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/split-button/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/split-button/index.jsx
index b3a8afafa..4c503c90a 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/split-button/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/split-button/index.jsx
@@ -15,291 +15,291 @@ const { Popup } = Overlay;
  * SplitButton
  */
 class SplitButton extends React.Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        style: PropTypes.object,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    style: PropTypes.object,
+    /**
          * 按钮的类型
          */
-        type: PropTypes.oneOf(['normal', 'primary', 'secondary']),
-        /**
+    type: PropTypes.oneOf(['normal', 'primary', 'secondary']),
+    /**
          * 按钮组的尺寸
          */
-        size: PropTypes.oneOf(['small', 'medium', 'large']),
-        /**
+    size: PropTypes.oneOf(['small', 'medium', 'large']),
+    /**
          * 主按钮的文案
          */
-        label: PropTypes.node,
-        /**
+    label: PropTypes.node,
+    /**
          * 设置标签类型
          */
-        component: PropTypes.oneOf(['button', 'a']),
-        /**
+    component: PropTypes.oneOf(['button', 'a']),
+    /**
          * 是否为幽灵按钮
          */
-        ghost: PropTypes.oneOf(['light', 'dark', false, true]),
-        /**
+    ghost: PropTypes.oneOf(['light', 'dark', false, true]),
+    /**
          * 默认激活的菜单项（用法同 Menu 非受控）
          */
-        defaultSelectedKeys: PropTypes.array,
-        /**
+    defaultSelectedKeys: PropTypes.array,
+    /**
          * 激活的菜单项（用法同 Menu 受控）
          */
-        selectedKeys: PropTypes.array,
-        /**
+    selectedKeys: PropTypes.array,
+    /**
          * 菜单的选择模式
          */
-        selectMode: PropTypes.oneOf(['single', 'multiple']),
-        /**
+    selectMode: PropTypes.oneOf(['single', 'multiple']),
+    /**
          * 选择菜单项时的回调，参考 Menu
          */
-        onSelect: PropTypes.func,
-        /**
+    onSelect: PropTypes.func,
+    /**
          * 点击菜单项时的回调，参考 Menu
          */
-        onItemClick: PropTypes.func,
-        /**
+    onItemClick: PropTypes.func,
+    /**
          * 触发按钮的属性（支持 Button 的所有属性透传）
          */
-        triggerProps: PropTypes.object,
-        /**
+    triggerProps: PropTypes.object,
+    /**
          * 弹层菜单的宽度是否与按钮组一致
          */
-        autoWidth: PropTypes.bool,
-        /**
+    autoWidth: PropTypes.bool,
+    /**
          * 弹层是否显示
          */
-        visible: PropTypes.bool,
-        /**
+    visible: PropTypes.bool,
+    /**
          * 弹层默认是否显示
          */
-        defaultVisible: PropTypes.bool,
-        /**
+    defaultVisible: PropTypes.bool,
+    /**
          * 弹层显示状态变化时的回调函数
          * @param {Boolean} visible 弹层显示状态
          * @param {String} type 触发弹层显示或隐藏的来源 menuSelect 表示由menu触发； fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发
          */
-        onVisibleChange: PropTypes.func,
-        /**
+    onVisibleChange: PropTypes.func,
+    /**
          * 弹层的触发方式
          */
-        popupTriggerType: PropTypes.oneOf(['click', 'hover']),
-        /**
+    popupTriggerType: PropTypes.oneOf(['click', 'hover']),
+    /**
          * 弹层对齐方式, 详情见Overlay align
          */
-        popupAlign: PropTypes.string,
-        /**
+    popupAlign: PropTypes.string,
+    /**
          * 弹层自定义样式
          */
-        popupStyle: PropTypes.object,
-        /**
+    popupStyle: PropTypes.object,
+    /**
          * 弹层自定义样式类
          */
-        popupClassName: PropTypes.string,
-        /**
+    popupClassName: PropTypes.string,
+    /**
          * 透传给弹层的属性
          */
-        popupProps: PropTypes.object,
-        /**
+    popupProps: PropTypes.object,
+    /**
          * 是否跟随滚动
          */
-        followTrigger: PropTypes.bool,
-        /**
+    followTrigger: PropTypes.bool,
+    /**
          * 透传给 Menu 的属性
          */
-        menuProps: PropTypes.object,
-        /**
+    menuProps: PropTypes.object,
+    /**
          * 透传给 左侧按钮 的属性
          */
-        leftButtonProps: PropTypes.object,
-        className: PropTypes.string,
-        children: PropTypes.any,
-    };
+    leftButtonProps: PropTypes.object,
+    className: PropTypes.string,
+    children: PropTypes.any,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        type: 'normal',
-        size: 'medium',
-        autoWidth: true,
-        popupTriggerType: 'click',
-        onVisibleChange: func.noop,
-        onItemClick: func.noop,
-        onSelect: func.noop,
-        defaultSelectedKeys: [],
-        menuProps: {},
-        leftButtonProps: {},
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    type: 'normal',
+    size: 'medium',
+    autoWidth: true,
+    popupTriggerType: 'click',
+    onVisibleChange: func.noop,
+    onItemClick: func.noop,
+    onSelect: func.noop,
+    defaultSelectedKeys: [],
+    menuProps: {},
+    leftButtonProps: {},
+  };
 
-    constructor(props, context) {
-        super(props, context);
-        this.state = {
-            selectedKeys: props.selectedKeys || props.defaultSelectedKeys,
-            visible: props.visible || props.defaultVisible,
-        };
+  constructor(props, context) {
+    super(props, context);
+    this.state = {
+      selectedKeys: props.selectedKeys || props.defaultSelectedKeys,
+      visible: props.visible || props.defaultVisible,
+    };
+  }
+
+  componentDidMount() {
+    // 由于定位目标是 wrapper，如果弹层默认展开，wrapper 还未渲染，didMount 后强制再渲染一次，弹层重新定位
+    if (this.state.visible) {
+      this.forceUpdate();
+    }
+  }
+
+  componentWillReceiveProps(nextProps) {
+    if ('visible' in nextProps) {
+      this.setState({
+        visible: nextProps.visible,
+      });
     }
 
-    componentDidMount() {
-        // 由于定位目标是 wrapper，如果弹层默认展开，wrapper 还未渲染，didMount 后强制再渲染一次，弹层重新定位
-        if (this.state.visible) {
-            this.forceUpdate();
-        }
+    if ('selectedKeys' in nextProps) {
+      this.setState({
+        selectedKeys: nextProps.selectedKeys,
+      });
     }
+  }
 
-    componentWillReceiveProps(nextProps) {
-        if ('visible' in nextProps) {
-            this.setState({
-                visible: nextProps.visible,
-            });
-        }
-
-        if ('selectedKeys' in nextProps) {
-            this.setState({
-                selectedKeys: nextProps.selectedKeys,
-            });
-        }
+  selectMenuItem = (keys, ...others) => {
+    if (!('selectedKeys' in this.props)) {
+      this.setState({
+        selectedKeys: keys,
+      });
     }
+    this.props.onSelect(keys, ...others);
+  };
 
-    selectMenuItem = (keys, ...others) => {
-        if (!('selectedKeys' in this.props)) {
-            this.setState({
-                selectedKeys: keys,
-            });
-        }
-        this.props.onSelect(keys, ...others);
-    };
+  clickMenuItem = (key, ...others) => {
+    this.props.onItemClick(key, ...others);
+    this.onVisibleChange(false, 'menuSelect');
+  };
 
-    clickMenuItem = (key, ...others) => {
-        this.props.onItemClick(key, ...others);
-        this.onVisibleChange(false, 'menuSelect');
-    };
-
-    onPopupOpen = () => {
-        if (this.props.autoWidth && this.wrapper && this.menu) {
-            dom.setStyle(this.menu, {
-                width: this.wrapper.offsetWidth,
-            });
-        }
-    };
-
-    onVisibleChange = (visible, reason) => {
-        if (!('visible' in this.props)) {
-            this.setState({
-                visible,
-            });
-        }
-        this.props.onVisibleChange(visible, reason);
-    };
-
-    _menuRefHandler = ref => {
-        this.menu = findDOMNode(ref);
-
-        const refFn = this.props.menuProps.ref;
-        if (typeof refFn === 'function') {
-            refFn(ref);
-        }
-    };
-
-    _wrapperRefHandler = ref => {
-        this.wrapper = findDOMNode(ref);
-    };
-
-    render() {
-        const {
-            prefix,
-            label,
-            size,
-            type,
-            component,
-            ghost,
-            className,
-            style,
-            children,
-            triggerProps,
-            popupAlign,
-            popupTriggerType,
-            popupStyle,
-            popupClassName,
-            popupProps,
-            followTrigger,
-            selectMode,
-            menuProps,
-            leftButtonProps,
-            disabled,
-            ...others
-        } = this.props;
-
-        const state = this.state;
-
-        const classNames = classnames(
-            {
-                [`${prefix}split-btn`]: true,
-            },
-            className
-        );
-
-        const sharedBtnProps = {
-            type,
-            size,
-            component,
-            ghost,
-            disabled,
-        };
-
-        const triggerClassNames = classnames({
-            [`${prefix}split-btn-trigger`]: true,
-            [`${prefix}expand`]: state.visible,
-            opened: state.visible,
-        });
-
-        const trigger = (
-            <Button
-                {...triggerProps}
-                {...sharedBtnProps}
-                className={triggerClassNames}
-            >
-                <Icon type="arrow-down" />
-            </Button>
-        );
-
-        return (
-            <Button.Group
-                {...obj.pickOthers(SplitButton.propTypes, others)}
-                className={classNames}
-                style={style}
-                size={size}
-                ref={this._wrapperRefHandler}
-            >
-                <Button {...sharedBtnProps} {...leftButtonProps}>
-                    {label}
-                </Button>
-                <Popup
-                    {...popupProps}
-                    followTrigger={followTrigger}
-                    visible={state.visible}
-                    onVisibleChange={this.onVisibleChange}
-                    trigger={trigger}
-                    triggerType={popupTriggerType}
-                    align={popupAlign}
-                    target={() => this.wrapper}
-                    style={popupStyle}
-                    shouldUpdatePosition
-                    className={popupClassName}
-                    onOpen={this.onPopupOpen}
-                >
-                    <Menu
-                        {...menuProps}
-                        selectMode={selectMode}
-                        selectedKeys={state.selectedKeys}
-                        onSelect={this.selectMenuItem}
-                        onItemClick={this.clickMenuItem}
-                        ref={this._menuRefHandler}
-                    >
-                        {children}
-                    </Menu>
-                </Popup>
-            </Button.Group>
-        );
+  onPopupOpen = () => {
+    if (this.props.autoWidth && this.wrapper && this.menu) {
+      dom.setStyle(this.menu, {
+        width: this.wrapper.offsetWidth,
+      });
     }
+  };
+
+  onVisibleChange = (visible, reason) => {
+    if (!('visible' in this.props)) {
+      this.setState({
+        visible,
+      });
+    }
+    this.props.onVisibleChange(visible, reason);
+  };
+
+  _menuRefHandler = ref => {
+    this.menu = findDOMNode(ref);
+
+    const refFn = this.props.menuProps.ref;
+    if (typeof refFn === 'function') {
+      refFn(ref);
+    }
+  };
+
+  _wrapperRefHandler = ref => {
+    this.wrapper = findDOMNode(ref);
+  };
+
+  render() {
+    const {
+      prefix,
+      label,
+      size,
+      type,
+      component,
+      ghost,
+      className,
+      style,
+      children,
+      triggerProps,
+      popupAlign,
+      popupTriggerType,
+      popupStyle,
+      popupClassName,
+      popupProps,
+      followTrigger,
+      selectMode,
+      menuProps,
+      leftButtonProps,
+      disabled,
+      ...others
+    } = this.props;
+
+    const { state } = this;
+
+    const classNames = classnames(
+      {
+        [`${prefix}split-btn`]: true,
+      },
+      className,
+    );
+
+    const sharedBtnProps = {
+      type,
+      size,
+      component,
+      ghost,
+      disabled,
+    };
+
+    const triggerClassNames = classnames({
+      [`${prefix}split-btn-trigger`]: true,
+      [`${prefix}expand`]: state.visible,
+      opened: state.visible,
+    });
+
+    const trigger = (
+      <Button
+        {...triggerProps}
+        {...sharedBtnProps}
+        className={triggerClassNames}
+      >
+        <Icon type="arrow-down" />
+      </Button>
+    );
+
+    return (
+      <Button.Group
+        {...obj.pickOthers(SplitButton.propTypes, others)}
+        className={classNames}
+        style={style}
+        size={size}
+        ref={this._wrapperRefHandler}
+      >
+        <Button {...sharedBtnProps} {...leftButtonProps}>
+          {label}
+        </Button>
+        <Popup
+          {...popupProps}
+          followTrigger={followTrigger}
+          visible={state.visible}
+          onVisibleChange={this.onVisibleChange}
+          trigger={trigger}
+          triggerType={popupTriggerType}
+          align={popupAlign}
+          target={() => this.wrapper}
+          style={popupStyle}
+          shouldUpdatePosition
+          className={popupClassName}
+          onOpen={this.onPopupOpen}
+        >
+          <Menu
+            {...menuProps}
+            selectMode={selectMode}
+            selectedKeys={state.selectedKeys}
+            onSelect={this.selectMenuItem}
+            onItemClick={this.clickMenuItem}
+            ref={this._menuRefHandler}
+          >
+            {children}
+          </Menu>
+        </Popup>
+      </Button.Group>
+    );
+  }
 }
 
 SplitButton.Item = Menu.Item;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/step/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/step/index.jsx
index 2e42af83a..b8bdc3821 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/step/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/step/index.jsx
@@ -5,26 +5,26 @@ import StepItem from './view/step-item';
 Step.Item = StepItem;
 
 export default ConfigProvider.config(Step, {
-    transform: /* istanbul ignore next */ (props, deprecated) => {
-        if ('type' in props) {
-            deprecated('type', 'shape', 'Step');
+  transform: /* istanbul ignore next */ (props, deprecated) => {
+    if ('type' in props) {
+      deprecated('type', 'shape', 'Step');
 
-            let { type, direction, labelPlacement, ...others } = props;
-            direction =
+      let { type, direction, labelPlacement, ...others } = props;
+      direction =
                 direction === 'vertical'
-                    ? 'ver'
-                    : direction === 'horizontal'
+                  ? 'ver'
+                  : direction === 'horizontal'
                     ? 'hoz'
                     : direction;
-            labelPlacement =
+      labelPlacement =
                 labelPlacement === 'vertical'
-                    ? 'ver'
-                    : labelPlacement === 'horizontal'
+                  ? 'ver'
+                  : labelPlacement === 'horizontal'
                     ? 'hoz'
                     : labelPlacement;
-            props = { shape: type, direction, labelPlacement, ...others };
-        }
+      props = { shape: type, direction, labelPlacement, ...others };
+    }
 
-        return props;
-    },
+    return props;
+  },
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/step/view/step-item.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/step/view/step-item.jsx
index 47e7df294..aad92dfdd 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/step/view/step-item.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/step/view/step-item.jsx
@@ -8,426 +8,427 @@ import { support, events, dom } from '../../util';
 
 /** Step.Item */
 class StepItem extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        rtl: PropTypes.bool,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    rtl: PropTypes.bool,
+    /**
          * 步骤的状态，如不传，会根据外层的 Step 的 current 属性生成，可选值为 `wait`, `process`, `finish`
          */
-        status: PropTypes.oneOf(['wait', 'process', 'finish']),
-        /**
+    status: PropTypes.oneOf(['wait', 'process', 'finish']),
+    /**
          * 标题
          */
-        title: PropTypes.node,
-        direction: PropTypes.oneOf(['hoz', 'ver']),
-        labelPlacement: PropTypes.oneOf(['hoz', 'ver']),
-        shape: PropTypes.oneOf(['circle', 'arrow', 'dot']),
-        /**
+    title: PropTypes.node,
+    direction: PropTypes.oneOf(['hoz', 'ver']),
+    labelPlacement: PropTypes.oneOf(['hoz', 'ver']),
+    shape: PropTypes.oneOf(['circle', 'arrow', 'dot']),
+    /**
          * 图标
          */
-        icon: PropTypes.string,
-        /**
+    icon: PropTypes.string,
+    /**
          * 内容填充, shape为 arrow 时无效
          */
-        content: PropTypes.node,
-        /**
+    content: PropTypes.node,
+    /**
          * StepItem 的自定义渲染, 会覆盖父节点设置的itemRender
          * @param {Number} index   节点索引
          * @param {String} status  节点状态
          * @returns {Node} 节点的渲染结果
          */
-        itemRender: PropTypes.func,
-        /**
+    itemRender: PropTypes.func,
+    /**
          * 百分比
          */
-        percent: PropTypes.number,
-        index: PropTypes.number,
-        total: PropTypes.number,
-        animation: PropTypes.bool, // 是否开启动效，由父级传入
-        /**
+    percent: PropTypes.number,
+    index: PropTypes.number,
+    total: PropTypes.number,
+    animation: PropTypes.bool, // 是否开启动效，由父级传入
+    /**
          * 是否禁用
          */
-        disabled: PropTypes.bool,
-        parentWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-        parentHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-        /**
+    disabled: PropTypes.bool,
+    parentWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    parentHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    /**
          * 点击步骤时的回调
          * @param {Number} index 节点索引
          */
-        onClick: PropTypes.func,
-        /**
+    onClick: PropTypes.func,
+    /**
          * 自定义样式
          */
-        className: PropTypes.string,
-        readOnly: PropTypes.bool,
-    };
+    className: PropTypes.string,
+    readOnly: PropTypes.bool,
+  };
 
-    static defaultProps = {
-        shape: 'circle',
-        index: 0,
-        total: 1,
-        onClick: () => {},
-    };
+  static defaultProps = {
+    shape: 'circle',
+    index: 0,
+    total: 1,
+    onClick: () => {},
+  };
 
-    constructor(props) {
-        super(props);
-        this.removeClickedCls = this.removeClickedCls.bind(this);
-        this._refHandlerCreator = this._refHandlerCreator.bind(this);
-        this.resize = this.resize.bind(this);
+  constructor(props) {
+    super(props);
+    this.removeClickedCls = this.removeClickedCls.bind(this);
+    this._refHandlerCreator = this._refHandlerCreator.bind(this);
+    this.resize = this.resize.bind(this);
+  }
+
+  componentDidMount() {
+    const { shape, direction, labelPlacement, index, total } = this.props;
+    if (shape === 'arrow') {
+      return;
     }
 
-    componentDidMount() {
-        const { shape, direction, labelPlacement, index, total } = this.props;
-        if (shape === 'arrow') {
-            return;
-        }
-
-        if (direction === 'vertical' || direction === 'ver') {
-            this.resize();
-            this.forceUpdate(); // 解决Step嵌套的情况下，嵌套节点宽度为0的问题
-            this.eventHandler = events.on(window, 'resize', this.resize); // 调整垂直Step
-        } else if (
-            (direction === 'horizontal' || direction === 'hoz') &&
+    if (direction === 'vertical' || direction === 'ver') {
+      this.resize();
+      this.forceUpdate(); // 解决Step嵌套的情况下，嵌套节点宽度为0的问题
+      this.eventHandler = events.on(window, 'resize', this.resize); // 调整垂直Step
+    } else if (
+      (direction === 'horizontal' || direction === 'hoz') &&
             (labelPlacement === 'horizontal' || labelPlacement === 'hoz') &&
             index !== total - 1
-        ) {
-            // 调整横向Content
-            this.adjustTail();
-        }
+    ) {
+      // 调整横向Content
+      this.adjustTail();
     }
+  }
 
-    componentDidUpdate() {
-        const {
-            shape,
-            direction,
-            labelPlacement,
-            index,
-            total,
-            rtl,
-        } = this.props;
-        if (shape === 'arrow') {
-            return;
-        }
-        const resetTailStyle = () => {
-            dom.setStyle(this.tail, {
-                width: '',
-                // eslint-disable-next-line
+  componentDidUpdate() {
+    const {
+      shape,
+      direction,
+      labelPlacement,
+      index,
+      total,
+      rtl,
+    } = this.props;
+    if (shape === 'arrow') {
+      return;
+    }
+    const resetTailStyle = () => {
+      dom.setStyle(this.tail, {
+        width: '',
+        // eslint-disable-next-line
                 top: '',
-            });
-        };
-
-        if (direction === 'vertical' || direction === 'ver') {
-            this.resize();
-        } else if (direction === 'horizontal' || direction === 'hoz') {
-            const pos = rtl ? 'right' : 'left';
-            dom.setStyle(this.body, {
-                width: '',
-                [pos]: '',
-            });
-            if (
-                shape === 'circle' &&
-                (labelPlacement === 'horizontal' || labelPlacement === 'hoz') &&
-                index !== total - 1
-            ) {
-                // 调整横向Content
-                this.adjustTail();
-            } else {
-                resetTailStyle();
-            }
-        } else if (index !== total - 1) {
-            resetTailStyle();
-        }
-    }
-
-    componentWillUnmount() {
-        this.eventHandler && this.eventHandler.off();
-    }
-
-    adjustTail() {
-        const width = this.container.offsetWidth + this.title.offsetWidth;
-        dom.setStyle(this.tail, {
-            width: `calc(100% - ${width}px)`,
-            top: `${dom.getStyle(this.container, 'height') / 2}px`,
-        });
-    }
-
-    resize() {
-        const stepWidth = dom.getStyle(this.step, 'width');
-        const { rtl } = this.props;
-
-        rtl
-            ? (this.body.style.right = `${stepWidth}px`)
-            : (this.body.style.left = `${stepWidth}px`);
-        dom.setStyle(this.body, {
-            width:
-                dom.getStyle(this.step.parentNode.parentNode, 'width') -
-                stepWidth,
-        });
-        dom.setStyle(
-            this.tail,
-            'height',
-            dom.getStyle(this.body, 'height') -
-                dom.getStyle(this.container, 'height')
-        );
-    }
-
-    _getNode() {
-        const {
-            prefix,
-            index,
-            status,
-            icon,
-            shape,
-            percent,
-            itemRender,
-        } = this.props;
-        let nodeElement = icon;
-        if (shape === 'dot') {
-            nodeElement = icon ? (
-                <Icon type={icon} />
-            ) : (
-                <div className={`${prefix}step-item-node-dot`}> </div>
-            );
-        } else if (shape === 'circle' && percent) {
-            nodeElement = (
-                <Progress
-                    shape="circle"
-                    percent={percent}
-                    className={`${prefix}step-item-progress`}
-                />
-            );
-        } else if (
-            shape === 'circle' &&
-            !!itemRender &&
-            typeof itemRender === 'function'
-        ) {
-            nodeElement = null; // 如果是需要自定义节点，则不处理，返回空
-        } else {
-            nodeElement = (
-                <div className={`${prefix}step-item-node-circle`}>
-                    {icon ? (
-                        <Icon type={icon} />
-                    ) : (
-                        this._itemRender(index, status)
-                    )}
-                </div>
-            );
-        }
-
-        return nodeElement;
-    }
-    getNode(args) {
-        const {
-            prefix,
-            itemRender,
-            index,
-            status,
-            title,
-            content,
-            shape,
-        } = this.props;
-        const { others, stepCls, overlayCls } = args;
-        const nodeElement = this._getNode();
-        let finalNodeElement = (
-            <div
-                className={`${prefix}step-item-container`}
-                ref={this._refHandlerCreator('container')}
-            >
-                <div
-                    className={`${prefix}step-item-node-placeholder`}
-                    onClick={this.onClick}
-                >
-                    <div
-                        className={`${prefix}step-item-node`}
-                        ref={this._refHandlerCreator('stepNode')}
-                        onTransitionEnd={this.removeClickedCls}
-                    >
-                        {nodeElement}
-                    </div>
-                </div>
-            </div>
-        );
-
-        if (!nodeElement) {
-            // 需要自定义子节点
-            finalNodeElement = (
-                <div className={`${prefix}step-item-container`}>
-                    <div
-                        className={`${prefix}step-item-node-placeholder`}
-                        onClick={this.onClick}
-                    >
-                        {itemRender(index, status, title, content)}
-                    </div>
-                </div>
-            );
-        }
-        if (shape !== 'arrow') {
-            delete others.tabIndex;
-            delete others['aria-current'];
-        }
-
-        return (
-            <li
-                {...others}
-                style={this.getStyle()}
-                className={stepCls}
-                ref={this._refHandlerCreator('step')}
-            >
-                {finalNodeElement}
-                <div
-                    className={`${prefix}step-item-body`}
-                    ref={this._refHandlerCreator('body')}
-                    tabIndex={this.props.tabIndex}
-                    aria-current={this.props['aria-current']}
-                >
-                    <div
-                        className={`${prefix}step-item-title`}
-                        ref={this._refHandlerCreator('title')}
-                    >
-                        {title}
-                    </div>
-                    <div className={`${prefix}step-item-content`}>
-                        {content}
-                    </div>
-                </div>
-                <div
-                    className={`${prefix}step-item-tail`}
-                    ref={this._refHandlerCreator('tail')}
-                >
-                    <div className={`${prefix}step-item-tail-underlay`}>
-                        <div
-                            className={`${prefix}step-item-tail-overlay`}
-                            style={overlayCls}
-                        />
-                    </div>
-                </div>
-            </li>
-        );
-    }
-
-    getStyle() {
-        const {
-            parentWidth,
-            parentHeight,
-            direction,
-            total,
-            index,
-            shape,
-        } = this.props;
-        let width = 'auto';
-
-        if (Number(parentWidth) && Number(parentHeight)) {
-            if (!support.flex && shape === 'arrow') {
-                width = Math.floor(
-                    parentWidth / total - parentHeight / 2 - parentHeight / 8
-                );
-            }
-        }
-        if (
-            shape !== 'arrow' &&
-            (direction === 'horizontal' || direction === 'hoz')
-        ) {
-            width =
-                total - 1 !== index ? `${Math.floor(100 / total)}%` : 'auto';
-        }
-        return {
-            width: width,
-        };
-    }
-
-    onClick = () => {
-        const { index, disabled, readOnly, animation } = this.props;
-        if (disabled || readOnly) {
-            return false;
-        }
-
-        if (animation && this.stepNode) {
-            dom.hasClass(this.stepNode, 'clicked')
-                ? dom.removeClass(this.stepNode, 'clicked')
-                : dom.addClass(this.stepNode, 'clicked');
-        }
-        this.props.onClick(index);
+      });
     };
 
-    removeClickedCls() {
-        const { animation } = this.props;
-        if (
-            animation &&
+    if (direction === 'vertical' || direction === 'ver') {
+      this.resize();
+    } else if (direction === 'horizontal' || direction === 'hoz') {
+      const pos = rtl ? 'right' : 'left';
+      dom.setStyle(this.body, {
+        width: '',
+        [pos]: '',
+      });
+      if (
+        shape === 'circle' &&
+                (labelPlacement === 'horizontal' || labelPlacement === 'hoz') &&
+                index !== total - 1
+      ) {
+        // 调整横向Content
+        this.adjustTail();
+      } else {
+        resetTailStyle();
+      }
+    } else if (index !== total - 1) {
+      resetTailStyle();
+    }
+  }
+
+  componentWillUnmount() {
+    this.eventHandler && this.eventHandler.off();
+  }
+
+  adjustTail() {
+    const width = this.container.offsetWidth + this.title.offsetWidth;
+    dom.setStyle(this.tail, {
+      width: `calc(100% - ${width}px)`,
+      top: `${dom.getStyle(this.container, 'height') / 2}px`,
+    });
+  }
+
+  resize() {
+    const stepWidth = dom.getStyle(this.step, 'width');
+    const { rtl } = this.props;
+
+    rtl
+      ? (this.body.style.right = `${stepWidth}px`)
+      : (this.body.style.left = `${stepWidth}px`);
+    dom.setStyle(this.body, {
+      width:
+                dom.getStyle(this.step.parentNode.parentNode, 'width') -
+                stepWidth,
+    });
+    dom.setStyle(
+      this.tail,
+      'height',
+      dom.getStyle(this.body, 'height') -
+                dom.getStyle(this.container, 'height'),
+    );
+  }
+
+  _getNode() {
+    const {
+      prefix,
+      index,
+      status,
+      icon,
+      shape,
+      percent,
+      itemRender,
+    } = this.props;
+    let nodeElement = icon;
+    if (shape === 'dot') {
+      nodeElement = icon ? (
+        <Icon type={icon} />
+      ) : (
+        <div className={`${prefix}step-item-node-dot`}> </div>
+      );
+    } else if (shape === 'circle' && percent) {
+      nodeElement = (
+        <Progress
+          shape="circle"
+          percent={percent}
+          className={`${prefix}step-item-progress`}
+        />
+      );
+    } else if (
+      shape === 'circle' &&
+            !!itemRender &&
+            typeof itemRender === 'function'
+    ) {
+      nodeElement = null; // 如果是需要自定义节点，则不处理，返回空
+    } else {
+      nodeElement = (
+        <div className={`${prefix}step-item-node-circle`}>
+          {icon ? (
+            <Icon type={icon} />
+          ) : (
+            this._itemRender(index, status)
+          )}
+        </div>
+      );
+    }
+
+    return nodeElement;
+  }
+
+  getNode(args) {
+    const {
+      prefix,
+      itemRender,
+      index,
+      status,
+      title,
+      content,
+      shape,
+    } = this.props;
+    const { others, stepCls, overlayCls } = args;
+    const nodeElement = this._getNode();
+    let finalNodeElement = (
+      <div
+        className={`${prefix}step-item-container`}
+        ref={this._refHandlerCreator('container')}
+      >
+        <div
+          className={`${prefix}step-item-node-placeholder`}
+          onClick={this.onClick}
+        >
+          <div
+            className={`${prefix}step-item-node`}
+            ref={this._refHandlerCreator('stepNode')}
+            onTransitionEnd={this.removeClickedCls}
+          >
+            {nodeElement}
+          </div>
+        </div>
+      </div>
+    );
+
+    if (!nodeElement) {
+      // 需要自定义子节点
+      finalNodeElement = (
+        <div className={`${prefix}step-item-container`}>
+          <div
+            className={`${prefix}step-item-node-placeholder`}
+            onClick={this.onClick}
+          >
+            {itemRender(index, status, title, content)}
+          </div>
+        </div>
+      );
+    }
+    if (shape !== 'arrow') {
+      delete others.tabIndex;
+      delete others['aria-current'];
+    }
+
+    return (
+      <li
+        {...others}
+        style={this.getStyle()}
+        className={stepCls}
+        ref={this._refHandlerCreator('step')}
+      >
+        {finalNodeElement}
+        <div
+          className={`${prefix}step-item-body`}
+          ref={this._refHandlerCreator('body')}
+          tabIndex={this.props.tabIndex}
+          aria-current={this.props['aria-current']}
+        >
+          <div
+            className={`${prefix}step-item-title`}
+            ref={this._refHandlerCreator('title')}
+          >
+            {title}
+          </div>
+          <div className={`${prefix}step-item-content`}>
+            {content}
+          </div>
+        </div>
+        <div
+          className={`${prefix}step-item-tail`}
+          ref={this._refHandlerCreator('tail')}
+        >
+          <div className={`${prefix}step-item-tail-underlay`}>
+            <div
+              className={`${prefix}step-item-tail-overlay`}
+              style={overlayCls}
+            />
+          </div>
+        </div>
+      </li>
+    );
+  }
+
+  getStyle() {
+    const {
+      parentWidth,
+      parentHeight,
+      direction,
+      total,
+      index,
+      shape,
+    } = this.props;
+    let width = 'auto';
+
+    if (Number(parentWidth) && Number(parentHeight)) {
+      if (!support.flex && shape === 'arrow') {
+        width = Math.floor(
+          parentWidth / total - parentHeight / 2 - parentHeight / 8,
+        );
+      }
+    }
+    if (
+      shape !== 'arrow' &&
+            (direction === 'horizontal' || direction === 'hoz')
+    ) {
+      width =
+                total - 1 !== index ? `${Math.floor(100 / total)}%` : 'auto';
+    }
+    return {
+      width,
+    };
+  }
+
+  onClick = () => {
+    const { index, disabled, readOnly, animation } = this.props;
+    if (disabled || readOnly) {
+      return false;
+    }
+
+    if (animation && this.stepNode) {
+      dom.hasClass(this.stepNode, 'clicked')
+        ? dom.removeClass(this.stepNode, 'clicked')
+        : dom.addClass(this.stepNode, 'clicked');
+    }
+    this.props.onClick(index);
+  };
+
+  removeClickedCls() {
+    const { animation } = this.props;
+    if (
+      animation &&
             this.stepNode &&
             dom.hasClass(this.stepNode, 'clicked')
-        ) {
-            dom.removeClass(this.stepNode, 'clicked');
-        }
+    ) {
+      dom.removeClass(this.stepNode, 'clicked');
     }
+  }
 
-    // 节点的渲染方法
-    _itemRender(index, status) {
-        const { itemRender } = this.props;
-        if (itemRender) {
-            return itemRender(index, status);
-        }
-        return status === 'finish' ? <Icon type="select" /> : index + 1;
+  // 节点的渲染方法
+  _itemRender(index, status) {
+    const { itemRender } = this.props;
+    if (itemRender) {
+      return itemRender(index, status);
     }
+    return status === 'finish' ? <Icon type="select" /> : index + 1;
+  }
 
-    _refHandlerCreator(refName) {
-        const self = this;
-        return function(ref) {
-            self[refName] = ref;
-        };
-    }
+  _refHandlerCreator(refName) {
+    const self = this;
+    return function (ref) {
+      self[refName] = ref;
+    };
+  }
 
-    render() {
-        // eslint-disable-next-line
+  render() {
+    // eslint-disable-next-line
         const {
-            prefix,
-            locale,
-            className,
-            status,
-            title,
-            icon,
-            index,
-            total,
-            shape,
-            content,
-            direction,
-            disabled,
-            onClick,
-            readOnly,
-            animation,
-            parentHeight,
-            itemRender,
-            parentWidth,
-            labelPlacement,
-            rtl,
-            ...others
-        } = this.props;
+      prefix,
+      locale,
+      className,
+      status,
+      title,
+      icon,
+      index,
+      total,
+      shape,
+      content,
+      direction,
+      disabled,
+      onClick,
+      readOnly,
+      animation,
+      parentHeight,
+      itemRender,
+      parentWidth,
+      labelPlacement,
+      rtl,
+      ...others
+    } = this.props;
 
-        const stepCls = classNames({
-            [`${prefix}step-item`]: true,
-            [`${prefix}step-item-${status}`]: status,
-            [`${prefix}step-item-first`]: index === 0,
-            [`${prefix}step-item-last`]: index === total - 1,
-            [`${prefix}step-item-disabled`]: disabled,
-            [`${prefix}step-item-read-only`]: readOnly,
-            [className]: className,
-        });
+    const stepCls = classNames({
+      [`${prefix}step-item`]: true,
+      [`${prefix}step-item-${status}`]: status,
+      [`${prefix}step-item-first`]: index === 0,
+      [`${prefix}step-item-last`]: index === total - 1,
+      [`${prefix}step-item-disabled`]: disabled,
+      [`${prefix}step-item-read-only`]: readOnly,
+      [className]: className,
+    });
 
-        const overlayCls = status === 'finish' ? { width: '100%' } : null;
-        const arrowElement = (
-            <li
-                {...others}
-                style={this.getStyle()}
-                className={stepCls}
-                onClick={this.onClick}
-            >
-                <div className={`${prefix}step-item-container`}>
-                    <div className={`${prefix}step-item-title`}>{title}</div>
-                </div>
-            </li>
-        );
-        const otherElement = this.getNode({ others, stepCls, overlayCls });
+    const overlayCls = status === 'finish' ? { width: '100%' } : null;
+    const arrowElement = (
+      <li
+        {...others}
+        style={this.getStyle()}
+        className={stepCls}
+        onClick={this.onClick}
+      >
+        <div className={`${prefix}step-item-container`}>
+          <div className={`${prefix}step-item-title`}>{title}</div>
+        </div>
+      </li>
+    );
+    const otherElement = this.getNode({ others, stepCls, overlayCls });
 
-        return shape === 'arrow' ? arrowElement : otherElement;
-    }
+    return shape === 'arrow' ? arrowElement : otherElement;
+  }
 }
 export default ConfigProvider.config(StepItem);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/step/view/step.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/step/view/step.jsx
index 8a0170f43..08c42ff7a 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/step/view/step.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/step/view/step.jsx
@@ -9,261 +9,261 @@ const setHeight = (el, height) => dom.setStyle(el, 'height', height);
 
 /** Step */
 export default class Step extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        rtl: PropTypes.bool,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    rtl: PropTypes.bool,
+    /**
          * 当前步骤
          */
-        current: PropTypes.number,
-        /**
+    current: PropTypes.number,
+    /**
          * 展示方向
          */
-        direction: PropTypes.oneOf(['hoz', 'ver']),
-        /**
+    direction: PropTypes.oneOf(['hoz', 'ver']),
+    /**
          * 横向布局时( direction 为 hoz )的内容排列
          */
-        labelPlacement: PropTypes.oneOf(['hoz', 'ver']),
-        /**
+    labelPlacement: PropTypes.oneOf(['hoz', 'ver']),
+    /**
          * 类型
          */
-        shape: PropTypes.oneOf(['circle', 'arrow', 'dot']),
-        /**
+    shape: PropTypes.oneOf(['circle', 'arrow', 'dot']),
+    /**
          * 是否只读模式
          */
-        readOnly: PropTypes.bool,
-        /**
+    readOnly: PropTypes.bool,
+    /**
          * 是否开启动效
          */
-        animation: PropTypes.bool,
-        /**
+    animation: PropTypes.bool,
+    /**
          * 自定义样式名
          */
-        className: PropTypes.string,
-        /**
+    className: PropTypes.string,
+    /**
          * StepItem 的自定义渲染
          * @param {Number} index   节点索引
          * @param {String} status  节点状态
          * @returns {Node} 节点的渲染结果
          */
-        itemRender: PropTypes.func,
+    itemRender: PropTypes.func,
+  };
+
+  static defaultProps = {
+    prefix: 'next-',
+    current: 0,
+    direction: 'hoz',
+    labelPlacement: 'ver',
+    shape: 'circle',
+    animation: true,
+    itemRender: null,
+  };
+
+  static contextTypes = {
+    prefix: PropTypes.string,
+  };
+
+  constructor(props, context) {
+    super(props, context);
+    this.state = {
+      parentWidth: 'auto',
+      parentHeight: 'auto',
+      currentfocus: 0,
     };
+    this.resize = this.resize.bind(this);
+  }
 
-    static defaultProps = {
-        prefix: 'next-',
-        current: 0,
-        direction: 'hoz',
-        labelPlacement: 'ver',
-        shape: 'circle',
-        animation: true,
-        itemRender: null,
-    };
-
-    static contextTypes = {
-        prefix: PropTypes.string,
-    };
-
-    constructor(props, context) {
-        super(props, context);
-        this.state = {
-            parentWidth: 'auto',
-            parentHeight: 'auto',
-            currentfocus: 0,
-        };
-        this.resize = this.resize.bind(this);
+  componentDidMount() {
+    /* istanbul ignore if */
+    if (!support.flex) {
+      this.resize();
+      events.on(window, 'resize', this.resize);
     }
+    this.adjustHeight();
+  }
 
-    componentDidMount() {
-        /* istanbul ignore if */
-        if (!support.flex) {
-            this.resize();
-            events.on(window, 'resize', this.resize);
-        }
-        this.adjustHeight();
+  componentWillReceiveProps(newProps) {
+    if ('current' in newProps) {
+      this.setState({
+        current: newProps.current,
+      });
     }
+  }
 
-    componentWillReceiveProps(newProps) {
-        if ('current' in newProps) {
-            this.setState({
-                current: newProps.current,
-            });
-        }
+  componentDidUpdate() {
+    this.adjustHeight();
+  }
+
+  componentWillUnmount() {
+    /* istanbul ignore if */
+    if (!support.flex) {
+      events.off(window, 'resize', this.resize);
     }
+  }
 
-    componentDidUpdate() {
-        this.adjustHeight();
-    }
-
-    componentWillUnmount() {
-        /* istanbul ignore if */
-        if (!support.flex) {
-            events.off(window, 'resize', this.resize);
-        }
-    }
-
-    adjustHeight() {
-        const { shape, direction, prefix, labelPlacement } = this.props;
-        if (
-            shape !== 'arrow' &&
+  adjustHeight() {
+    const { shape, direction, prefix, labelPlacement } = this.props;
+    if (
+      shape !== 'arrow' &&
             (direction === 'horizontal' || direction === 'hoz') &&
             (labelPlacement === 'vertical' || labelPlacement === 'ver')
-        ) {
-            const step = ReactDOM.findDOMNode(this.step);
-            // just resize when init
-            if (step.style.height) return;
-            const height = Array.prototype.slice
-                .call(step.getElementsByClassName(`${prefix}step-item`))
-                .reduce((ret, re) => {
-                    const itemHeight =
+    ) {
+      const step = ReactDOM.findDOMNode(this.step);
+      // just resize when init
+      if (step.style.height) return;
+      const height = Array.prototype.slice
+        .call(step.getElementsByClassName(`${prefix}step-item`))
+        .reduce((ret, re) => {
+          const itemHeight =
                         getHeight(re) +
                         getHeight(
-                            re.getElementsByClassName(
-                                `${prefix}step-item-body`
-                            )[0]
+                          re.getElementsByClassName(
+                            `${prefix}step-item-body`,
+                          )[0],
                         );
-                    return Math.max(itemHeight, ret);
-                }, 0);
-            setHeight(step, height);
-        }
+          return Math.max(itemHeight, ret);
+        }, 0);
+      setHeight(step, height);
     }
+  }
 
-    resize() {
-        if (this.step) {
-            this.setState({
-                parentWidth: this.step.offsetWidth || 0,
-                parentHeight: this.step.offsetHeight || 0,
-            });
-        }
+  resize() {
+    if (this.step) {
+      this.setState({
+        parentWidth: this.step.offsetWidth || 0,
+        parentHeight: this.step.offsetHeight || 0,
+      });
     }
+  }
 
-    // set dir key for aria handle
-    // handleKeyDown = e => {
-    //     const { shape, children } = this.props;
-    //     const { length: max } = children;
-    //     let { currentfocus } = this.state;
-    //     const initPosition = currentfocus;
-    //     switch (e.keyCode) {
-    //         case KEYCODE.RIGHT:
-    //         case KEYCODE.DOWN:
-    //             currentfocus++;
-    //             break;
-    //         case KEYCODE.LEFT:
-    //         case KEYCODE.UP:
-    //             currentfocus--;
-    //             break;
-    //         default:
-    //             break;
-    //     }
-    //     currentfocus =
-    //         currentfocus >= max ? 0 : currentfocus < 0 ? max - 1 : currentfocus;
-    //     this.setState({ currentfocus }, () => {
-    //         const child = this.step.children[currentfocus];
-    //         if (!child) return;
-    //         const focusItem =
-    //             shape === 'arrow'
-    //                 ? child
-    //                 : child.querySelector('.next-step-item-body');
-    //         focusItem && focusItem.focus();
-    //     });
-    //     if (initPosition !== currentfocus) {
-    //         e.preventDefault();
-    //     }
-    // };
+  // set dir key for aria handle
+  // handleKeyDown = e => {
+  //     const { shape, children } = this.props;
+  //     const { length: max } = children;
+  //     let { currentfocus } = this.state;
+  //     const initPosition = currentfocus;
+  //     switch (e.keyCode) {
+  //         case KEYCODE.RIGHT:
+  //         case KEYCODE.DOWN:
+  //             currentfocus++;
+  //             break;
+  //         case KEYCODE.LEFT:
+  //         case KEYCODE.UP:
+  //             currentfocus--;
+  //             break;
+  //         default:
+  //             break;
+  //     }
+  //     currentfocus =
+  //         currentfocus >= max ? 0 : currentfocus < 0 ? max - 1 : currentfocus;
+  //     this.setState({ currentfocus }, () => {
+  //         const child = this.step.children[currentfocus];
+  //         if (!child) return;
+  //         const focusItem =
+  //             shape === 'arrow'
+  //                 ? child
+  //                 : child.querySelector('.next-step-item-body');
+  //         focusItem && focusItem.focus();
+  //     });
+  //     if (initPosition !== currentfocus) {
+  //         e.preventDefault();
+  //     }
+  // };
 
-    _getValidChildren(children) {
-        const result = [];
-        React.Children.forEach(children, child => {
-            if (React.isValidElement(child)) {
-                result.push(child);
-            }
-        });
-        return result;
-    }
+  _getValidChildren(children) {
+    const result = [];
+    React.Children.forEach(children, child => {
+      if (React.isValidElement(child)) {
+        result.push(child);
+      }
+    });
+    return result;
+  }
 
-    _stepRefHandler = ref => {
-        this.step = ref;
-    };
+  _stepRefHandler = ref => {
+    this.step = ref;
+  };
 
-    render() {
-        // eslint-disable-next-line
+  render() {
+    // eslint-disable-next-line
         const {
-            className,
-            current,
-            labelPlacement,
-            shape,
-            readOnly,
-            animation,
-            itemRender,
-            rtl,
-            ...others
-        } = this.props;
-        let { prefix, direction, children } = this.props;
-        prefix = this.context.prefix || prefix;
-        const { parentWidth, parentHeight } = this.state;
+      className,
+      current,
+      labelPlacement,
+      shape,
+      readOnly,
+      animation,
+      itemRender,
+      rtl,
+      ...others
+    } = this.props;
+    let { prefix, direction, children } = this.props;
+    prefix = this.context.prefix || prefix;
+    const { parentWidth, parentHeight } = this.state;
 
-        // type不同对应的direction不同
-        direction = shape === 'arrow' ? 'hoz' : direction;
+    // type不同对应的direction不同
+    direction = shape === 'arrow' ? 'hoz' : direction;
 
-        // children去除null
-        children = this._getValidChildren(children);
+    // children去除null
+    children = this._getValidChildren(children);
 
-        // 修改子节点属性
-        const cloneChildren = Children.map(children, (child, index) => {
-            const status =
+    // 修改子节点属性
+    const cloneChildren = Children.map(children, (child, index) => {
+      const status =
                 index < current
-                    ? 'finish'
-                    : index === current
+                  ? 'finish'
+                  : index === current
                     ? 'process'
                     : 'wait';
 
-            return React.cloneElement(child, {
-                prefix,
-                key: index,
-                index,
-                total: children.length,
-                status: child.props.status || status,
-                shape,
-                direction,
-                labelPlacement,
-                parentWidth,
-                parentHeight,
-                readOnly,
-                animation,
-                tabIndex: 0,
-                // tabIndex: this.state.currentfocus === index ? '0' : '-1',
-                'aria-current': status === 'process' ? 'step' : null,
-                itemRender: child.props.itemRender
-                    ? child.props.itemRender
-                    : itemRender, // 优先使用Item的itemRender
-            });
-        });
+      return React.cloneElement(child, {
+        prefix,
+        key: index,
+        index,
+        total: children.length,
+        status: child.props.status || status,
+        shape,
+        direction,
+        labelPlacement,
+        parentWidth,
+        parentHeight,
+        readOnly,
+        animation,
+        tabIndex: 0,
+        // tabIndex: this.state.currentfocus === index ? '0' : '-1',
+        'aria-current': status === 'process' ? 'step' : null,
+        itemRender: child.props.itemRender
+          ? child.props.itemRender
+          : itemRender, // 优先使用Item的itemRender
+      });
+    });
 
-        const _direction =
+    const _direction =
             direction === 'ver' || direction === 'vertical'
-                ? 'vertical'
-                : 'horizontal';
-        const _labelPlacement =
+              ? 'vertical'
+              : 'horizontal';
+    const _labelPlacement =
             labelPlacement === 'ver' || labelPlacement === 'vertical'
-                ? 'vertical'
-                : 'horizontal';
-        const stepCls = classNames({
-            [`${prefix}step`]: true,
-            [`${prefix}step-${shape}`]: shape,
-            [`${prefix}step-${_direction}`]: _direction,
-            [`${prefix}step-label-${_labelPlacement}`]: _labelPlacement,
-            [className]: className,
-        });
+              ? 'vertical'
+              : 'horizontal';
+    const stepCls = classNames({
+      [`${prefix}step`]: true,
+      [`${prefix}step-${shape}`]: shape,
+      [`${prefix}step-${_direction}`]: _direction,
+      [`${prefix}step-label-${_labelPlacement}`]: _labelPlacement,
+      [className]: className,
+    });
 
-        if (rtl) {
-            others.dir = 'rtl';
-        }
-
-        // others.onKeyDown = makeChain(this.handleKeyDown, others.onKeyDown);
-
-        return (
-            <ol {...others} className={stepCls} ref={this._stepRefHandler}>
-                {cloneChildren}
-            </ol>
-        );
+    if (rtl) {
+      others.dir = 'rtl';
     }
+
+    // others.onKeyDown = makeChain(this.handleKeyDown, others.onKeyDown);
+
+    return (
+      <ol {...others} className={stepCls} ref={this._stepRefHandler}>
+        {cloneChildren}
+      </ol>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/switch/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/switch/index.jsx
index 748a697c6..7464998f6 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/switch/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/switch/index.jsx
@@ -6,209 +6,211 @@ import { KEYCODE } from '../util';
 import ConfigProvider from '../config-provider';
 import zhCN from '../locale/zh-cn';
 
-/** Switch*/
+/** Switch */
 class Switch extends React.Component {
-    static contextTypes = {
-        prefix: PropTypes.string,
-    };
-    static propTypes = {
-        prefix: PropTypes.string,
-        rtl: PropTypes.bool,
-        pure: PropTypes.bool,
-        /**
+  static contextTypes = {
+    prefix: PropTypes.string,
+  };
+
+  static propTypes = {
+    prefix: PropTypes.string,
+    rtl: PropTypes.bool,
+    pure: PropTypes.bool,
+    /**
          * 自定义类名
          */
-        className: PropTypes.string,
-        /**
+    className: PropTypes.string,
+    /**
          * 自定义内敛样式
          */
-        style: PropTypes.object,
-        /**
+    style: PropTypes.object,
+    /**
          * 打开时的内容
          */
-        checkedChildren: PropTypes.any,
-        /**
+    checkedChildren: PropTypes.any,
+    /**
          * 关闭时的内容
          */
-        unCheckedChildren: PropTypes.any,
-        /**
+    unCheckedChildren: PropTypes.any,
+    /**
          * 开关状态改变是触发此事件
          * @param {Boolean} checked 是否为打开状态
          * @param {Event} e DOM事件对象
          */
-        onChange: PropTypes.func,
-        /**
+    onChange: PropTypes.func,
+    /**
          * 开关当前的值(针对受控组件)
          */
-        checked: PropTypes.bool,
-        /**
+    checked: PropTypes.bool,
+    /**
          * 开关默认值 (针对非受控组件)
          */
-        defaultChecked: PropTypes.bool,
-        /**
+    defaultChecked: PropTypes.bool,
+    /**
          * 表示开关被禁用
          */
-        disabled: PropTypes.bool,
-        /**
+    disabled: PropTypes.bool,
+    /**
          * switch的尺寸
          * @enumdesc 正常大小, 缩小版大小
          */
-        size: PropTypes.oneOf(['medium', 'small']),
-        /**
+    size: PropTypes.oneOf(['medium', 'small']),
+    /**
          * 鼠标点击事件
          * @param {Event} e DOM事件对象
          */
-        onClick: PropTypes.func,
-        /**
+    onClick: PropTypes.func,
+    /**
          * 键盘按键事件
          * @param {Event} e DOM事件对象
          */
-        onKeyDown: PropTypes.func,
-        /**
+    onKeyDown: PropTypes.func,
+    /**
          * 是否为预览态
          */
-        isPreview: PropTypes.bool,
-        /**
+    isPreview: PropTypes.bool,
+    /**
          * 预览态模式下渲染的内容
          * @param {number} value 评分值
          */
-        renderPreview: PropTypes.func,
-        /**
+    renderPreview: PropTypes.func,
+    /**
          * 国际化配置
          */
-        locale: PropTypes.object,
+    locale: PropTypes.object,
+  };
+
+  static defaultProps = {
+    prefix: 'next-',
+    size: 'medium',
+    disabled: false,
+    defaultChecked: false,
+    isPreview: false,
+    readOnly: false,
+    onChange: () => {},
+    locale: zhCN.Switch,
+  };
+
+  constructor(props, context) {
+    super(props, context);
+
+    const checked = props.checked || props.defaultChecked;
+    this.onChange = this.onChange.bind(this);
+    this.onKeyDown = this.onKeyDown.bind(this);
+    this.state = {
+      checked,
     };
-    static defaultProps = {
-        prefix: 'next-',
-        size: 'medium',
+  }
+
+  static getDerivedStateFromProps(props, state) {
+    if ('checked' in props && props.checked !== state.checked) {
+      return {
+        checked: !!props.checked,
+      };
+    }
+
+    return null;
+  }
+
+  onChange(ev) {
+    const checked = !this.state.checked;
+
+    if (!('checked' in this.props)) {
+      this.setState({
+        checked,
+      });
+    }
+    this.props.onChange(checked, ev);
+    this.props.onClick && this.props.onClick(ev);
+  }
+
+  onKeyDown(e) {
+    if (e.keyCode === KEYCODE.ENTER || e.keyCode === KEYCODE.SPACE) {
+      this.onChange(e);
+    }
+    this.props.onKeyDown && this.props.onKeyDown(e);
+  }
+
+  render() {
+    const {
+      prefix,
+      className,
+      disabled,
+      readOnly,
+      size,
+      checkedChildren,
+      unCheckedChildren,
+      rtl,
+      isPreview,
+      renderPreview,
+      locale,
+      ...others
+    } = this.props;
+    const { checked } = this.state;
+    const status = checked ? 'on' : 'off';
+    const children = checked ? checkedChildren : unCheckedChildren;
+
+    let _size = size;
+    if (_size !== 'small' && _size !== 'medium') {
+      _size = 'medium';
+    }
+
+    const classes = classNames({
+      [`${prefix}switch`]: true,
+      [`${prefix}switch-${status}`]: true,
+      [`${prefix}switch-${_size}`]: true,
+      [className]: className,
+    });
+    let attrs;
+    const isDisabled = disabled || readOnly;
+
+    if (!isDisabled) {
+      attrs = {
+        onClick: this.onChange,
+        tabIndex: 0,
+        onKeyDown: this.onKeyDown,
         disabled: false,
-        defaultChecked: false,
-        isPreview: false,
-        readOnly: false,
-        onChange: () => {},
-        locale: zhCN.Switch,
-    };
-
-    constructor(props, context) {
-        super(props, context);
-
-        const checked = props.checked || props.defaultChecked;
-        this.onChange = this.onChange.bind(this);
-        this.onKeyDown = this.onKeyDown.bind(this);
-        this.state = {
-            checked,
-        };
+      };
+    } else {
+      attrs = {
+        disabled: true,
+      };
     }
 
-    static getDerivedStateFromProps(props, state) {
-        if ('checked' in props && props.checked !== state.checked) {
-            return {
-                checked: !!props.checked,
-            };
-        }
-
-        return null;
-    }
-
-    onChange(ev) {
-        const checked = !this.state.checked;
-
-        if (!('checked' in this.props)) {
-            this.setState({
-                checked,
-            });
-        }
-        this.props.onChange(checked, ev);
-        this.props.onClick && this.props.onClick(ev);
-    }
-
-    onKeyDown(e) {
-        if (e.keyCode === KEYCODE.ENTER || e.keyCode === KEYCODE.SPACE) {
-            this.onChange(e);
-        }
-        this.props.onKeyDown && this.props.onKeyDown(e);
-    }
-
-    render() {
-        const {
-            prefix,
-            className,
-            disabled,
-            readOnly,
-            size,
-            checkedChildren,
-            unCheckedChildren,
-            rtl,
-            isPreview,
-            renderPreview,
-            locale,
-            ...others
-        } = this.props;
-        const { checked } = this.state;
-        const status = checked ? 'on' : 'off';
-        const children = checked ? checkedChildren : unCheckedChildren;
-
-        let _size = size;
-        if (_size !== 'small' && _size !== 'medium') {
-            _size = 'medium';
-        }
-
-        const classes = classNames({
-            [`${prefix}switch`]: true,
-            [`${prefix}switch-${status}`]: true,
-            [`${prefix}switch-${_size}`]: true,
-            [className]: className,
-        });
-        let attrs;
-        const isDisabled = disabled || readOnly;
-
-        if (!isDisabled) {
-            attrs = {
-                onClick: this.onChange,
-                tabIndex: 0,
-                onKeyDown: this.onKeyDown,
-                disabled: false,
-            };
-        } else {
-            attrs = {
-                disabled: true,
-            };
-        }
-
-        if (isPreview) {
-            const previewCls = classNames(className, {
-                [`${prefix}form-preview`]: true,
-            });
-
-            if ('renderPreview' in this.props) {
-                return (
-                    <div className={previewCls} {...others}>
-                        {renderPreview(checked, this.props)}
-                    </div>
-                );
-            }
-
-            return (
-                <p className={previewCls} {...others}>
-                    {locale[status]}
-                </p>
-            );
-        }
+    if (isPreview) {
+      const previewCls = classNames(className, {
+        [`${prefix}form-preview`]: true,
+      });
 
+      if ('renderPreview' in this.props) {
         return (
-            <div
-                role="switch"
-                dir={rtl ? 'rtl' : undefined}
-                tabIndex="0"
-                {...others}
-                className={classes}
-                {...attrs}
-                aria-checked={checked}
-            >
-                <div className={`${prefix}switch-children`}>{children}</div>
-            </div>
+          <div className={previewCls} {...others}>
+            {renderPreview(checked, this.props)}
+          </div>
         );
+      }
+
+      return (
+        <p className={previewCls} {...others}>
+          {locale[status]}
+        </p>
+      );
     }
+
+    return (
+      <div
+        role="switch"
+        dir={rtl ? 'rtl' : undefined}
+        tabIndex="0"
+        {...others}
+        className={classes}
+        {...attrs}
+        aria-checked={checked}
+      >
+        <div className={`${prefix}switch-children`}>{children}</div>
+      </div>
+    );
+  }
 }
 
 export default ConfigProvider.config(polyfill(Switch));
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/tab/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/tab/index.jsx
index e5cae028a..4f1711fb7 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/tab/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/tab/index.jsx
@@ -5,48 +5,48 @@ import Item from './tabs/tab-item';
 Tab.Item = Item;
 
 Tab.TabPane = ConfigProvider.config(Item, {
-    transform: (props, deprecated) => {
-        deprecated('Tab.TabPane', 'Tab.Item', 'Tab');
-        return props;
-    },
+  transform: (props, deprecated) => {
+    deprecated('Tab.TabPane', 'Tab.Item', 'Tab');
+    return props;
+  },
 });
 
 export default ConfigProvider.config(Tab, {
-    transform: /* istanbul ignore next */ (props, deprecated) => {
-        if ('type' in props) {
-            deprecated('type', 'shape', 'Tab');
-            const { type, ...others } = props;
-            props = { shape: type, ...others };
-        }
-        if ('resDirection' in props) {
-            const { resDirection, ...others } = props;
+  transform: /* istanbul ignore next */ (props, deprecated) => {
+    if ('type' in props) {
+      deprecated('type', 'shape', 'Tab');
+      const { type, ...others } = props;
+      props = { shape: type, ...others };
+    }
+    if ('resDirection' in props) {
+      const { resDirection, ...others } = props;
 
-            let excessMode;
-            if (resDirection === 'horizontal') {
-                deprecated(
-                    'resDirection=horizontal',
-                    'excessMode=slide',
-                    'Tab'
-                );
+      let excessMode;
+      if (resDirection === 'horizontal') {
+        deprecated(
+          'resDirection=horizontal',
+          'excessMode=slide',
+          'Tab',
+        );
 
-                excessMode = 'slide';
-            } else if (resDirection === 'vertical') {
-                deprecated(
-                    'resDirection=vertical',
-                    'excessMode=dropdown',
-                    'Tab'
-                );
+        excessMode = 'slide';
+      } else if (resDirection === 'vertical') {
+        deprecated(
+          'resDirection=vertical',
+          'excessMode=dropdown',
+          'Tab',
+        );
 
-                excessMode = 'dropdown';
-            }
-            props = { excessMode, ...others };
-        }
-        if ('tabBarExtraContent' in props) {
-            deprecated('tabBarExtraContent', 'extra', 'Tab');
-            const { tabBarExtraContent, ...others } = props;
-            props = { extra: tabBarExtraContent, ...others };
-        }
+        excessMode = 'dropdown';
+      }
+      props = { excessMode, ...others };
+    }
+    if ('tabBarExtraContent' in props) {
+      deprecated('tabBarExtraContent', 'extra', 'Tab');
+      const { tabBarExtraContent, ...others } = props;
+      props = { extra: tabBarExtraContent, ...others };
+    }
 
-        return props;
-    },
+    return props;
+  },
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/tab/tab.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/tab/tab.jsx
index e7b4dea16..9e458a023 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/tab/tab.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/tab/tab.jsx
@@ -10,315 +10,315 @@ const noop = () => {};
 
 /** Tab */
 export default class Tab extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        rtl: PropTypes.bool,
-        device: PropTypes.oneOf(['tablet', 'desktop', 'phone']),
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    rtl: PropTypes.bool,
+    device: PropTypes.oneOf(['tablet', 'desktop', 'phone']),
+    /**
          * 被激活的选项卡的 key, 赋值则tab为受控组件, 用户无法切换
          */
-        activeKey: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        /**
+    activeKey: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    /**
          * 初始化时被激活的选项卡的 key
          */
-        defaultActiveKey: PropTypes.oneOfType([
-            PropTypes.number,
-            PropTypes.string,
-        ]),
-        /**
+    defaultActiveKey: PropTypes.oneOfType([
+      PropTypes.number,
+      PropTypes.string,
+    ]),
+    /**
          * 外观形态
          */
-        shape: PropTypes.oneOf(['pure', 'wrapped', 'text', 'capsule']),
-        /**
+    shape: PropTypes.oneOf(['pure', 'wrapped', 'text', 'capsule']),
+    /**
          * 是否开启动效
          */
-        animation: PropTypes.bool,
-        /**
+    animation: PropTypes.bool,
+    /**
          * 选项卡过多时的滑动模式
          */
-        excessMode: PropTypes.oneOf(['slide', 'dropdown']),
-        /**
+    excessMode: PropTypes.oneOf(['slide', 'dropdown']),
+    /**
          * 导航选项卡的位置，只适用于包裹型（wrapped）选项卡
          */
-        tabPosition: PropTypes.oneOf(['top', 'bottom', 'left', 'right']),
-        /**
+    tabPosition: PropTypes.oneOf(['top', 'bottom', 'left', 'right']),
+    /**
          * 尺寸
          */
-        size: PropTypes.oneOf(['small', 'medium']),
-        /**
+    size: PropTypes.oneOf(['small', 'medium']),
+    /**
          * 激活选项卡的触发方式
          */
-        triggerType: PropTypes.oneOf(['hover', 'click']),
-        /**
+    triggerType: PropTypes.oneOf(['hover', 'click']),
+    /**
          * 是否延迟加载 TabPane 的内容, 默认开启, 即不提前渲染
          */
-        lazyLoad: PropTypes.bool,
-        /**
+    lazyLoad: PropTypes.bool,
+    /**
          * 是否自动卸载未处于激活状态的选项卡
          */
-        unmountInactiveTabs: PropTypes.bool,
-        /**
+    unmountInactiveTabs: PropTypes.bool,
+    /**
          * 导航条的自定义样式
          */
-        navStyle: PropTypes.object,
-        /**
+    navStyle: PropTypes.object,
+    /**
          * 导航条的自定义样式类
          */
-        navClassName: PropTypes.string,
-        /**
+    navClassName: PropTypes.string,
+    /**
          * 内容区容器的自定义样式
          */
-        contentStyle: PropTypes.object,
-        /**
+    contentStyle: PropTypes.object,
+    /**
          * 内容区容器的自定义样式类
          */
-        contentClassName: PropTypes.string,
-        /**
+    contentClassName: PropTypes.string,
+    /**
          * 导航栏附加内容
          */
-        extra: PropTypes.node,
-        /**
+    extra: PropTypes.node,
+    /**
          * 点击单个选项卡时触发的回调
          */
-        onClick: PropTypes.func,
-        /**
+    onClick: PropTypes.func,
+    /**
          * 选项卡发生切换时的事件回调
          * @param {String|Number} key 改变后的 key
          */
-        onChange: PropTypes.func,
-        /**
+    onChange: PropTypes.func,
+    /**
          * 选项卡被关闭时的事件回调
          * @param {String|Number} key   关闭的选项卡的 key
          */
-        onClose: PropTypes.func,
-        /**
+    onClose: PropTypes.func,
+    /**
          * 自定义选项卡模板渲染函数
          * @param {String} key 当前 Tab.Item 的 key 值
          * @param {Object} props 传给 Tab.Item 的所有属性键值对
          * @return {ReactNode} 返回自定义组件
          */
-        tabRender: PropTypes.func,
-        /**
+    tabRender: PropTypes.func,
+    /**
          * 弹层属性透传, 只有当 excessMode 为 dropdown 时生效
          */
-        popupProps: PropTypes.object,
-        children: PropTypes.any,
-        className: PropTypes.string,
+    popupProps: PropTypes.object,
+    children: PropTypes.any,
+    className: PropTypes.string,
+  };
+
+  static defaultProps = {
+    prefix: 'next-',
+    shape: 'pure',
+    size: 'medium',
+    animation: true,
+    tabPosition: 'top',
+    excessMode: 'slide',
+    triggerType: 'click',
+    lazyLoad: true,
+    unmountInactiveTabs: false,
+    onClick: noop,
+    onChange: noop,
+    onClose: noop,
+  };
+
+  constructor(props, context) {
+    super(props, context);
+    this.state = {
+      activeKey: this.getDefaultActiveKey(props),
     };
+  }
 
-    static defaultProps = {
-        prefix: 'next-',
-        shape: 'pure',
-        size: 'medium',
-        animation: true,
-        tabPosition: 'top',
-        excessMode: 'slide',
-        triggerType: 'click',
-        lazyLoad: true,
-        unmountInactiveTabs: false,
-        onClick: noop,
-        onChange: noop,
-        onClose: noop,
-    };
-
-    constructor(props, context) {
-        super(props, context);
-        this.state = {
-            activeKey: this.getDefaultActiveKey(props),
-        };
-    }
-
-    componentWillReceiveProps(nextProps) {
-        if (
-            nextProps.activeKey !== undefined &&
+  componentWillReceiveProps(nextProps) {
+    if (
+      nextProps.activeKey !== undefined &&
             this.state.activeKey !== `${nextProps.activeKey}`
-        ) {
-            this.setState({
-                activeKey: `${nextProps.activeKey}`,
-            });
-        }
+    ) {
+      this.setState({
+        activeKey: `${nextProps.activeKey}`,
+      });
     }
+  }
 
-    getDefaultActiveKey(props) {
-        let activeKey =
+  getDefaultActiveKey(props) {
+    let activeKey =
             props.activeKey === undefined
-                ? props.defaultActiveKey
-                : props.activeKey;
+              ? props.defaultActiveKey
+              : props.activeKey;
 
-        if (activeKey === undefined) {
-            React.Children.forEach(props.children, (child, index) => {
-                if (activeKey !== undefined) return;
-                if (React.isValidElement(child)) {
-                    if (!child.props.disabled) {
-                        activeKey = child.key || index;
-                    }
-                }
-            });
+    if (activeKey === undefined) {
+      React.Children.forEach(props.children, (child, index) => {
+        if (activeKey !== undefined) return;
+        if (React.isValidElement(child)) {
+          if (!child.props.disabled) {
+            activeKey = child.key || index;
+          }
         }
-
-        return `${activeKey}`;
+      });
     }
 
-    getNextActiveKey(isNext) {
-        const children = [];
-        React.Children.forEach(this.props.children, child => {
-            if (React.isValidElement(child)) {
-                if (!child.props.disabled) {
-                    if (isNext) {
-                        children.push(child);
-                    } else {
-                        children.unshift(child);
-                    }
-                }
-            }
-        });
+    return `${activeKey}`;
+  }
 
-        const length = children.length;
-        let key = length && children[0].key;
-        children.forEach((child, i) => {
-            if (child.key === this.state.activeKey) {
-                if (i === length - 1) {
-                    key = children[0].key;
-                } else {
-                    key = children[i + 1].key;
-                }
-            }
-        });
-        return key;
+  getNextActiveKey(isNext) {
+    const children = [];
+    React.Children.forEach(this.props.children, child => {
+      if (React.isValidElement(child)) {
+        if (!child.props.disabled) {
+          if (isNext) {
+            children.push(child);
+          } else {
+            children.unshift(child);
+          }
+        }
+      }
+    });
+
+    const { length } = children;
+    let key = length && children[0].key;
+    children.forEach((child, i) => {
+      if (child.key === this.state.activeKey) {
+        if (i === length - 1) {
+          key = children[0].key;
+        } else {
+          key = children[i + 1].key;
+        }
+      }
+    });
+    return key;
+  }
+
+  setActiveKey(key) {
+    const { activeKey } = this.state;
+
+    // 如果 key 没变，或者受控状态下，则跳过
+    if (key === activeKey || 'activeKey' in this.props) {
+      return;
     }
+    this.setState({
+      activeKey: key,
+    });
+  }
 
-    setActiveKey(key) {
-        const { activeKey } = this.state;
-
-        // 如果 key 没变，或者受控状态下，则跳过
-        if (key === activeKey || 'activeKey' in this.props) {
-            return;
-        }
-        this.setState({
-            activeKey: key,
-        });
+  handleTriggerEvent = (eventType, key) => {
+    const { triggerType, onClick, onChange } = this.props;
+    if (triggerType === eventType) {
+      onClick(key);
+      this.setActiveKey(key);
+      if (this.state.activeKey !== key) {
+        onChange(key);
+      }
     }
+  };
 
-    handleTriggerEvent = (eventType, key) => {
-        const { triggerType, onClick, onChange } = this.props;
-        if (triggerType === eventType) {
-            onClick(key);
-            this.setActiveKey(key);
-            if (this.state.activeKey !== key) {
-                onChange(key);
-            }
-        }
-    };
+  onNavKeyDown = e => {
+    const { keyCode } = e;
+    if (keyCode >= KEYCODE.LEFT && keyCode <= KEYCODE.DOWN) {
+      e.preventDefault();
+    }
+    let newKey;
+    if (keyCode === KEYCODE.RIGHT || keyCode === KEYCODE.DOWN) {
+      newKey = this.getNextActiveKey(true);
+      this.handleTriggerEvent(this.props.triggerType, newKey);
+    } else if (keyCode === KEYCODE.LEFT || keyCode === KEYCODE.UP) {
+      newKey = this.getNextActiveKey(false);
+      this.handleTriggerEvent(this.props.triggerType, newKey);
+    }
+  };
 
-    onNavKeyDown = e => {
-        const keyCode = e.keyCode;
-        if (keyCode >= KEYCODE.LEFT && keyCode <= KEYCODE.DOWN) {
-            e.preventDefault();
-        }
-        let newKey;
-        if (keyCode === KEYCODE.RIGHT || keyCode === KEYCODE.DOWN) {
-            newKey = this.getNextActiveKey(true);
-            this.handleTriggerEvent(this.props.triggerType, newKey);
-        } else if (keyCode === KEYCODE.LEFT || keyCode === KEYCODE.UP) {
-            newKey = this.getNextActiveKey(false);
-            this.handleTriggerEvent(this.props.triggerType, newKey);
-        }
-    };
+  render() {
+    const {
+      prefix,
+      animation,
+      shape,
+      size,
+      extra,
+      excessMode,
+      tabPosition,
+      tabRender,
+      triggerType,
+      lazyLoad,
+      unmountInactiveTabs,
+      popupProps,
+      navStyle,
+      navClassName,
+      contentStyle,
+      contentClassName,
+      className,
+      onClose,
+      children,
+      rtl,
+      device,
+      ...others
+    } = this.props;
+    const { activeKey } = this.state;
 
-    render() {
-        const {
-            prefix,
-            animation,
-            shape,
-            size,
-            extra,
-            excessMode,
-            tabPosition,
-            tabRender,
-            triggerType,
-            lazyLoad,
-            unmountInactiveTabs,
-            popupProps,
-            navStyle,
-            navClassName,
-            contentStyle,
-            contentClassName,
-            className,
-            onClose,
-            children,
-            rtl,
-            device,
-            ...others
-        } = this.props;
-        const { activeKey } = this.state;
-
-        const tabs = toArray(children);
-        const isTouchable = ['phone', 'tablet'].indexOf(device) !== -1;
-        let newPosition = tabPosition;
-        if (rtl && ['left', 'right'].indexOf(tabPosition) >= 0) {
-            newPosition = tabPosition === 'left' ? 'right' : 'left';
-        }
-        const classNames = classnames(
-            {
-                [`${prefix}tabs`]: true,
-                [`${prefix}tabs-${shape}`]: shape,
-                [`${prefix}tabs-vertical`]:
+    const tabs = toArray(children);
+    const isTouchable = ['phone', 'tablet'].indexOf(device) !== -1;
+    let newPosition = tabPosition;
+    if (rtl && ['left', 'right'].indexOf(tabPosition) >= 0) {
+      newPosition = tabPosition === 'left' ? 'right' : 'left';
+    }
+    const classNames = classnames(
+      {
+        [`${prefix}tabs`]: true,
+        [`${prefix}tabs-${shape}`]: shape,
+        [`${prefix}tabs-vertical`]:
                     shape === 'wrapped' &&
                     ['left', 'right'].indexOf(tabPosition) >= 0,
-                [`${prefix}tabs-scrollable`]: isTouchable,
-                [`${prefix}tabs-${newPosition}`]: shape === 'wrapped',
-                [`${prefix + size}`]: size,
-            },
-            className
-        );
+        [`${prefix}tabs-scrollable`]: isTouchable,
+        [`${prefix}tabs-${newPosition}`]: shape === 'wrapped',
+        [`${prefix + size}`]: size,
+      },
+      className,
+    );
 
-        const navProps = {
-            prefix,
-            rtl,
-            animation,
-            activeKey,
-            excessMode: isTouchable ? 'slide' : excessMode,
-            extra,
-            tabs,
-            tabPosition,
-            tabRender,
-            triggerType,
-            popupProps,
-            onClose,
-            onTriggerEvent: this.handleTriggerEvent,
-            onKeyDown: this.onNavKeyDown,
-            style: navStyle,
-            className: navClassName,
-        };
+    const navProps = {
+      prefix,
+      rtl,
+      animation,
+      activeKey,
+      excessMode: isTouchable ? 'slide' : excessMode,
+      extra,
+      tabs,
+      tabPosition,
+      tabRender,
+      triggerType,
+      popupProps,
+      onClose,
+      onTriggerEvent: this.handleTriggerEvent,
+      onKeyDown: this.onNavKeyDown,
+      style: navStyle,
+      className: navClassName,
+    };
 
-        const contentProps = {
-            prefix,
-            activeKey,
-            lazyLoad,
-            unmountInactiveTabs,
-            style: contentStyle,
-            className: contentClassName,
-        };
+    const contentProps = {
+      prefix,
+      activeKey,
+      lazyLoad,
+      unmountInactiveTabs,
+      style: contentStyle,
+      className: contentClassName,
+    };
 
-        const tabChildren = [
-            <TabNav key="tab-nav" {...navProps} />,
-            <TabContent key="tab-content" {...contentProps}>
-                {tabs}
-            </TabContent>,
-        ];
+    const tabChildren = [
+      <TabNav key="tab-nav" {...navProps} />,
+      <TabContent key="tab-content" {...contentProps}>
+        {tabs}
+      </TabContent>,
+    ];
 
-        if (tabPosition === 'bottom') {
-            tabChildren.reverse();
-        }
-
-        return (
-            <div
-                dir={rtl ? 'rtl' : undefined}
-                className={classNames}
-                {...obj.pickOthers(Tab.propTypes, others)}
-            >
-                {tabChildren}
-            </div>
-        );
+    if (tabPosition === 'bottom') {
+      tabChildren.reverse();
     }
+
+    return (
+      <div
+        dir={rtl ? 'rtl' : undefined}
+        className={classNames}
+        {...obj.pickOthers(Tab.propTypes, others)}
+      >
+        {tabChildren}
+      </div>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/tab/tabs/content.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/tab/tabs/content.jsx
index df68bb3ec..d9f7c920f 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/tab/tabs/content.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/tab/tabs/content.jsx
@@ -3,50 +3,50 @@ import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
 class TabContent extends PureComponent {
-    static propTypes = {
-        prefix: PropTypes.string,
-        activeKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-        lazyLoad: PropTypes.bool,
-        children: PropTypes.any,
-    };
+  static propTypes = {
+    prefix: PropTypes.string,
+    activeKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    lazyLoad: PropTypes.bool,
+    children: PropTypes.any,
+  };
 
-    render() {
-        const {
-            prefix,
-            activeKey,
-            lazyLoad,
-            unmountInactiveTabs,
-            children,
-            className,
-            ...others
-        } = this.props;
-        const formatChildren = [];
-        React.Children.forEach(children, child => {
-            /* eslint-disable eqeqeq */
-            const active = activeKey == child.key;
-            formatChildren.push(
-                React.cloneElement(child, {
-                    prefix,
-                    active,
-                    lazyLoad,
-                    unmountInactiveTabs,
-                })
-            );
-        });
+  render() {
+    const {
+      prefix,
+      activeKey,
+      lazyLoad,
+      unmountInactiveTabs,
+      children,
+      className,
+      ...others
+    } = this.props;
+    const formatChildren = [];
+    React.Children.forEach(children, child => {
+      /* eslint-disable eqeqeq */
+      const active = activeKey == child.key;
+      formatChildren.push(
+        React.cloneElement(child, {
+          prefix,
+          active,
+          lazyLoad,
+          unmountInactiveTabs,
+        }),
+      );
+    });
 
-        const classNames = classnames(
-            {
-                [`${prefix}tabs-content`]: true,
-            },
-            className
-        );
+    const classNames = classnames(
+      {
+        [`${prefix}tabs-content`]: true,
+      },
+      className,
+    );
 
-        return (
-            <div {...others} className={classNames}>
-                {formatChildren}
-            </div>
-        );
-    }
+    return (
+      <div {...others} className={classNames}>
+        {formatChildren}
+      </div>
+    );
+  }
 }
 
 export default TabContent;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/tab/tabs/nav.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/tab/tabs/nav.jsx
index 33280777a..bbbedc371 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/tab/tabs/nav.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/tab/tabs/nav.jsx
@@ -8,10 +8,10 @@ import Menu from '../../menu';
 import Animate from '../../animate';
 import { events, KEYCODE, dom } from '../../util';
 import {
-    triggerEvents,
-    getOffsetLT,
-    getOffsetWH,
-    isTransformSupported,
+  triggerEvents,
+  getOffsetLT,
+  getOffsetWH,
+  isTransformSupported,
 } from './utils';
 
 const floatRight = { float: 'right', zIndex: 1 };
@@ -19,660 +19,660 @@ const floatLeft = { float: 'left', zIndex: 1 };
 const { Popup } = Overlay;
 
 class Nav extends React.Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        rtl: PropTypes.bool,
-        animation: PropTypes.bool,
-        activeKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-        excessMode: PropTypes.string,
-        extra: PropTypes.any,
-        tabs: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
-        tabPosition: PropTypes.string,
-        tabRender: PropTypes.func,
-        triggerType: PropTypes.string,
-        popupProps: PropTypes.object,
-        onTriggerEvent: PropTypes.func,
-        onKeyDown: PropTypes.func,
-        onClose: PropTypes.func,
-        style: PropTypes.object,
-        className: PropTypes.string,
+  static propTypes = {
+    prefix: PropTypes.string,
+    rtl: PropTypes.bool,
+    animation: PropTypes.bool,
+    activeKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    excessMode: PropTypes.string,
+    extra: PropTypes.any,
+    tabs: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
+    tabPosition: PropTypes.string,
+    tabRender: PropTypes.func,
+    triggerType: PropTypes.string,
+    popupProps: PropTypes.object,
+    onTriggerEvent: PropTypes.func,
+    onKeyDown: PropTypes.func,
+    onClose: PropTypes.func,
+    style: PropTypes.object,
+    className: PropTypes.string,
+  };
+
+  constructor(props, context) {
+    super(props, context);
+    this.state = {
+      showBtn: false,
+      dropdownTabs: [],
     };
+    this.offset = 0;
+  }
 
-    constructor(props, context) {
-        super(props, context);
-        this.state = {
-            showBtn: false,
-            dropdownTabs: [],
-        };
-        this.offset = 0;
+  componentDidMount() {
+    if (!this.props.animation) {
+      this.initialSettings();
     }
 
-    componentDidMount() {
-        if (!this.props.animation) {
-            this.initialSettings();
-        }
+    events.on(window, 'resize', this.onWindowResized);
+  }
 
-        events.on(window, 'resize', this.onWindowResized);
-    }
+  componentDidUpdate() {
+    // 此处通过延时处理，屏蔽动画带来的定位不准确问题（由于要支持ie9，因此无法使用transitionend）
+    clearTimeout(this.scrollTimer);
+    this.scrollTimer = setTimeout(() => {
+      this.scrollToActiveTab();
+    }, 410); // transition-duration is set to be .4s, wait for the transition finishes before re-calc
 
-    componentDidUpdate() {
-        // 此处通过延时处理，屏蔽动画带来的定位不准确问题（由于要支持ie9，因此无法使用transitionend）
-        clearTimeout(this.scrollTimer);
-        this.scrollTimer = setTimeout(() => {
-            this.scrollToActiveTab();
-        }, 410); // transition-duration is set to be .4s, wait for the transition finishes before re-calc
+    clearTimeout(this.slideTimer);
+    this.slideTimer = setTimeout(() => {
+      this.setSlideBtn();
+    }, 200);
+  }
 
-        clearTimeout(this.slideTimer);
-        this.slideTimer = setTimeout(() => {
-            this.setSlideBtn();
-        }, 200);
-    }
+  componentWillUnmount() {
+    events.off(window, 'resize', this.onWindowResized);
+  }
 
-    componentWillUnmount() {
-        events.off(window, 'resize', this.onWindowResized);
-    }
+  initialSettings() {
+    this.setSlideBtn();
+    this.getDropdownItems(this.props);
+  }
 
-    initialSettings() {
-        this.setSlideBtn();
-        this.getDropdownItems(this.props);
-    }
-
-    /**
+  /**
      * The key method about move
      * @param {number} target position to slide to
      * @param {bool} checkSlideBtn need to check the slide button status or not
      * @param {bool} setActive need to check the active status or not
      */
-    setOffset(target, checkSlideBtn = true, setActive = true) {
-        const { tabPosition, rtl } = this.props;
-        const navWH = getOffsetWH(this.nav, tabPosition);
-        const wrapperWH = getOffsetWH(this.wrapper);
+  setOffset(target, checkSlideBtn = true, setActive = true) {
+    const { tabPosition, rtl } = this.props;
+    const navWH = getOffsetWH(this.nav, tabPosition);
+    const wrapperWH = getOffsetWH(this.wrapper);
 
-        // target should not be great than 0, i.e. should not over slide to left-most
-        target = target >= 0 ? 0 : target;
-        // when need to slide, should not slide to exceed right-most
-        target =
+    // target should not be great than 0, i.e. should not over slide to left-most
+    target = target >= 0 ? 0 : target;
+    // when need to slide, should not slide to exceed right-most
+    target =
             target <= wrapperWH - navWH && wrapperWH - navWH < 0
-                ? wrapperWH - navWH
-                : target;
+              ? wrapperWH - navWH
+              : target;
 
-        const relativeOffset = target - this.offset;
-        if (this.activeTab && this.props.excessMode === 'slide' && setActive) {
-            const activeTabWH = getOffsetWH(this.activeTab);
-            const activeTabOffset =
+    const relativeOffset = target - this.offset;
+    if (this.activeTab && this.props.excessMode === 'slide' && setActive) {
+      const activeTabWH = getOffsetWH(this.activeTab);
+      const activeTabOffset =
                 getOffsetLT(this.activeTab) + relativeOffset;
-            const wrapperOffset = getOffsetLT(this.wrapper);
-            target = this._adjustTarget({
-                wrapperOffset,
-                wrapperWH,
-                activeTabWH,
-                activeTabOffset,
-                rtl,
-                target,
-            });
-        }
-
-        if (this.offset !== target) {
-            // needs move
-            this.offset = target;
-            let navOffset = {};
-            const navStyle = this.nav.style;
-
-            const canTransform = isTransformSupported(navStyle);
-            if (tabPosition === 'left' || tabPosition === 'right') {
-                navOffset = canTransform
-                    ? {
-                          value: `translate3d(0, ${target}px, 0)`,
-                      }
-                    : {
-                          name: 'top',
-                          value: `${target}px`,
-                      };
-            } else if (!this.props.rtl) {
-                navOffset = canTransform
-                    ? {
-                          value: `translate3d(${target}px, 0, 0)`,
-                      }
-                    : {
-                          name: 'left',
-                          value: `${target}px`,
-                      };
-            } else {
-                navOffset = canTransform
-                    ? {
-                          value: `translate3d(${-target}px, 0, 0)`,
-                      }
-                    : {
-                          name: 'right',
-                          value: `${target}px`,
-                      };
-            }
-
-            if (canTransform) {
-                Object.assign(navStyle, {
-                    transform: navOffset.value,
-                    webkitTransform: navOffset.value,
-                    mozTransform: navOffset.value,
-                });
-            } else {
-                navStyle[navOffset.name] = navOffset.value;
-            }
-
-            if (checkSlideBtn) {
-                this.setSlideBtn();
-            }
-        }
-    }
-
-    _adjustTarget({
+      const wrapperOffset = getOffsetLT(this.wrapper);
+      target = this._adjustTarget({
         wrapperOffset,
         wrapperWH,
         activeTabWH,
         activeTabOffset,
         rtl,
         target,
-    }) {
-        if (
-            // active tab covers wrapper right edge
-            wrapperOffset + wrapperWH < activeTabOffset + activeTabWH &&
+      });
+    }
+
+    if (this.offset !== target) {
+      // needs move
+      this.offset = target;
+      let navOffset = {};
+      const navStyle = this.nav.style;
+
+      const canTransform = isTransformSupported(navStyle);
+      if (tabPosition === 'left' || tabPosition === 'right') {
+        navOffset = canTransform
+          ? {
+            value: `translate3d(0, ${target}px, 0)`,
+          }
+          : {
+            name: 'top',
+            value: `${target}px`,
+          };
+      } else if (!this.props.rtl) {
+        navOffset = canTransform
+          ? {
+            value: `translate3d(${target}px, 0, 0)`,
+          }
+          : {
+            name: 'left',
+            value: `${target}px`,
+          };
+      } else {
+        navOffset = canTransform
+          ? {
+            value: `translate3d(${-target}px, 0, 0)`,
+          }
+          : {
+            name: 'right',
+            value: `${target}px`,
+          };
+      }
+
+      if (canTransform) {
+        Object.assign(navStyle, {
+          transform: navOffset.value,
+          webkitTransform: navOffset.value,
+          mozTransform: navOffset.value,
+        });
+      } else {
+        navStyle[navOffset.name] = navOffset.value;
+      }
+
+      if (checkSlideBtn) {
+        this.setSlideBtn();
+      }
+    }
+  }
+
+  _adjustTarget({
+    wrapperOffset,
+    wrapperWH,
+    activeTabWH,
+    activeTabOffset,
+    rtl,
+    target,
+  }) {
+    if (
+    // active tab covers wrapper right edge
+      wrapperOffset + wrapperWH < activeTabOffset + activeTabWH &&
             activeTabOffset < wrapperOffset + wrapperWH
-        ) {
-            if (rtl) {
-                target += // Move more to make active tab totally in visible zone
+    ) {
+      if (rtl) {
+        target += // Move more to make active tab totally in visible zone
                     activeTabOffset + activeTabWH - (wrapperOffset + wrapperWH);
-            } else {
-                target -=
+      } else {
+        target -=
                     activeTabOffset +
                     activeTabWH -
                     (wrapperOffset + wrapperWH) +
                     1;
-            }
+      }
 
-            return target;
-        }
-        if (
-            // active tab covers wrapper left edge
-            wrapperOffset < activeTabOffset + activeTabWH &&
+      return target;
+    }
+    if (
+    // active tab covers wrapper left edge
+      wrapperOffset < activeTabOffset + activeTabWH &&
             activeTabOffset < wrapperOffset
-        ) {
-            if (rtl) {
-                target -= wrapperOffset - activeTabOffset + 1;
-            } else {
-                target += wrapperOffset - activeTabOffset;
-            }
-            return target;
-        }
-        return target;
+    ) {
+      if (rtl) {
+        target -= wrapperOffset - activeTabOffset + 1;
+      } else {
+        target += wrapperOffset - activeTabOffset;
+      }
+      return target;
+    }
+    return target;
+  }
+
+  _setBtnStyle(prev, next) {
+    if (this.prevBtn && this.nextBtn) {
+      const cls = 'disabled';
+      this.prevBtn.disabled = !prev;
+      this.nextBtn.disabled = !next;
+      if (prev) {
+        dom.removeClass(this.prevBtn, cls);
+      } else {
+        dom.addClass(this.prevBtn, cls);
+      }
+      if (next) {
+        dom.removeClass(this.nextBtn, cls);
+      } else {
+        dom.addClass(this.nextBtn, cls);
+      }
+    }
+  }
+
+  setSlideBtn() {
+    const { tabPosition } = this.props;
+
+    // TEMP: 这里会受 Animate 影响，re-render 过程中 this.nav 实际上指向的是上次的 tabList 元素，建议暂时关闭 animation 解决
+    const navWH = getOffsetWH(this.nav, tabPosition);
+    const wrapperWH = getOffsetWH(this.wrapper, tabPosition);
+    const minOffset = wrapperWH - navWH;
+
+    let next;
+    let prev;
+    if (minOffset >= 0 || navWH <= wrapperWH) {
+      next = false;
+      prev = false;
+      this.setOffset(0, false); // no need to check slide again since this call is invoked from inside setSlideBtn
+    } else if (this.offset < 0 && this.offset <= minOffset) {
+      prev = true;
+      next = false;
+    } else if (this.offset >= 0) {
+      prev = false;
+      next = true;
+    } else {
+      prev = true;
+      next = true;
     }
 
-    _setBtnStyle(prev, next) {
-        if (this.prevBtn && this.nextBtn) {
-            const cls = 'disabled';
-            this.prevBtn.disabled = !prev;
-            this.nextBtn.disabled = !next;
-            if (prev) {
-                dom.removeClass(this.prevBtn, cls);
-            } else {
-                dom.addClass(this.prevBtn, cls);
-            }
-            if (next) {
-                dom.removeClass(this.nextBtn, cls);
-            } else {
-                dom.addClass(this.nextBtn, cls);
-            }
-        }
+    if ((prev || next) !== this.state.showBtn) {
+      this.setState({
+        showBtn: prev || next,
+      });
+    } else {
+      this._setBtnStyle(prev, next);
+    }
+  }
+
+  getDropdownItems({ excessMode, tabs }) {
+    if (excessMode !== 'dropdown') {
+      return;
     }
 
-    setSlideBtn() {
-        const { tabPosition } = this.props;
+    const wrapperWidth = this.wrapper.offsetWidth;
+    const { childNodes } = this.nav;
 
-        // TEMP: 这里会受 Animate 影响，re-render 过程中 this.nav 实际上指向的是上次的 tabList 元素，建议暂时关闭 animation 解决
-        const navWH = getOffsetWH(this.nav, tabPosition);
-        const wrapperWH = getOffsetWH(this.wrapper, tabPosition);
-        const minOffset = wrapperWH - navWH;
-
-        let next;
-        let prev;
-        if (minOffset >= 0 || navWH <= wrapperWH) {
-            next = false;
-            prev = false;
-            this.setOffset(0, false); // no need to check slide again since this call is invoked from inside setSlideBtn
-        } else if (this.offset < 0 && this.offset <= minOffset) {
-            prev = true;
-            next = false;
-        } else if (this.offset >= 0) {
-            prev = false;
-            next = true;
-        } else {
-            prev = true;
-            next = true;
-        }
-
-        if ((prev || next) !== this.state.showBtn) {
-            this.setState({
-                showBtn: prev || next,
-            });
-        } else {
-            this._setBtnStyle(prev, next);
-        }
+    let index;
+    let tabsWidth = 0;
+    for (index = 0; index < tabs.length; index++) {
+      tabsWidth += childNodes[index].offsetWidth;
+      if (tabsWidth > wrapperWidth) {
+        break;
+      }
     }
 
-    getDropdownItems({ excessMode, tabs }) {
-        if (excessMode !== 'dropdown') {
-            return;
-        }
-
-        const wrapperWidth = this.wrapper.offsetWidth;
-        const childNodes = this.nav.childNodes;
-
-        let index;
-        let tabsWidth = 0;
-        for (index = 0; index < tabs.length; index++) {
-            tabsWidth += childNodes[index].offsetWidth;
-            if (tabsWidth > wrapperWidth) {
-                break;
-            }
-        }
-
-        if (index === tabs.length) {
-            this.setState({
-                dropdownTabs: [],
-            });
-        } else {
-            this.setState({
-                dropdownTabs: tabs,
-            });
-        }
+    if (index === tabs.length) {
+      this.setState({
+        dropdownTabs: [],
+      });
+    } else {
+      this.setState({
+        dropdownTabs: tabs,
+      });
     }
+  }
 
-    removeTab = (key, e) => {
-        e && e.stopPropagation(); // stop bubble, so that it won't trigger upstream listener
-        this.props.onClose(key);
-    };
+  removeTab = (key, e) => {
+    e && e.stopPropagation(); // stop bubble, so that it won't trigger upstream listener
+    this.props.onClose(key);
+  };
 
-    onCloseKeyDown = (key, e) => {
-        if (e.keyCode === KEYCODE.ENTER) {
-            e.stopPropagation();
-            e.preventDefault();
-            this.props.onClose(key);
-        }
-    };
-
-    defaultTabTemplateRender = (key, { prefix, title, closeable }) => {
-        const tail = closeable ? (
-            <Icon
-                type="close"
-                tabIndex="0"
-                onKeyDown={e => this.onCloseKeyDown(key, e)}
-                onClick={e => this.removeTab(key, e)}
-                className={`${prefix}tabs-tab-close`}
-            />
-        ) : null;
-        return (
-            <div className={`${this.props.prefix}tabs-tab-inner`}>
-                {title}
-                {tail}
-            </div>
-        );
-    };
-
-    renderTabList(props) {
-        const { prefix, tabs, activeKey, tabRender } = props;
-        const tabTemplateFn = tabRender || this.defaultTabTemplateRender;
-
-        const rst = [];
-        React.Children.forEach(tabs, child => {
-            const {
-                disabled,
-                className,
-                onClick,
-                onMouseEnter,
-                onMouseLeave,
-                style,
-            } = child.props;
-
-            const active = activeKey === child.key;
-            const cls = classnames(
-                {
-                    [`${prefix}tabs-tab`]: true,
-                    disabled,
-                    active,
-                },
-                className
-            );
-
-            let events = {};
-
-            if (!disabled) {
-                events = {
-                    onClick: this.onNavItemClick.bind(this, child.key, onClick),
-                    onMouseEnter: this.onNavItemMouseEnter.bind(
-                        this,
-                        child.key,
-                        onMouseEnter
-                    ),
-                    onMouseLeave: this.onNavItemMouseLeave.bind(
-                        this,
-                        child.key,
-                        onMouseLeave
-                    ),
-                };
-            }
-
-            rst.push(
-                <li
-                    role="tab"
-                    key={child.key}
-                    ref={active ? this.activeTabRefHandler : null}
-                    aria-hidden={disabled ? 'true' : 'false'}
-                    aria-selected={active ? 'true' : 'false'}
-                    tabIndex={active ? 0 : -1}
-                    className={cls}
-                    style={style}
-                    {...events}
-                >
-                    {tabTemplateFn(child.key, child.props)}
-                </li>
-            );
-        });
-        return rst;
+  onCloseKeyDown = (key, e) => {
+    if (e.keyCode === KEYCODE.ENTER) {
+      e.stopPropagation();
+      e.preventDefault();
+      this.props.onClose(key);
     }
+  };
 
-    scrollToActiveTab = () => {
-        if (
-            this.activeTab &&
+  defaultTabTemplateRender = (key, { prefix, title, closeable }) => {
+    const tail = closeable ? (
+      <Icon
+        type="close"
+        tabIndex="0"
+        onKeyDown={e => this.onCloseKeyDown(key, e)}
+        onClick={e => this.removeTab(key, e)}
+        className={`${prefix}tabs-tab-close`}
+      />
+    ) : null;
+    return (
+      <div className={`${this.props.prefix}tabs-tab-inner`}>
+        {title}
+        {tail}
+      </div>
+    );
+  };
+
+  renderTabList(props) {
+    const { prefix, tabs, activeKey, tabRender } = props;
+    const tabTemplateFn = tabRender || this.defaultTabTemplateRender;
+
+    const rst = [];
+    React.Children.forEach(tabs, child => {
+      const {
+        disabled,
+        className,
+        onClick,
+        onMouseEnter,
+        onMouseLeave,
+        style,
+      } = child.props;
+
+      const active = activeKey === child.key;
+      const cls = classnames(
+        {
+          [`${prefix}tabs-tab`]: true,
+          disabled,
+          active,
+        },
+        className,
+      );
+
+      let events = {};
+
+      if (!disabled) {
+        events = {
+          onClick: this.onNavItemClick.bind(this, child.key, onClick),
+          onMouseEnter: this.onNavItemMouseEnter.bind(
+            this,
+            child.key,
+            onMouseEnter,
+          ),
+          onMouseLeave: this.onNavItemMouseLeave.bind(
+            this,
+            child.key,
+            onMouseLeave,
+          ),
+        };
+      }
+
+      rst.push(
+        <li
+          role="tab"
+          key={child.key}
+          ref={active ? this.activeTabRefHandler : null}
+          aria-hidden={disabled ? 'true' : 'false'}
+          aria-selected={active ? 'true' : 'false'}
+          tabIndex={active ? 0 : -1}
+          className={cls}
+          style={style}
+          {...events}
+        >
+          {tabTemplateFn(child.key, child.props)}
+        </li>,
+      );
+    });
+    return rst;
+  }
+
+  scrollToActiveTab = () => {
+    if (
+      this.activeTab &&
             ['slide', 'dropdown'].includes(this.props.excessMode)
-        ) {
-            const activeTabWH = getOffsetWH(this.activeTab);
-            const wrapperWH = getOffsetWH(this.wrapper);
-            const activeTabOffset = getOffsetLT(this.activeTab);
-            const wrapperOffset = getOffsetLT(this.wrapper);
-            const target = this.offset;
-            if (
-                activeTabOffset >= wrapperOffset + wrapperWH ||
+    ) {
+      const activeTabWH = getOffsetWH(this.activeTab);
+      const wrapperWH = getOffsetWH(this.wrapper);
+      const activeTabOffset = getOffsetLT(this.activeTab);
+      const wrapperOffset = getOffsetLT(this.wrapper);
+      const target = this.offset;
+      if (
+        activeTabOffset >= wrapperOffset + wrapperWH ||
                 activeTabOffset + activeTabWH <= wrapperOffset
-            ) {
-                this.setOffset(
-                    this.offset + wrapperOffset - activeTabOffset,
-                    true,
-                    true
-                );
-                return;
+      ) {
+        this.setOffset(
+          this.offset + wrapperOffset - activeTabOffset,
+          true,
+          true,
+        );
+        return;
+      }
+      this.setOffset(target, true, true);
+    }
+  };
+
+  onPrevClick = () => {
+    const wrapperWH = getOffsetWH(this.wrapper);
+    this.setOffset(this.offset + wrapperWH, true, false);
+  };
+
+  onNextClick = () => {
+    const wrapperWH = getOffsetWH(this.wrapper);
+    this.setOffset(this.offset - wrapperWH, true, false);
+  };
+
+  onNavItemClick(key, callback, e) {
+    this.props.onTriggerEvent(triggerEvents.CLICK, key);
+    if (callback) {
+      return callback(key, e);
+    }
+  }
+
+  onSelectMenuItem = keys => {
+    const { onTriggerEvent, triggerType } = this.props;
+    onTriggerEvent(triggerType, keys[0]);
+  };
+
+  onNavItemMouseEnter(key, callback, e) {
+    this.props.onTriggerEvent(triggerEvents.HOVER, key);
+    if (callback) {
+      return callback(key, e);
+    }
+  }
+
+  onNavItemMouseLeave(key, callback, e) {
+    if (callback) {
+      return callback(key, e);
+    }
+  }
+
+  onWindowResized = () => {
+    if (this.updateTimer) {
+      clearTimeout(this.updateTimer);
+    }
+
+    this.updateTimer = setTimeout(() => {
+      this.setSlideBtn();
+      this.getDropdownItems(this.props);
+    }, 100);
+  };
+
+  renderDropdownTabs(tabs = []) {
+    if (!tabs.length) {
+      return null;
+    }
+
+    const { prefix, activeKey, triggerType, popupProps, rtl } = this.props;
+    const trigger = (
+      <button className={`${prefix}tabs-btn-down`}>
+        <Icon type="arrow-down" />
+      </button>
+    );
+
+    return (
+      <Popup
+        rtl={rtl}
+        triggerType={triggerType}
+        trigger={trigger}
+        container={target => target.parentNode}
+        className={`${prefix}tabs-bar-popup`}
+        {...popupProps}
+      >
+        <Menu
+          rtl={rtl}
+          selectedKeys={[activeKey]}
+          onSelect={this.onSelectMenuItem}
+          selectMode="single"
+        >
+          {tabs.map(tab => {
+            const {
+              disabled,
+              onClick,
+              onMouseEnter,
+              onMouseLeave,
+            } = tab.props;
+            let events = {};
+            if (!disabled) {
+              events = {
+                onClick: this.onNavItemClick.bind(
+                  this,
+                  tab.key,
+                  onClick,
+                ),
+                onMouseEnter: this.onNavItemMouseEnter.bind(
+                  this,
+                  tab.key,
+                  onMouseEnter,
+                ),
+                onMouseLeave: this.onNavItemMouseLeave.bind(
+                  this,
+                  tab.key,
+                  onMouseLeave,
+                ),
+              };
             }
-            this.setOffset(target, true, true);
-        }
-    };
+            return (
+              <Menu.Item key={tab.key} {...events}>
+                {tab.props.title}
+              </Menu.Item>
+            );
+          })}
+        </Menu>
+      </Popup>
+    );
+  }
 
-    onPrevClick = () => {
-        const wrapperWH = getOffsetWH(this.wrapper);
-        this.setOffset(this.offset + wrapperWH, true, false);
-    };
+  navRefHandler = ref => {
+    this.nav = findDOMNode(ref);
+  };
 
-    onNextClick = () => {
-        const wrapperWH = getOffsetWH(this.wrapper);
-        this.setOffset(this.offset - wrapperWH, true, false);
-    };
+  wrapperRefHandler = ref => {
+    this.wrapper = ref;
+  };
 
-    onNavItemClick(key, callback, e) {
-        this.props.onTriggerEvent(triggerEvents.CLICK, key);
-        if (callback) {
-            return callback(key, e);
-        }
-    }
+  navbarRefHandler = ref => {
+    this.navbar = ref;
+  };
 
-    onSelectMenuItem = keys => {
-        const { onTriggerEvent, triggerType } = this.props;
-        onTriggerEvent(triggerType, keys[0]);
-    };
+  activeTabRefHandler = ref => {
+    this.activeTab = ref;
+  };
 
-    onNavItemMouseEnter(key, callback, e) {
-        this.props.onTriggerEvent(triggerEvents.HOVER, key);
-        if (callback) {
-            return callback(key, e);
-        }
-    }
+  prevBtnHandler = ref => {
+    this.prevBtn = findDOMNode(ref);
+  };
 
-    onNavItemMouseLeave(key, callback, e) {
-        if (callback) {
-            return callback(key, e);
-        }
-    }
+  nextBtnHandler = ref => {
+    this.nextBtn = findDOMNode(ref);
+  };
 
-    onWindowResized = () => {
-        if (this.updateTimer) {
-            clearTimeout(this.updateTimer);
-        }
+  render() {
+    const {
+      prefix,
+      tabPosition,
+      excessMode,
+      extra,
+      onKeyDown,
+      animation,
+      style,
+      className,
+      rtl,
+    } = this.props;
+    const { state } = this;
 
-        this.updateTimer = setTimeout(() => {
-            this.setSlideBtn();
-            this.getDropdownItems(this.props);
-        }, 100);
-    };
+    let nextButton;
+    let prevButton;
+    let restButton;
 
-    renderDropdownTabs(tabs = []) {
-        if (!tabs.length) {
-            return null;
-        }
+    const showNextPrev = state.showBtn;
 
-        const { prefix, activeKey, triggerType, popupProps, rtl } = this.props;
-        const trigger = (
-            <button className={`${prefix}tabs-btn-down`}>
-                <Icon type="arrow-down" />
-            </button>
-        );
-
-        return (
-            <Popup
-                rtl={rtl}
-                triggerType={triggerType}
-                trigger={trigger}
-                container={target => target.parentNode}
-                className={`${prefix}tabs-bar-popup`}
-                {...popupProps}
-            >
-                <Menu
-                    rtl={rtl}
-                    selectedKeys={[activeKey]}
-                    onSelect={this.onSelectMenuItem}
-                    selectMode="single"
-                >
-                    {tabs.map(tab => {
-                        const {
-                            disabled,
-                            onClick,
-                            onMouseEnter,
-                            onMouseLeave,
-                        } = tab.props;
-                        let events = {};
-                        if (!disabled) {
-                            events = {
-                                onClick: this.onNavItemClick.bind(
-                                    this,
-                                    tab.key,
-                                    onClick
-                                ),
-                                onMouseEnter: this.onNavItemMouseEnter.bind(
-                                    this,
-                                    tab.key,
-                                    onMouseEnter
-                                ),
-                                onMouseLeave: this.onNavItemMouseLeave.bind(
-                                    this,
-                                    tab.key,
-                                    onMouseLeave
-                                ),
-                            };
-                        }
-                        return (
-                            <Menu.Item key={tab.key} {...events}>
-                                {tab.props.title}
-                            </Menu.Item>
-                        );
-                    })}
-                </Menu>
-            </Popup>
-        );
-    }
-
-    navRefHandler = ref => {
-        this.nav = findDOMNode(ref);
-    };
-
-    wrapperRefHandler = ref => {
-        this.wrapper = ref;
-    };
-
-    navbarRefHandler = ref => {
-        this.navbar = ref;
-    };
-
-    activeTabRefHandler = ref => {
-        this.activeTab = ref;
-    };
-
-    prevBtnHandler = ref => {
-        this.prevBtn = findDOMNode(ref);
-    };
-
-    nextBtnHandler = ref => {
-        this.nextBtn = findDOMNode(ref);
-    };
-
-    render() {
-        const {
-            prefix,
-            tabPosition,
-            excessMode,
-            extra,
-            onKeyDown,
-            animation,
-            style,
-            className,
-            rtl,
-        } = this.props;
-        const state = this.state;
-
-        let nextButton;
-        let prevButton;
-        let restButton;
-
-        const showNextPrev = state.showBtn;
-
-        if (
-            excessMode === 'dropdown' &&
+    if (
+      excessMode === 'dropdown' &&
             showNextPrev &&
             state.dropdownTabs.length
-        ) {
-            restButton = this.renderDropdownTabs(state.dropdownTabs);
-            prevButton = null;
-            nextButton = null;
-        } else if (showNextPrev) {
-            prevButton = (
-                <button
-                    onClick={this.onPrevClick}
-                    className={`${prefix}tabs-btn-prev`}
-                    ref={this.prevBtnHandler}
-                >
-                    <Icon rtl={rtl} type="arrow-left" />
-                </button>
-            );
+    ) {
+      restButton = this.renderDropdownTabs(state.dropdownTabs);
+      prevButton = null;
+      nextButton = null;
+    } else if (showNextPrev) {
+      prevButton = (
+        <button
+          onClick={this.onPrevClick}
+          className={`${prefix}tabs-btn-prev`}
+          ref={this.prevBtnHandler}
+        >
+          <Icon rtl={rtl} type="arrow-left" />
+        </button>
+      );
 
-            nextButton = (
-                <button
-                    onClick={this.onNextClick}
-                    className={`${prefix}tabs-btn-next`}
-                    ref={this.nextBtnHandler}
-                >
-                    <Icon rtl={rtl} type="arrow-right" />
-                </button>
-            );
-            restButton = null;
-        } else {
-            nextButton = null;
-            prevButton = null;
-            restButton = null;
-        }
-
-        const containerCls = classnames({
-            [`${prefix}tabs-nav-container`]: true,
-            [`${prefix}tabs-nav-container-scrolling`]: showNextPrev,
-        });
-
-        const navCls = `${prefix}tabs-nav`;
-        const tabList = this.renderTabList(this.props);
-
-        const container = (
-            <div
-                className={containerCls}
-                onKeyDown={onKeyDown}
-                key="nav-container"
-            >
-                <div
-                    className={`${prefix}tabs-nav-wrap`}
-                    ref={this.wrapperRefHandler}
-                >
-                    <div className={`${prefix}tabs-nav-scroll`}>
-                        {animation ? (
-                            <Animate
-                                role="tablist"
-                                aria-multiselectable={false}
-                                component="ul"
-                                className={navCls}
-                                animation={navCls}
-                                singleMode={false}
-                                ref={this.navRefHandler}
-                                afterAppear={this.initialSettings.bind(this)}
-                            >
-                                {tabList}
-                            </Animate>
-                        ) : (
-                            <ul
-                                role="tablist"
-                                className={navCls}
-                                ref={this.navRefHandler}
-                            >
-                                {tabList}
-                            </ul>
-                        )}
-                    </div>
-                </div>
-                {prevButton}
-                {nextButton}
-                {restButton}
-            </div>
-        );
-
-        const navChildren = [container];
-
-        if (extra) {
-            const extraProps = {
-                className: `${prefix}tabs-nav-extra`,
-                key: 'nav-extra',
-            };
-            if (tabPosition === 'top' || tabPosition === 'bottom') {
-                const style = rtl ? floatLeft : floatRight;
-                navChildren.unshift(
-                    <div {...extraProps} style={style}>
-                        {extra}
-                    </div>
-                );
-            } else {
-                navChildren.push(<div {...extraProps}>{extra}</div>);
-            }
-        }
-
-        const navbarCls = classnames(`${prefix}tabs-bar`, className);
-
-        return (
-            <div
-                className={navbarCls}
-                style={style}
-                ref={this.navbarRefHandler}
-            >
-                {navChildren}
-            </div>
-        );
+      nextButton = (
+        <button
+          onClick={this.onNextClick}
+          className={`${prefix}tabs-btn-next`}
+          ref={this.nextBtnHandler}
+        >
+          <Icon rtl={rtl} type="arrow-right" />
+        </button>
+      );
+      restButton = null;
+    } else {
+      nextButton = null;
+      prevButton = null;
+      restButton = null;
     }
+
+    const containerCls = classnames({
+      [`${prefix}tabs-nav-container`]: true,
+      [`${prefix}tabs-nav-container-scrolling`]: showNextPrev,
+    });
+
+    const navCls = `${prefix}tabs-nav`;
+    const tabList = this.renderTabList(this.props);
+
+    const container = (
+      <div
+        className={containerCls}
+        onKeyDown={onKeyDown}
+        key="nav-container"
+      >
+        <div
+          className={`${prefix}tabs-nav-wrap`}
+          ref={this.wrapperRefHandler}
+        >
+          <div className={`${prefix}tabs-nav-scroll`}>
+            {animation ? (
+              <Animate
+                role="tablist"
+                aria-multiselectable={false}
+                component="ul"
+                className={navCls}
+                animation={navCls}
+                singleMode={false}
+                ref={this.navRefHandler}
+                afterAppear={this.initialSettings.bind(this)}
+              >
+                {tabList}
+              </Animate>
+            ) : (
+              <ul
+                role="tablist"
+                className={navCls}
+                ref={this.navRefHandler}
+              >
+                {tabList}
+              </ul>
+            )}
+          </div>
+        </div>
+        {prevButton}
+        {nextButton}
+        {restButton}
+      </div>
+    );
+
+    const navChildren = [container];
+
+    if (extra) {
+      const extraProps = {
+        className: `${prefix}tabs-nav-extra`,
+        key: 'nav-extra',
+      };
+      if (tabPosition === 'top' || tabPosition === 'bottom') {
+        const style = rtl ? floatLeft : floatRight;
+        navChildren.unshift(
+          <div {...extraProps} style={style}>
+            {extra}
+          </div>,
+        );
+      } else {
+        navChildren.push(<div {...extraProps}>{extra}</div>);
+      }
+    }
+
+    const navbarCls = classnames(`${prefix}tabs-bar`, className);
+
+    return (
+      <div
+        className={navbarCls}
+        style={style}
+        ref={this.navbarRefHandler}
+      >
+        {navChildren}
+      </div>
+    );
+  }
 }
 
 export default Nav;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/tab/tabs/tab-item.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/tab/tabs/tab-item.jsx
index ec09ea226..250f9aef5 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/tab/tabs/tab-item.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/tab/tabs/tab-item.jsx
@@ -4,64 +4,64 @@ import classnames from 'classnames';
 
 /** Tab.Item */
 class TabItem extends React.Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    /**
          * 选项卡标题
          */
-        title: PropTypes.node,
-        /**
+    title: PropTypes.node,
+    /**
          * 单个选项卡是否可关闭
          */
-        closeable: PropTypes.bool,
-        /**
+    closeable: PropTypes.bool,
+    /**
          * 选项卡是否被禁用
          */
-        disabled: PropTypes.bool,
-        active: PropTypes.bool,
-        lazyLoad: PropTypes.bool,
-        unmountInactiveTabs: PropTypes.bool,
-        children: PropTypes.any,
-    };
+    disabled: PropTypes.bool,
+    active: PropTypes.bool,
+    lazyLoad: PropTypes.bool,
+    unmountInactiveTabs: PropTypes.bool,
+    children: PropTypes.any,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        closeable: false,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    closeable: false,
+  };
 
-    render() {
-        const {
-            prefix,
-            active,
-            lazyLoad,
-            unmountInactiveTabs,
-            children,
-        } = this.props;
+  render() {
+    const {
+      prefix,
+      active,
+      lazyLoad,
+      unmountInactiveTabs,
+      children,
+    } = this.props;
 
-        this._actived = this._actived || active;
-        if (lazyLoad && !this._actived) {
-            return null;
-        }
-
-        if (unmountInactiveTabs && !active) {
-            return null;
-        }
-
-        const cls = classnames({
-            [`${prefix}tabs-tabpane`]: true,
-            [`${active ? 'active' : 'hidden'}`]: true,
-        });
-
-        return (
-            <div
-                role="tabpanel"
-                aria-hidden={active ? 'false' : 'true'}
-                className={cls}
-            >
-                {children}
-            </div>
-        );
+    this._actived = this._actived || active;
+    if (lazyLoad && !this._actived) {
+      return null;
     }
+
+    if (unmountInactiveTabs && !active) {
+      return null;
+    }
+
+    const cls = classnames({
+      [`${prefix}tabs-tabpane`]: true,
+      [`${active ? 'active' : 'hidden'}`]: true,
+    });
+
+    return (
+      <div
+        role="tabpanel"
+        aria-hidden={active ? 'false' : 'true'}
+        className={cls}
+      >
+        {children}
+      </div>
+    );
+  }
 }
 
 export default TabItem;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/tab/tabs/utils.js b/packages/material-parser/test/fixtures/fusion-next-component/src/tab/tabs/utils.js
index 5d4bfda14..8fbde0096 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/tab/tabs/utils.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/tab/tabs/utils.js
@@ -1,45 +1,45 @@
 import React from 'react';
 
 export const triggerEvents = {
-    CLICK: 'click',
-    HOVER: 'hover',
+  CLICK: 'click',
+  HOVER: 'hover',
 };
 
 export function getOffsetWH(node, tabPosition) {
-    let prop = 'width';
-    if (tabPosition === 'left' || tabPosition === 'right') {
-        prop = 'height';
-    }
-    return node ? node.getBoundingClientRect()[prop] : 0;
+  let prop = 'width';
+  if (tabPosition === 'left' || tabPosition === 'right') {
+    prop = 'height';
+  }
+  return node ? node.getBoundingClientRect()[prop] : 0;
 }
 
 export function getOffsetLT(node, tabPosition) {
-    let prop = 'left';
-    if (tabPosition === 'left' || tabPosition === 'right') {
-        prop = 'top';
-    }
-    return node.getBoundingClientRect()[prop];
+  let prop = 'left';
+  if (tabPosition === 'left' || tabPosition === 'right') {
+    prop = 'top';
+  }
+  return node.getBoundingClientRect()[prop];
 }
 
 export function isTransformSupported(style) {
-    return (
-        'transform' in style ||
+  return (
+    'transform' in style ||
         'webkitTransform' in style ||
         'MozTransform' in style
-    );
+  );
 }
 
 export function toArray(children) {
-    const ret = [];
-    React.Children.forEach(children, (child, index) => {
-        if (React.isValidElement(child)) {
-            ret.push(
-                React.cloneElement(child, {
-                    key: child.key || index,
-                    title: child.props.title || child.props.tab,
-                })
-            );
-        }
-    });
-    return ret;
+  const ret = [];
+  React.Children.forEach(children, (child, index) => {
+    if (React.isValidElement(child)) {
+      ret.push(
+        React.cloneElement(child, {
+          key: child.key || index,
+          title: child.props.title || child.props.tab,
+        }),
+      );
+    }
+  });
+  return ret;
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/base.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/base.jsx
index a2e66e985..469eb7afc 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/base.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/base.jsx
@@ -17,100 +17,108 @@ import SortComponent from './base/sort';
 import Column from './column';
 import ColumnGroup from './column-group';
 
-const Children = React.Children,
-    noop = () => {};
+const { Children } = React;
+const noop = () => {};
 
-//<Table>
+// <Table>
 //    <Table.Column/>
 //    <Table.ColumnGroup>
 //      <Table.Column/>
 //      <Table.Column/>
 //    </Table.ColumnGroup>
-//</Table>
+// </Table>
 
 /** Table */
 export default class Table extends React.Component {
-    static Column = Column;
-    static ColumnGroup = ColumnGroup;
-    static Header = HeaderComponent;
-    static Body = BodyComponent;
-    static Wrapper = WrapperComponent;
-    static Row = RowComponent;
-    static Cell = CellComponent;
-    static Filter = FilterComponent;
-    static Sort = SortComponent;
+  static Column = Column;
 
-    static propTypes = {
-        ...ConfigProvider.propTypes,
-        /**
+  static ColumnGroup = ColumnGroup;
+
+  static Header = HeaderComponent;
+
+  static Body = BodyComponent;
+
+  static Wrapper = WrapperComponent;
+
+  static Row = RowComponent;
+
+  static Cell = CellComponent;
+
+  static Filter = FilterComponent;
+
+  static Sort = SortComponent;
+
+  static propTypes = {
+    ...ConfigProvider.propTypes,
+    /**
          * 样式类名的品牌前缀
          */
-        prefix: PropTypes.string,
-        pure: PropTypes.bool,
-        rtl: PropTypes.bool,
-        /**
+    prefix: PropTypes.string,
+    pure: PropTypes.bool,
+    rtl: PropTypes.bool,
+    /**
          * 自定义类名
          */
-        className: PropTypes.string,
-        /**
+    className: PropTypes.string,
+    /**
          * 自定义内联样式
          */
-        style: PropTypes.object,
-        /**
+    style: PropTypes.object,
+    /**
          * 尺寸 small为紧凑模式
          */
-        size: PropTypes.oneOf(['small', 'medium']),
-        /**
+    size: PropTypes.oneOf(['small', 'medium']),
+    /**
          * 表格展示的数据源
          */
-        dataSource: PropTypes.array,
-        entireDataSource: PropTypes.array,
-        /**
+    dataSource: PropTypes.array,
+    entireDataSource: PropTypes.array,
+    /**
          * 点击表格每一行触发的事件
          * @param {Object} record 该行所对应的数据
          * @param {Number} index 该行所对应的序列
          * @param {Event} e DOM事件对象
          */
-        onRowClick: PropTypes.func,
-        /**
+    onRowClick: PropTypes.func,
+    /**
          * 悬浮在表格每一行的时候触发的事件
          * @param {Object} record 该行所对应的数据
          * @param {Number} index 该行所对应的序列
          * @param {Event} e DOM事件对象
          */
-        onRowMouseEnter: PropTypes.func,
-        /**
+    onRowMouseEnter: PropTypes.func,
+    /**
          * 离开表格每一行的时候触发的事件
          * @param {Object} record 该行所对应的数据
          * @param {Number} index 该行所对应的序列
          * @param {Event} e DOM事件对象
          */
-        onRowMouseLeave: PropTypes.func,
-        /**
+    onRowMouseLeave: PropTypes.func,
+    /**
          * 点击列排序触发的事件
          * @param {String} dataIndex 指定的排序的字段
          * @param {String} order 排序对应的顺序, 有`desc`和`asc`两种
          */
-        onSort: PropTypes.func,
-        /**
+    onSort: PropTypes.func,
+    /**
          * 点击过滤确认按钮触发的事件
          * @param {Object} filterParams 过滤的字段信息
          */
-        onFilter: PropTypes.func,
-        /**
+    onFilter: PropTypes.func,
+    /**
          * 重设列尺寸的时候触发的事件
          * @param {String} dataIndex 指定重设的字段
          * @param {Number} value 列宽变动的数值
          */
-        onResizeChange: PropTypes.func,
-        /**
+    onResizeChange: PropTypes.func,
+    /**
          * 设置每一行的属性，如果返回值和其他针对行操作的属性冲突则无效。
          * @param {Object} record 该行所对应的数据
          * @param {Number} index 该行所对应的序列
          * @returns {Object} 需要设置的行属性
          */
-        rowProps: PropTypes.func,
-        /**
+    rowProps: PropTypes.func,
+    /**
          * 设置单元格的属性，通过该属性可以进行合并单元格
          * @param {Number} rowIndex 该行所对应的序列
          * @param {Number} colIndex 该列所对应的序列
@@ -118,45 +126,45 @@ export default class Table extends React.Component {
          * @param {Object} record 该行对应的记录
          * @returns {Object} 返回td元素的所支持的属性对象
          */
-        cellProps: PropTypes.func,
-        /**
+    cellProps: PropTypes.func,
+    /**
          * 表格是否具有边框
          */
-        hasBorder: PropTypes.bool,
-        /**
+    hasBorder: PropTypes.bool,
+    /**
          * 表格是否具有头部
          */
-        hasHeader: PropTypes.bool,
-        /**
+    hasHeader: PropTypes.bool,
+    /**
          * 表格是否是斑马线
          */
-        isZebra: PropTypes.bool,
-        /**
+    isZebra: PropTypes.bool,
+    /**
          * 表格是否在加载中
          */
-        loading: PropTypes.bool,
-        /**
+    loading: PropTypes.bool,
+    /**
          * 自定义 Loading 组件
          * 请务必传递 props, 使用方式： loadingComponent={props => <Loading {...props}/>}
          * @param {Object} props 当前点击行的key
          */
-        loadingComponent: PropTypes.func,
-        /**
+    loadingComponent: PropTypes.func,
+    /**
          * 当前过滤的的keys,使用此属性可以控制表格的头部的过滤选项中哪个菜单被选中,格式为 {dataIndex: {selectedKeys:[]}}
          * 示例:
          * 假设要控制dataIndex为id的列的过滤菜单中key为one的菜单项选中
          * `<Table filterParams={{id: {selectedKeys: ['one']}}}/>`
          */
-        filterParams: PropTypes.object,
-        /**
+    filterParams: PropTypes.object,
+    /**
          * 当前排序的字段,使用此属性可以控制表格的字段的排序,格式为{dataIndex: 'asc'}
          */
-        sort: PropTypes.object,
-        /**
+    sort: PropTypes.object,
+    /**
          * 自定义排序按钮，例如上下排布的: `{desc: <Icon style={{top: '6px', left: '4px'}} type={'arrow-down'} size="small" />, asc: <Icon style={{top: '-6px', left: '4px'}} type={'arrow-up'} size="small" />}`
          */
-        sortIcons: PropTypes.object,
-        /**
+    sortIcons: PropTypes.object,
+    /**
          * 自定义国际化文案对象
          * @property {String} ok 过滤器中确认按钮文案
          * @property {String} reset 过滤器中重置按钮文案
@@ -168,64 +176,64 @@ export default class Table extends React.Component {
          * @property {String} filter 过滤器文案
          * @property {String} selectAll header里全选的按钮文案
          */
-        locale: PropTypes.object,
-        components: PropTypes.object,
-        columns: PropTypes.array,
-        /**
+    locale: PropTypes.object,
+    components: PropTypes.object,
+    columns: PropTypes.array,
+    /**
          * 设置数据为空的时候的表格内容展现
          */
-        emptyContent: PropTypes.node,
-        /**
+    emptyContent: PropTypes.node,
+    /**
          * dataSource当中数据的主键，如果给定的数据源中的属性不包含该主键，会造成选择状态全部选中
          */
-        primaryKey: PropTypes.string,
-        lockType: PropTypes.oneOf(['left', 'right']),
-        wrapperContent: PropTypes.any,
-        refs: PropTypes.object,
-        /**
+    primaryKey: PropTypes.string,
+    lockType: PropTypes.oneOf(['left', 'right']),
+    wrapperContent: PropTypes.any,
+    refs: PropTypes.object,
+    /**
          * 额外渲染行的渲染函数
          * @param {Object} record 该行所对应的数据
          * @param {Number} index 该行所对应的序列
          * @returns {Element} 渲染内容
          */
-        expandedRowRender: PropTypes.func,
-        /**
+    expandedRowRender: PropTypes.func,
+    /**
          * 额外渲染行的缩进
          */
-        expandedRowIndent: PropTypes.array,
-        /**
+    expandedRowIndent: PropTypes.array,
+    /**
          * 默认情况下展开的渲染行或者Tree, 传入此属性为受控状态
          */
-        openRowKeys: PropTypes.array,
-        /**
+    openRowKeys: PropTypes.array,
+    /**
          * 是否显示点击展开额外渲染行的+号按钮
          */
-        hasExpandedRowCtrl: PropTypes.bool,
-        /**
+    hasExpandedRowCtrl: PropTypes.bool,
+    /**
          * 设置额外渲染行的属性
          */
-        getExpandedColProps: PropTypes.func,
-        /**
+    getExpandedColProps: PropTypes.func,
+    /**
          * 在额外渲染行或者Tree展开或者收起的时候触发的事件
          * @param {Array} openRowKeys 展开的渲染行的key
          * @param {String} currentRowKey 当前点击的渲染行的key
          * @param {Boolean} expanded 当前点击是展开还是收起
          * @param {Object} currentRecord 当前点击额外渲染行的记录
          */
-        onRowOpen: PropTypes.func,
-        onExpandedRowClick: PropTypes.func,
-        /**
+    onRowOpen: PropTypes.func,
+    onExpandedRowClick: PropTypes.func,
+    /**
          * 表头是否固定，该属性配合maxBodyHeight使用，当内容区域的高度超过maxBodyHeight的时候，在内容区域会出现滚动条
          */
-        fixedHeader: PropTypes.bool,
-        /**
+    fixedHeader: PropTypes.bool,
+    /**
          * 最大内容区域的高度,在`fixedHeader`为`true`的时候,超过这个高度会出现滚动条
          */
-        maxBodyHeight: PropTypes.oneOfType([
-            PropTypes.number,
-            PropTypes.string,
-        ]),
-        /**
+    maxBodyHeight: PropTypes.oneOfType([
+      PropTypes.number,
+      PropTypes.string,
+    ]),
+    /**
          * 是否启用选择模式
          * @property {Function} getProps `Function(record, index)=>Object` 获取selection的默认属性
          * @property {Function} onChange `Function(selectedRowKeys:Array, records:Array)` 选择改变的时候触发的事件，**注意:** 其中records只会包含当前dataSource的数据，很可能会小于selectedRowKeys的长度。
@@ -237,549 +245,549 @@ export default class Table extends React.Component {
          * @property {Function} titleProps `Function()=>Object` 选择列 表头的props，仅在 `multiple` 模式下生效
          * @property {Function} titleAddons `Function()=>Node` 选择列 表头添加的元素，在`single` `multiple` 下都生效
          */
-        rowSelection: PropTypes.object,
-        /**
+    rowSelection: PropTypes.object,
+    /**
          * 表头是否是sticky
          */
-        stickyHeader: PropTypes.bool,
-        /**
+    stickyHeader: PropTypes.bool,
+    /**
          * 距离窗口顶部达到指定偏移量后触发
          */
-        offsetTop: PropTypes.number,
-        /**
+    offsetTop: PropTypes.number,
+    /**
          * affix组件的的属性
          */
-        affixProps: PropTypes.object,
-        /**
+    affixProps: PropTypes.object,
+    /**
          * 在tree模式下的缩进尺寸， 仅在isTree为true时候有效
          */
-        indent: PropTypes.number,
-        /**
+    indent: PropTypes.number,
+    /**
          * 开启Table的tree模式, 接收的数据格式中包含children则渲染成tree table
          */
-        isTree: PropTypes.bool,
-        /**
+    isTree: PropTypes.bool,
+    /**
          * 是否开启虚拟滚动
          */
-        useVirtual: PropTypes.bool,
-        rowHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.func]),
-        /**
+    useVirtual: PropTypes.bool,
+    rowHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.func]),
+    /**
          * 在内容区域滚动的时候触发的函数
          */
-        onBodyScroll: PropTypes.func,
-        /**
+    onBodyScroll: PropTypes.func,
+    /**
          * 开启时，getExpandedColProps() / rowProps() / expandedRowRender() 的第二个参数 index (该行所对应的序列) 将按照01,2,3,4...的顺序返回，否则返回真实index(0,2,4,6... / 1,3,5,7...)
          */
-        expandedIndexSimulate: PropTypes.bool,
-        /**
+    expandedIndexSimulate: PropTypes.bool,
+    /**
          * 在 hover 时出现十字参考轴，适用于表头比较复杂，需要做表头分类的场景。
          */
-        crossline: PropTypes.bool,
-        lengths: PropTypes.object,
-    };
+    crossline: PropTypes.bool,
+    lengths: PropTypes.object,
+  };
 
-    static defaultProps = {
-        dataSource: [],
-        onRowClick: noop,
-        onRowMouseEnter: noop,
-        onRowMouseLeave: noop,
-        onSort: noop,
-        onFilter: noop,
-        onResizeChange: noop,
-        size: 'medium',
-        rowProps: noop,
-        cellProps: noop,
-        prefix: 'next-',
-        hasBorder: true,
-        hasHeader: true,
-        isZebra: false,
-        loading: false,
-        expandedIndexSimulate: false,
-        primaryKey: 'id',
-        components: {},
-        locale: zhCN.Table,
-        crossline: false,
-    };
+  static defaultProps = {
+    dataSource: [],
+    onRowClick: noop,
+    onRowMouseEnter: noop,
+    onRowMouseLeave: noop,
+    onSort: noop,
+    onFilter: noop,
+    onResizeChange: noop,
+    size: 'medium',
+    rowProps: noop,
+    cellProps: noop,
+    prefix: 'next-',
+    hasBorder: true,
+    hasHeader: true,
+    isZebra: false,
+    loading: false,
+    expandedIndexSimulate: false,
+    primaryKey: 'id',
+    components: {},
+    locale: zhCN.Table,
+    crossline: false,
+  };
 
-    static childContextTypes = {
-        notRenderCellIndex: PropTypes.array,
-        lockType: PropTypes.oneOf(['left', 'right']),
-    };
+  static childContextTypes = {
+    notRenderCellIndex: PropTypes.array,
+    lockType: PropTypes.oneOf(['left', 'right']),
+  };
 
-    static contextTypes = {
-        getTableInstance: PropTypes.func,
-        getTableInstanceForVirtual: PropTypes.func,
-    };
+  static contextTypes = {
+    getTableInstance: PropTypes.func,
+    getTableInstanceForVirtual: PropTypes.func,
+  };
 
-    constructor(props, context) {
-        super(props, context);
-        const { getTableInstance, getTableInstanceForVirtual } = this.context;
-        getTableInstance && getTableInstance(props.lockType, this);
-        getTableInstanceForVirtual &&
+  constructor(props, context) {
+    super(props, context);
+    const { getTableInstance, getTableInstanceForVirtual } = this.context;
+    getTableInstance && getTableInstance(props.lockType, this);
+    getTableInstanceForVirtual &&
             getTableInstanceForVirtual(props.lockType, this);
-        this.notRenderCellIndex = [];
-    }
+    this.notRenderCellIndex = [];
+  }
 
-    state = {
-        sort: this.props.sort || {},
+  state = {
+    sort: this.props.sort || {},
+  };
+
+  getChildContext() {
+    return {
+      notRenderCellIndex: this.notRenderCellIndex,
+      lockType: this.props.lockType,
     };
+  }
 
-    getChildContext() {
-        return {
-            notRenderCellIndex: this.notRenderCellIndex,
-            lockType: this.props.lockType,
-        };
+  componentWillReceiveProps(nextProps) {
+    if (typeof this.props.sort !== 'undefined') {
+      this.setState({
+        sort: nextProps.sort,
+      });
     }
+  }
 
-    componentWillReceiveProps(nextProps) {
-        if (typeof this.props.sort !== 'undefined') {
-            this.setState({
-                sort: nextProps.sort,
-            });
-        }
-    }
-
-    shouldComponentUpdate(nextProps, nextState, nextContext) {
-        if (nextProps.pure) {
-            const isEqual =
+  shouldComponentUpdate(nextProps, nextState, nextContext) {
+    if (nextProps.pure) {
+      const isEqual =
                 shallowElementEquals(nextProps, this.props) &&
                 obj.shallowEqual(nextState, this.state) &&
                 obj.shallowEqual(nextContext, this.context);
-            return !isEqual;
-        }
-
-        return true;
+      return !isEqual;
     }
 
-    componentWillUpdate() {
-        this.notRenderCellIndex = [];
+    return true;
+  }
+
+  componentWillUpdate() {
+    this.notRenderCellIndex = [];
+  }
+
+  normalizeChildrenState(props) {
+    let { columns } = props;
+    if (props.children) {
+      columns = this.normalizeChildren(props);
     }
+    return this.fetchInfoFromBinaryChildren(columns);
+  }
 
-    normalizeChildrenState(props) {
-        let columns = props.columns;
-        if (props.children) {
-            columns = this.normalizeChildren(props);
-        }
-        return this.fetchInfoFromBinaryChildren(columns);
-    }
+  // 将React结构化数据提取props转换成数组
+  normalizeChildren(props) {
+    let { columns } = props;
+    const getChildren = children => {
+      const ret = [];
+      Children.forEach(children, child => {
+        if (child) {
+          const props = { ...child.props };
 
-    // 将React结构化数据提取props转换成数组
-    normalizeChildren(props) {
-        let { columns } = props;
-        const getChildren = children => {
-            const ret = [];
-            Children.forEach(children, child => {
-                if (child) {
-                    const props = { ...child.props };
-
-                    if (
-                        !(
-                            child &&
+          if (
+            !(
+              child &&
                             typeof child.type === 'function' &&
                             (child.type._typeMark === 'column' ||
                                 child.type._typeMark === 'columnGroup')
-                        )
-                    ) {
-                        log.warning(
-                            'Use <Table.Column/>, <Table.ColumnGroup/> as child.'
-                        );
-                    }
-                    ret.push(props);
-                    if (child.props.children) {
-                        props.children = getChildren(child.props.children);
-                    }
-                }
-            });
-            return ret;
-        };
-        if (props.children) {
-            columns = getChildren(props.children);
-        }
-        return columns;
-    }
-
-    fetchInfoFromBinaryChildren(children) {
-        let hasGroupHeader = false;
-        const flatChildren = [],
-            groupChildren = [],
-            getChildren = (propsChildren, level) => {
-                groupChildren[level] = groupChildren[level] || [];
-                propsChildren.forEach(child => {
-                    if (child.children) {
-                        hasGroupHeader = true;
-                        getChildren(child.children, level + 1);
-                    } else {
-                        flatChildren.push(child);
-                    }
-                    groupChildren[level].push(child);
-                });
-            },
-            getColSpan = (children, colSpan) => {
-                colSpan = colSpan || 0;
-                children.forEach(child => {
-                    if (child.children) {
-                        colSpan = getColSpan(child.children, colSpan);
-                    } else {
-                        colSpan += 1;
-                    }
-                });
-                return colSpan;
-            };
-
-        getChildren(children, 0);
-
-        groupChildren.forEach((groupChild, i) => {
-            groupChild.forEach((child, j) => {
-                let colSpan;
-                const children = child.children;
-
-                if (children) {
-                    colSpan = getColSpan(children);
-                    child.colSpan = colSpan;
-                    groupChildren[i][j] = child;
-                }
-            });
-        });
-
-        const { lockType, lengths } = this.props;
-        const start = lockType === 'right' ? lengths.origin - lengths.right : 0;
-        this.addColIndex(flatChildren, start);
-
-        return {
-            flatChildren,
-            groupChildren,
-            hasGroupHeader,
-        };
-    }
-
-    renderColGroup(flatChildren) {
-        const cols = flatChildren.map((col, index) => {
-            const width = col.width;
-            let style = {};
-            if (width) {
-                style = {
-                    width: width,
-                };
-            }
-
-            return <col style={style} key={index} />;
-        });
-        return <colgroup key="table-colgroup">{cols}</colgroup>;
-    }
-
-    onSort = (dataIndex, order, sort) => {
-        if (typeof this.props.sort === 'undefined') {
-            this.setState(
-                {
-                    sort: sort,
-                },
-                () => {
-                    this.props.onSort(dataIndex, order, sort);
-                }
+            )
+          ) {
+            log.warning(
+              'Use <Table.Column/>, <Table.ColumnGroup/> as child.',
             );
-        } else {
-            this.props.onSort(dataIndex, order, sort);
+          }
+          ret.push(props);
+          if (child.props.children) {
+            props.children = getChildren(child.props.children);
+          }
         }
+      });
+      return ret;
+    };
+    if (props.children) {
+      columns = getChildren(props.children);
+    }
+    return columns;
+  }
+
+  fetchInfoFromBinaryChildren(children) {
+    let hasGroupHeader = false;
+    const flatChildren = [];
+    const groupChildren = [];
+    const getChildren = (propsChildren, level) => {
+      groupChildren[level] = groupChildren[level] || [];
+      propsChildren.forEach(child => {
+        if (child.children) {
+          hasGroupHeader = true;
+          getChildren(child.children, level + 1);
+        } else {
+          flatChildren.push(child);
+        }
+        groupChildren[level].push(child);
+      });
+    };
+    const getColSpan = (children, colSpan) => {
+      colSpan = colSpan || 0;
+      children.forEach(child => {
+        if (child.children) {
+          colSpan = getColSpan(child.children, colSpan);
+        } else {
+          colSpan += 1;
+        }
+      });
+      return colSpan;
     };
 
-    onFilter = filterParams => {
-        this.props.onFilter(filterParams);
-    };
+    getChildren(children, 0);
 
-    onResizeChange = (dataIndex, value) => {
-        this.props.onResizeChange(dataIndex, value);
-    };
+    groupChildren.forEach((groupChild, i) => {
+      groupChild.forEach((child, j) => {
+        let colSpan;
+        const { children } = child;
 
-    // 通过头部和扁平的结构渲染表格
-    renderTable(groupChildren, flatChildren) {
-        if (
-            flatChildren.length ||
+        if (children) {
+          colSpan = getColSpan(children);
+          child.colSpan = colSpan;
+          groupChildren[i][j] = child;
+        }
+      });
+    });
+
+    const { lockType, lengths } = this.props;
+    const start = lockType === 'right' ? lengths.origin - lengths.right : 0;
+    this.addColIndex(flatChildren, start);
+
+    return {
+      flatChildren,
+      groupChildren,
+      hasGroupHeader,
+    };
+  }
+
+  renderColGroup(flatChildren) {
+    const cols = flatChildren.map((col, index) => {
+      const { width } = col;
+      let style = {};
+      if (width) {
+        style = {
+          width,
+        };
+      }
+
+      return <col style={style} key={index} />;
+    });
+    return <colgroup key="table-colgroup">{cols}</colgroup>;
+  }
+
+  onSort = (dataIndex, order, sort) => {
+    if (typeof this.props.sort === 'undefined') {
+      this.setState(
+        {
+          sort,
+        },
+        () => {
+          this.props.onSort(dataIndex, order, sort);
+        },
+      );
+    } else {
+      this.props.onSort(dataIndex, order, sort);
+    }
+  };
+
+  onFilter = filterParams => {
+    this.props.onFilter(filterParams);
+  };
+
+  onResizeChange = (dataIndex, value) => {
+    this.props.onResizeChange(dataIndex, value);
+  };
+
+  // 通过头部和扁平的结构渲染表格
+  renderTable(groupChildren, flatChildren) {
+    if (
+      flatChildren.length ||
             (!flatChildren.length && !this.props.lockType)
-        ) {
-            const {
-                hasHeader,
-                components,
-                prefix,
-                wrapperContent,
-                filterParams,
-                locale,
-                dataSource,
-                emptyContent,
-                loading,
-                primaryKey,
-                cellProps,
-                rowProps,
-                onRowClick,
-                onRowMouseEnter,
-                onRowMouseLeave,
-                expandedIndexSimulate,
-                pure,
-                rtl,
-                crossline,
-                sortIcons,
-            } = this.props;
-            const { sort } = this.state;
-            const {
-                Header = HeaderComponent,
-                Wrapper = WrapperComponent,
-                Body = BodyComponent,
-            } = components;
-            const colGroup = this.renderColGroup(flatChildren);
+    ) {
+      const {
+        hasHeader,
+        components,
+        prefix,
+        wrapperContent,
+        filterParams,
+        locale,
+        dataSource,
+        emptyContent,
+        loading,
+        primaryKey,
+        cellProps,
+        rowProps,
+        onRowClick,
+        onRowMouseEnter,
+        onRowMouseLeave,
+        expandedIndexSimulate,
+        pure,
+        rtl,
+        crossline,
+        sortIcons,
+      } = this.props;
+      const { sort } = this.state;
+      const {
+        Header = HeaderComponent,
+        Wrapper = WrapperComponent,
+        Body = BodyComponent,
+      } = components;
+      const colGroup = this.renderColGroup(flatChildren);
 
-            return (
-                <Wrapper
-                    colGroup={colGroup}
-                    ref={this.getWrapperRef}
-                    prefix={prefix}
-                >
-                    {hasHeader ? (
-                        <Header
-                            prefix={prefix}
-                            rtl={rtl}
-                            pure={pure}
-                            affixRef={this.getAffixRef}
-                            colGroup={colGroup}
-                            className={`${prefix}table-header`}
-                            filterParams={filterParams}
-                            columns={groupChildren}
-                            locale={locale}
-                            headerCellRef={this.getHeaderCellRef}
-                            components={components}
-                            onFilter={this.onFilter}
-                            sort={sort}
-                            onResizeChange={this.onResizeChange}
-                            onSort={this.onSort}
-                            sortIcons={sortIcons}
-                        />
-                    ) : null}
-                    <Body
-                        prefix={prefix}
-                        rtl={rtl}
-                        pure={pure}
-                        crossline={crossline}
-                        colGroup={colGroup}
-                        className={`${prefix}table-body`}
-                        components={components}
-                        loading={loading}
-                        emptyContent={emptyContent}
-                        getCellProps={cellProps}
-                        primaryKey={primaryKey}
-                        getRowProps={rowProps}
-                        columns={flatChildren}
-                        rowRef={this.getRowRef}
-                        cellRef={this.getCellRef}
-                        onRowClick={onRowClick}
-                        expandedIndexSimulate={expandedIndexSimulate}
-                        onRowMouseEnter={onRowMouseEnter}
-                        onRowMouseLeave={onRowMouseLeave}
-                        dataSource={dataSource}
-                        locale={locale}
-                        onBodyMouseOver={this.onBodyMouseOver}
-                        onBodyMouseOut={this.onBodyMouseOut}
-                    />
-                    {wrapperContent}
-                </Wrapper>
-            );
-        } else {
-            return null;
-        }
+      return (
+        <Wrapper
+          colGroup={colGroup}
+          ref={this.getWrapperRef}
+          prefix={prefix}
+        >
+          {hasHeader ? (
+            <Header
+              prefix={prefix}
+              rtl={rtl}
+              pure={pure}
+              affixRef={this.getAffixRef}
+              colGroup={colGroup}
+              className={`${prefix}table-header`}
+              filterParams={filterParams}
+              columns={groupChildren}
+              locale={locale}
+              headerCellRef={this.getHeaderCellRef}
+              components={components}
+              onFilter={this.onFilter}
+              sort={sort}
+              onResizeChange={this.onResizeChange}
+              onSort={this.onSort}
+              sortIcons={sortIcons}
+            />
+          ) : null}
+          <Body
+            prefix={prefix}
+            rtl={rtl}
+            pure={pure}
+            crossline={crossline}
+            colGroup={colGroup}
+            className={`${prefix}table-body`}
+            components={components}
+            loading={loading}
+            emptyContent={emptyContent}
+            getCellProps={cellProps}
+            primaryKey={primaryKey}
+            getRowProps={rowProps}
+            columns={flatChildren}
+            rowRef={this.getRowRef}
+            cellRef={this.getCellRef}
+            onRowClick={onRowClick}
+            expandedIndexSimulate={expandedIndexSimulate}
+            onRowMouseEnter={onRowMouseEnter}
+            onRowMouseLeave={onRowMouseLeave}
+            dataSource={dataSource}
+            locale={locale}
+            onBodyMouseOver={this.onBodyMouseOver}
+            onBodyMouseOut={this.onBodyMouseOut}
+          />
+          {wrapperContent}
+        </Wrapper>
+      );
+    } else {
+      return null;
     }
+  }
 
-    getWrapperRef = wrapper => {
-        if (!wrapper) {
-            return this.wrapper;
+  getWrapperRef = wrapper => {
+    if (!wrapper) {
+      return this.wrapper;
+    }
+    this.wrapper = wrapper;
+  };
+
+  getAffixRef = affixRef => {
+    if (!affixRef) {
+      return this.affixRef;
+    }
+    this.affixRef = affixRef;
+  };
+
+  getHeaderCellRef = (i, j, cell) => {
+    const cellRef = `header_cell_${i}_${j}`;
+    if (!cell) {
+      return this[cellRef];
+    }
+    this[cellRef] = cell;
+  };
+
+  getRowRef = (i, row) => {
+    const rowRef = `row_${i}`;
+    if (!row) {
+      return this[rowRef];
+    }
+    this[rowRef] = row;
+  };
+
+  getCellRef = (i, j, cell) => {
+    const cellRef = `cell_${i}_${j}`;
+    if (!cell) {
+      return this[cellRef];
+    }
+    this[cellRef] = cell;
+  };
+
+  handleColHoverClass = (rowIndex, colIndex, isAdd) => {
+    const { crossline } = this.props;
+    const funcName = isAdd ? 'addClass' : 'removeClass';
+    if (crossline) {
+      this.props.entireDataSource.forEach((val, index) => {
+        try {
+          // in case of finding an unmounted component due to cached data
+          // need to clear refs of this.tableInc when dataSource Changed
+          // in virtual table
+          const currentCol = findDOMNode(
+            this.getCellRef(index, colIndex),
+          );
+          currentCol && dom[funcName](currentCol, 'hovered');
+        } catch (error) {
+          return null;
         }
-        this.wrapper = wrapper;
-    };
+      });
+    }
+  };
 
-    getAffixRef = affixRef => {
-        if (!affixRef) {
-            return this.affixRef;
-        }
-        this.affixRef = affixRef;
-    };
-
-    getHeaderCellRef = (i, j, cell) => {
-        const cellRef = `header_cell_${i}_${j}`;
-        if (!cell) {
-            return this[cellRef];
-        }
-        this[cellRef] = cell;
-    };
-
-    getRowRef = (i, row) => {
-        const rowRef = `row_${i}`;
-        if (!row) {
-            return this[rowRef];
-        }
-        this[rowRef] = row;
-    };
-
-    getCellRef = (i, j, cell) => {
-        const cellRef = `cell_${i}_${j}`;
-        if (!cell) {
-            return this[cellRef];
-        }
-        this[cellRef] = cell;
-    };
-
-    handleColHoverClass = (rowIndex, colIndex, isAdd) => {
-        const { crossline } = this.props;
-        const funcName = isAdd ? 'addClass' : 'removeClass';
-        if (crossline) {
-            this.props.entireDataSource.forEach((val, index) => {
-                try {
-                    // in case of finding an unmounted component due to cached data
-                    // need to clear refs of this.tableInc when dataSource Changed
-                    // in virtual table
-                    const currentCol = findDOMNode(
-                        this.getCellRef(index, colIndex)
-                    );
-                    currentCol && dom[funcName](currentCol, 'hovered');
-                } catch (error) {
-                    return null;
-                }
-            });
-        }
-    };
-
-    /**
+  /**
      * @param event
      * @returns {Object} { rowIndex: string; colIndex: string }
      */
-    findEventTarget = e => {
-        const { prefix } = this.props;
-        const target = dom.getClosest(e.target, `td.${prefix}table-cell`);
-        const colIndex = target && target.getAttribute('data-next-table-col');
-        const rowIndex = target && target.getAttribute('data-next-table-row');
+  findEventTarget = e => {
+    const { prefix } = this.props;
+    const target = dom.getClosest(e.target, `td.${prefix}table-cell`);
+    const colIndex = target && target.getAttribute('data-next-table-col');
+    const rowIndex = target && target.getAttribute('data-next-table-row');
 
-        try {
-            // in case of finding an unmounted component due to cached data
-            // need to clear refs of this.tableInc when dataSource Changed
-            // in virtual table
-            const currentCol = findDOMNode(this.getCellRef(rowIndex, colIndex));
-            if (currentCol === target) {
-                return {
-                    colIndex,
-                    rowIndex,
-                };
-            }
-        } catch (error) {
-            return {};
-        }
-
-        return {};
-    };
-
-    onBodyMouseOver = e => {
-        const { crossline } = this.props;
-        if (!crossline) {
-            return;
-        }
-
-        const { colIndex, rowIndex } = this.findEventTarget(e);
-        // colIndex, rowIndex are string
-        if (!colIndex || !rowIndex) {
-            return;
-        }
-        this.handleColHoverClass(rowIndex, colIndex, true);
-        this.colIndex = colIndex;
-        this.rowIndex = rowIndex;
-    };
-
-    onBodyMouseOut = e => {
-        const { crossline } = this.props;
-        if (!crossline) {
-            return;
-        }
-
-        const { colIndex, rowIndex } = this.findEventTarget(e);
-        // colIndex, rowIndex are string
-        if (!colIndex || !rowIndex) {
-            return;
-        }
-        this.handleColHoverClass(this.rowIndex, this.colIndex, false);
-        this.colIndex = -1;
-        this.rowIndex = -1;
-    };
-
-    addColIndex = (children, start = 0) => {
-        children.forEach((child, i) => {
-            child.__colIndex = start + i;
-        });
-    };
-
-    render() {
-        const ret = this.normalizeChildrenState(this.props);
-        this.groupChildren = ret.groupChildren;
-        this.flatChildren = ret.flatChildren;
-        /* eslint-disable no-unused-vars, prefer-const */
-        let table = this.renderTable(ret.groupChildren, ret.flatChildren),
-            {
-                className,
-                style,
-                hasBorder,
-                isZebra,
-                loading,
-                size,
-                hasHeader,
-                prefix,
-                dataSource,
-                entireDataSource,
-                onSort,
-                onResizeChange,
-                onRowClick,
-                onRowMouseEnter,
-                onRowMouseLeave,
-                onFilter,
-                rowProps,
-                cellProps,
-                primaryKey,
-                components,
-                wrapperContent,
-                lockType,
-                locale,
-                expandedIndexSimulate,
-                refs,
-                pure,
-                rtl,
-                emptyContent,
-                filterParams,
-                columns,
-                sortIcons,
-                loadingComponent: LoadingComponent = Loading,
-                ...others
-            } = this.props,
-            cls = classnames({
-                [`${prefix}table`]: true,
-                [`${prefix}table-${size}`]: size,
-                'only-bottom-border': !hasBorder,
-                'no-header': !hasHeader,
-                zebra: isZebra,
-                [className]: className,
-            });
-
-        if (rtl) {
-            others.dir = 'rtl';
-        }
-
-        const content = (
-            <div
-                className={cls}
-                style={style}
-                {...obj.pickOthers(Object.keys(Table.propTypes), others)}
-            >
-                {table}
-            </div>
-        );
-        if (loading) {
-            const loadingClassName = `${prefix}table-loading`;
-            return (
-                <LoadingComponent className={loadingClassName}>
-                    {content}
-                </LoadingComponent>
-            );
-        }
-        return content;
+    try {
+      // in case of finding an unmounted component due to cached data
+      // need to clear refs of this.tableInc when dataSource Changed
+      // in virtual table
+      const currentCol = findDOMNode(this.getCellRef(rowIndex, colIndex));
+      if (currentCol === target) {
+        return {
+          colIndex,
+          rowIndex,
+        };
+      }
+    } catch (error) {
+      return {};
     }
+
+    return {};
+  };
+
+  onBodyMouseOver = e => {
+    const { crossline } = this.props;
+    if (!crossline) {
+      return;
+    }
+
+    const { colIndex, rowIndex } = this.findEventTarget(e);
+    // colIndex, rowIndex are string
+    if (!colIndex || !rowIndex) {
+      return;
+    }
+    this.handleColHoverClass(rowIndex, colIndex, true);
+    this.colIndex = colIndex;
+    this.rowIndex = rowIndex;
+  };
+
+  onBodyMouseOut = e => {
+    const { crossline } = this.props;
+    if (!crossline) {
+      return;
+    }
+
+    const { colIndex, rowIndex } = this.findEventTarget(e);
+    // colIndex, rowIndex are string
+    if (!colIndex || !rowIndex) {
+      return;
+    }
+    this.handleColHoverClass(this.rowIndex, this.colIndex, false);
+    this.colIndex = -1;
+    this.rowIndex = -1;
+  };
+
+  addColIndex = (children, start = 0) => {
+    children.forEach((child, i) => {
+      child.__colIndex = start + i;
+    });
+  };
+
+  render() {
+    const ret = this.normalizeChildrenState(this.props);
+    this.groupChildren = ret.groupChildren;
+    this.flatChildren = ret.flatChildren;
+    /* eslint-disable no-unused-vars, prefer-const */
+    let table = this.renderTable(ret.groupChildren, ret.flatChildren);
+    let {
+      className,
+      style,
+      hasBorder,
+      isZebra,
+      loading,
+      size,
+      hasHeader,
+      prefix,
+      dataSource,
+      entireDataSource,
+      onSort,
+      onResizeChange,
+      onRowClick,
+      onRowMouseEnter,
+      onRowMouseLeave,
+      onFilter,
+      rowProps,
+      cellProps,
+      primaryKey,
+      components,
+      wrapperContent,
+      lockType,
+      locale,
+      expandedIndexSimulate,
+      refs,
+      pure,
+      rtl,
+      emptyContent,
+      filterParams,
+      columns,
+      sortIcons,
+      loadingComponent: LoadingComponent = Loading,
+      ...others
+    } = this.props;
+    let cls = classnames({
+      [`${prefix}table`]: true,
+      [`${prefix}table-${size}`]: size,
+      'only-bottom-border': !hasBorder,
+      'no-header': !hasHeader,
+      zebra: isZebra,
+      [className]: className,
+    });
+
+    if (rtl) {
+      others.dir = 'rtl';
+    }
+
+    const content = (
+      <div
+        className={cls}
+        style={style}
+        {...obj.pickOthers(Object.keys(Table.propTypes), others)}
+      >
+        {table}
+      </div>
+    );
+    if (loading) {
+      const loadingClassName = `${prefix}table-loading`;
+      return (
+        <LoadingComponent className={loadingClassName}>
+          {content}
+        </LoadingComponent>
+      );
+    }
+    return content;
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/base/body.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/base/body.jsx
index 0e46b6914..e45303807 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/base/body.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/base/body.jsx
@@ -7,186 +7,187 @@ import CellComponent from './cell';
 const noop = () => {};
 
 export default class Body extends React.Component {
-    static propTypes = {
-        loading: PropTypes.bool,
-        emptyContent: PropTypes.any,
-        prefix: PropTypes.string,
-        pure: PropTypes.bool,
-        components: PropTypes.object,
-        getCellProps: PropTypes.func,
-        cellRef: PropTypes.func,
-        primaryKey: PropTypes.string,
-        getRowProps: PropTypes.func,
-        rowRef: PropTypes.func,
-        dataSource: PropTypes.array,
-        children: PropTypes.any,
-        className: PropTypes.string,
-        component: PropTypes.string,
-        colGroup: PropTypes.object,
-        columns: PropTypes.array,
-        onRowClick: PropTypes.func,
-        onRowMouseEnter: PropTypes.func,
-        onRowMouseLeave: PropTypes.func,
-        onBodyMouseOver: PropTypes.func,
-        onBodyMouseOut: PropTypes.func,
-        locale: PropTypes.object,
-        crossline: PropTypes.bool,
-    };
-    static defaultProps = {
-        loading: false,
-        prefix: 'next-',
-        components: {},
-        getCellProps: noop,
-        cellRef: noop,
-        primaryKey: 'id',
-        getRowProps: noop,
-        rowRef: noop,
-        dataSource: [],
-        component: 'tbody',
-        columns: [],
-    };
+  static propTypes = {
+    loading: PropTypes.bool,
+    emptyContent: PropTypes.any,
+    prefix: PropTypes.string,
+    pure: PropTypes.bool,
+    components: PropTypes.object,
+    getCellProps: PropTypes.func,
+    cellRef: PropTypes.func,
+    primaryKey: PropTypes.string,
+    getRowProps: PropTypes.func,
+    rowRef: PropTypes.func,
+    dataSource: PropTypes.array,
+    children: PropTypes.any,
+    className: PropTypes.string,
+    component: PropTypes.string,
+    colGroup: PropTypes.object,
+    columns: PropTypes.array,
+    onRowClick: PropTypes.func,
+    onRowMouseEnter: PropTypes.func,
+    onRowMouseLeave: PropTypes.func,
+    onBodyMouseOver: PropTypes.func,
+    onBodyMouseOut: PropTypes.func,
+    locale: PropTypes.object,
+    crossline: PropTypes.bool,
+  };
 
-    getRowRef = (i, row) => {
-        this.props.rowRef(i, row);
-    };
+  static defaultProps = {
+    loading: false,
+    prefix: 'next-',
+    components: {},
+    getCellProps: noop,
+    cellRef: noop,
+    primaryKey: 'id',
+    getRowProps: noop,
+    rowRef: noop,
+    dataSource: [],
+    component: 'tbody',
+    columns: [],
+  };
 
-    onRowClick = (record, index, e) => {
-        this.props.onRowClick(record, index, e);
-    };
+  getRowRef = (i, row) => {
+    this.props.rowRef(i, row);
+  };
 
-    onRowMouseEnter = (record, index, e) => {
-        this.props.onRowMouseEnter(record, index, e);
-    };
+  onRowClick = (record, index, e) => {
+    this.props.onRowClick(record, index, e);
+  };
 
-    onRowMouseLeave = (record, index, e) => {
-        this.props.onRowMouseLeave(record, index, e);
-    };
+  onRowMouseEnter = (record, index, e) => {
+    this.props.onRowMouseEnter(record, index, e);
+  };
 
-    onBodyMouseOver = e => {
-        this.props.onBodyMouseOver(e);
-    };
+  onRowMouseLeave = (record, index, e) => {
+    this.props.onRowMouseLeave(record, index, e);
+  };
 
-    onBodyMouseOut = e => {
-        this.props.onBodyMouseOut(e);
-    };
+  onBodyMouseOver = e => {
+    this.props.onBodyMouseOver(e);
+  };
 
-    render() {
-        /*eslint-disable no-unused-vars */
-        const {
-            prefix,
-            className,
-            children,
-            component: Tag,
-            colGroup,
-            loading,
-            emptyContent,
-            components,
-            getCellProps,
-            primaryKey,
-            getRowProps,
-            dataSource,
-            cellRef,
-            columns,
-            rowRef,
-            onRowClick,
-            onRowMouseEnter,
-            onRowMouseLeave,
-            onBodyMouseOver,
-            onBodyMouseOut,
-            locale,
-            pure,
-            expandedIndexSimulate,
-            rtl,
-            crossline,
-            ...others
-        } = this.props;
+  onBodyMouseOut = e => {
+    this.props.onBodyMouseOut(e);
+  };
 
-        const { Row = RowComponent, Cell = CellComponent } = components;
-        const empty = loading ? (
-            <span>&nbsp;</span>
-        ) : (
-            emptyContent || locale.empty
-        );
-        let rows = (
-            <tr>
-                <td colSpan={columns.length}>
-                    <div className={`${prefix}table-empty`}>{empty}</div>
-                </td>
-            </tr>
-        );
-        if (Tag === 'div') {
-            rows = (
-                <table role="table">
-                    <tbody>{rows}</tbody>
-                </table>
-            );
-        }
-        if (dataSource.length) {
-            rows = dataSource.map((record, index) => {
-                let rowProps = {};
-                // record may be a string
-                const rowIndex =
-                    typeof record === 'object' && '__rowIndex' in record
-                        ? record.__rowIndex
-                        : index;
+  render() {
+    /* eslint-disable no-unused-vars */
+    const {
+      prefix,
+      className,
+      children,
+      component: Tag,
+      colGroup,
+      loading,
+      emptyContent,
+      components,
+      getCellProps,
+      primaryKey,
+      getRowProps,
+      dataSource,
+      cellRef,
+      columns,
+      rowRef,
+      onRowClick,
+      onRowMouseEnter,
+      onRowMouseLeave,
+      onBodyMouseOver,
+      onBodyMouseOut,
+      locale,
+      pure,
+      expandedIndexSimulate,
+      rtl,
+      crossline,
+      ...others
+    } = this.props;
 
-                if (expandedIndexSimulate) {
-                    rowProps = record.__expanded
-                        ? {}
-                        : getRowProps(record, index / 2);
-                } else {
-                    rowProps = getRowProps(record, rowIndex);
-                }
-
-                rowProps = rowProps || {};
-
-                const rowClass = rowProps.className;
-                const className = classnames({
-                    first: index === 0,
-                    last: index === dataSource.length - 1,
-                    [rowClass]: rowClass,
-                });
-                const expanded = record.__expanded ? 'expanded' : '';
-                return (
-                    <Row
-                        key={`${record[primaryKey] ||
-                            (record[primaryKey] === 0
-                                ? 0
-                                : rowIndex)}${expanded}`}
-                        {...rowProps}
-                        ref={this.getRowRef.bind(this, rowIndex)}
-                        colGroup={colGroup}
-                        rtl={rtl}
-                        columns={columns}
-                        primaryKey={primaryKey}
-                        record={record}
-                        rowIndex={rowIndex}
-                        __rowIndex={rowIndex}
-                        prefix={prefix}
-                        pure={pure}
-                        cellRef={cellRef}
-                        getCellProps={getCellProps}
-                        className={className}
-                        Cell={Cell}
-                        onClick={this.onRowClick}
-                        locale={locale}
-                        onMouseEnter={this.onRowMouseEnter}
-                        onMouseLeave={this.onRowMouseLeave}
-                    />
-                );
-            });
-        }
-        const event = crossline
-            ? {
-                  onMouseOver: this.onBodyMouseOver,
-                  onMouseOut: this.onBodyMouseOut,
-              }
-            : {};
-        return (
-            <Tag className={className} {...others} {...event}>
-                {rows}
-                {children}
-            </Tag>
-        );
+    const { Row = RowComponent, Cell = CellComponent } = components;
+    const empty = loading ? (
+      <span>&nbsp;</span>
+    ) : (
+      emptyContent || locale.empty
+    );
+    let rows = (
+      <tr>
+        <td colSpan={columns.length}>
+          <div className={`${prefix}table-empty`}>{empty}</div>
+        </td>
+      </tr>
+    );
+    if (Tag === 'div') {
+      rows = (
+        <table role="table">
+          <tbody>{rows}</tbody>
+        </table>
+      );
     }
+    if (dataSource.length) {
+      rows = dataSource.map((record, index) => {
+        let rowProps = {};
+        // record may be a string
+        const rowIndex =
+                    typeof record === 'object' && '__rowIndex' in record
+                      ? record.__rowIndex
+                      : index;
+
+        if (expandedIndexSimulate) {
+          rowProps = record.__expanded
+            ? {}
+            : getRowProps(record, index / 2);
+        } else {
+          rowProps = getRowProps(record, rowIndex);
+        }
+
+        rowProps = rowProps || {};
+
+        const rowClass = rowProps.className;
+        const className = classnames({
+          first: index === 0,
+          last: index === dataSource.length - 1,
+          [rowClass]: rowClass,
+        });
+        const expanded = record.__expanded ? 'expanded' : '';
+        return (
+          <Row
+            key={`${record[primaryKey] ||
+                            (record[primaryKey] === 0
+                              ? 0
+                              : rowIndex)}${expanded}`}
+            {...rowProps}
+            ref={this.getRowRef.bind(this, rowIndex)}
+            colGroup={colGroup}
+            rtl={rtl}
+            columns={columns}
+            primaryKey={primaryKey}
+            record={record}
+            rowIndex={rowIndex}
+            __rowIndex={rowIndex}
+            prefix={prefix}
+            pure={pure}
+            cellRef={cellRef}
+            getCellProps={getCellProps}
+            className={className}
+            Cell={Cell}
+            onClick={this.onRowClick}
+            locale={locale}
+            onMouseEnter={this.onRowMouseEnter}
+            onMouseLeave={this.onRowMouseLeave}
+          />
+        );
+      });
+    }
+    const event = crossline
+      ? {
+        onMouseOver: this.onBodyMouseOver,
+        onMouseOut: this.onBodyMouseOut,
+      }
+      : {};
+    return (
+      <Tag className={className} {...others} {...event}>
+        {rows}
+        {children}
+      </Tag>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/base/cell.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/base/cell.jsx
index e3da1854c..40c78b2cf 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/base/cell.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/base/cell.jsx
@@ -4,132 +4,132 @@ import classnames from 'classnames';
 import { obj } from '../../util';
 
 export default class Cell extends React.Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        pure: PropTypes.bool,
-        primaryKey: PropTypes.string,
-        className: PropTypes.string,
-        record: PropTypes.any,
-        value: PropTypes.any,
-        isIconLeft: PropTypes.bool,
-        colIndex: PropTypes.number,
-        rowIndex: PropTypes.number,
-        // 经过锁列调整后的列索引，lock right的列会从非0开始
-        __colIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        title: PropTypes.any,
-        width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        context: PropTypes.any,
-        cell: PropTypes.oneOfType([
-            PropTypes.element,
-            PropTypes.node,
-            PropTypes.func,
-        ]),
-        align: PropTypes.oneOf(['left', 'center', 'right']),
-        component: PropTypes.oneOf(['td', 'th', 'div']),
-        children: PropTypes.any,
-        style: PropTypes.object,
-        innerStyle: PropTypes.object,
-        filterMode: PropTypes.oneOf(['single', 'multiple']),
-        filterMenuProps: PropTypes.object,
-        filterProps: PropTypes.object,
-        filters: PropTypes.array,
-        sortable: PropTypes.bool,
-        lock: PropTypes.any,
-        type: PropTypes.oneOf(['header', 'body']),
-        resizable: PropTypes.bool,
-        __normalized: PropTypes.bool,
-    };
+  static propTypes = {
+    prefix: PropTypes.string,
+    pure: PropTypes.bool,
+    primaryKey: PropTypes.string,
+    className: PropTypes.string,
+    record: PropTypes.any,
+    value: PropTypes.any,
+    isIconLeft: PropTypes.bool,
+    colIndex: PropTypes.number,
+    rowIndex: PropTypes.number,
+    // 经过锁列调整后的列索引，lock right的列会从非0开始
+    __colIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    title: PropTypes.any,
+    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    context: PropTypes.any,
+    cell: PropTypes.oneOfType([
+      PropTypes.element,
+      PropTypes.node,
+      PropTypes.func,
+    ]),
+    align: PropTypes.oneOf(['left', 'center', 'right']),
+    component: PropTypes.oneOf(['td', 'th', 'div']),
+    children: PropTypes.any,
+    style: PropTypes.object,
+    innerStyle: PropTypes.object,
+    filterMode: PropTypes.oneOf(['single', 'multiple']),
+    filterMenuProps: PropTypes.object,
+    filterProps: PropTypes.object,
+    filters: PropTypes.array,
+    sortable: PropTypes.bool,
+    lock: PropTypes.any,
+    type: PropTypes.oneOf(['header', 'body']),
+    resizable: PropTypes.bool,
+    __normalized: PropTypes.bool,
+  };
 
-    static defaultProps = {
-        component: 'td',
-        type: 'body',
-        isIconLeft: false,
-        cell: value => value,
-        prefix: 'next-',
-    };
+  static defaultProps = {
+    component: 'td',
+    type: 'body',
+    isIconLeft: false,
+    cell: value => value,
+    prefix: 'next-',
+  };
 
-    shouldComponentUpdate(nextProps) {
-        if (nextProps.pure) {
-            const isEqual = obj.shallowEqual(this.props, nextProps);
-            return !isEqual;
-        }
-        return true;
+  shouldComponentUpdate(nextProps) {
+    if (nextProps.pure) {
+      const isEqual = obj.shallowEqual(this.props, nextProps);
+      return !isEqual;
     }
+    return true;
+  }
 
-    render() {
-        /* eslint-disable no-unused-vars */
-        const {
-            prefix,
-            className,
-            cell,
-            value,
-            resizable,
-            colIndex,
-            rowIndex,
-            __colIndex,
-            record,
-            context,
-            align,
-            style = {},
-            component: Tag,
-            children,
-            title,
-            width,
-            innerStyle,
-            primaryKey,
-            __normalized,
-            filterMode,
-            filterMenuProps,
-            filterProps,
-            filters,
-            sortable,
-            lock,
-            pure,
-            locale,
-            expandedIndexSimulate,
-            rtl,
-            isIconLeft,
-            type,
-            htmlTitle,
-            ...others
-        } = this.props;
-        const tagStyle = { ...style };
-        const cellProps = { value, index: rowIndex, record, context };
-        let content = cell;
-        if (React.isValidElement(content)) {
-            content = React.cloneElement(content, cellProps);
-        } else if (typeof content === 'function') {
-            content = content(value, rowIndex, record, context);
-        }
-        if (align) {
-            tagStyle.textAlign = align;
-            if (rtl) {
-                tagStyle.textAlign =
+  render() {
+    /* eslint-disable no-unused-vars */
+    const {
+      prefix,
+      className,
+      cell,
+      value,
+      resizable,
+      colIndex,
+      rowIndex,
+      __colIndex,
+      record,
+      context,
+      align,
+      style = {},
+      component: Tag,
+      children,
+      title,
+      width,
+      innerStyle,
+      primaryKey,
+      __normalized,
+      filterMode,
+      filterMenuProps,
+      filterProps,
+      filters,
+      sortable,
+      lock,
+      pure,
+      locale,
+      expandedIndexSimulate,
+      rtl,
+      isIconLeft,
+      type,
+      htmlTitle,
+      ...others
+    } = this.props;
+    const tagStyle = { ...style };
+    const cellProps = { value, index: rowIndex, record, context };
+    let content = cell;
+    if (React.isValidElement(content)) {
+      content = React.cloneElement(content, cellProps);
+    } else if (typeof content === 'function') {
+      content = content(value, rowIndex, record, context);
+    }
+    if (align) {
+      tagStyle.textAlign = align;
+      if (rtl) {
+        tagStyle.textAlign =
                     align === 'left'
-                        ? 'right'
-                        : align === 'right'
+                      ? 'right'
+                      : align === 'right'
                         ? 'left'
                         : align;
-            }
-        }
-        const cls = classnames({
-            [`${prefix}table-cell`]: true,
-            [className]: className,
-        });
-
-        return (
-            <Tag {...others} className={cls} style={tagStyle} role="gridcell">
-                <div
-                    className={`${prefix}table-cell-wrapper`}
-                    style={innerStyle}
-                    title={htmlTitle}
-                    data-next-table-col={__colIndex}
-                    data-next-table-row={rowIndex}
-                >
-                    {isIconLeft ? children : content}
-                    {isIconLeft ? content : children}
-                </div>
-            </Tag>
-        );
+      }
     }
+    const cls = classnames({
+      [`${prefix}table-cell`]: true,
+      [className]: className,
+    });
+
+    return (
+      <Tag {...others} className={cls} style={tagStyle} role="gridcell">
+        <div
+          className={`${prefix}table-cell-wrapper`}
+          style={innerStyle}
+          title={htmlTitle}
+          data-next-table-col={__colIndex}
+          data-next-table-row={rowIndex}
+        >
+          {isIconLeft ? children : content}
+          {isIconLeft ? content : children}
+        </div>
+      </Tag>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/base/filter.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/base/filter.jsx
index 8a981ca0a..5219c2175 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/base/filter.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/base/filter.jsx
@@ -9,204 +9,204 @@ import { KEYCODE } from '../../util';
 
 // 共享状态的组件需要变成非受控组件
 export default class Filter extends React.Component {
-    static propTypes = {
-        dataIndex: PropTypes.string,
-        filters: PropTypes.array,
-        filterMode: PropTypes.string,
-        filterParams: PropTypes.object,
-        filterMenuProps: PropTypes.object,
-        filterProps: PropTypes.object,
-        locale: PropTypes.object,
-        onFilter: PropTypes.func,
-        prefix: PropTypes.string,
-        rtl: PropTypes.bool,
+  static propTypes = {
+    dataIndex: PropTypes.string,
+    filters: PropTypes.array,
+    filterMode: PropTypes.string,
+    filterParams: PropTypes.object,
+    filterMenuProps: PropTypes.object,
+    filterProps: PropTypes.object,
+    locale: PropTypes.object,
+    onFilter: PropTypes.func,
+    prefix: PropTypes.string,
+    rtl: PropTypes.bool,
+  };
+
+  static defaultProps = {
+    onFilter: () => {},
+  };
+
+  constructor(props) {
+    super(props);
+    const filterParams = props.filterParams || {};
+    const filterConfig = filterParams[props.dataIndex] || {};
+    this.state = {
+      visible: filterConfig.visible || false,
+      selectedKeys: filterConfig.selectedKeys || [],
     };
+    this._selectedKeys = [...this.state.selectedKeys];
+  }
 
-    static defaultProps = {
-        onFilter: () => {},
-    };
-
-    constructor(props) {
-        super(props);
-        const filterParams = props.filterParams || {};
-        const filterConfig = filterParams[props.dataIndex] || {};
-        this.state = {
-            visible: filterConfig.visible || false,
-            selectedKeys: filterConfig.selectedKeys || [],
-        };
-        this._selectedKeys = [...this.state.selectedKeys];
-    }
-
-    componentWillReceiveProps(nextProps) {
-        if (
-            nextProps.hasOwnProperty('filterParams') &&
+  componentWillReceiveProps(nextProps) {
+    if (
+      nextProps.hasOwnProperty('filterParams') &&
             typeof nextProps.filterParams !== 'undefined'
-        ) {
-            const dataIndex = nextProps.dataIndex || this.props.dataIndex;
-            const filterParams = nextProps.filterParams || {};
-            const filterConfig = filterParams[dataIndex] || {};
-            const selectedKeys = filterConfig.selectedKeys || [];
-            this.setState({
-                selectedKeys,
-            });
-            this._selectedKeys = [...selectedKeys];
-        }
+    ) {
+      const dataIndex = nextProps.dataIndex || this.props.dataIndex;
+      const filterParams = nextProps.filterParams || {};
+      const filterConfig = filterParams[dataIndex] || {};
+      const selectedKeys = filterConfig.selectedKeys || [];
+      this.setState({
+        selectedKeys,
+      });
+      this._selectedKeys = [...selectedKeys];
+    }
+  }
+
+  filterKeydown = e => {
+    e.preventDefault();
+    e.stopPropagation();
+
+    if (e.keyCode === KEYCODE.ENTER) {
+      this.setState({
+        visible: !this.state.visible,
+      });
+    }
+  };
+
+  onFilterVisible = visible => {
+    this.setState({
+      visible,
+    });
+
+    if (!visible) {
+      const selectedKeys = [...this._selectedKeys];
+
+      this.setState({
+        selectedKeys,
+      });
+    }
+  };
+
+  onFilterSelect = selectedKeys => {
+    this.setState({
+      visible: true,
+      selectedKeys,
+    });
+  };
+
+  onFilterConfirm = () => {
+    const { selectedKeys } = this.state;
+    const filterParams = {};
+    const { dataIndex } = this.props;
+
+    filterParams[dataIndex] = {
+      visible: false,
+      selectedKeys,
+    };
+    this._selectedKeys = [...selectedKeys];
+    this.setState({
+      visible: false,
+    });
+    // 兼容之前的格式
+    this.props.onFilter(filterParams);
+  };
+
+  onFilterClear = () => {
+    const filterParams = {};
+    const { dataIndex } = this.props;
+
+    filterParams[dataIndex] = {
+      visible: false,
+      selectedKeys: [],
+    };
+    this._selectedKeys = [];
+    this.setState({
+      selectedKeys: [],
+      visible: false,
+    });
+    // 兼容之前的格式
+    this.props.onFilter(filterParams);
+  };
+
+  render() {
+    const {
+      filters,
+      prefix,
+      locale,
+      className,
+      filterMode,
+      filterMenuProps,
+      filterProps,
+      rtl,
+    } = this.props;
+
+    const { visible, selectedKeys } = this.state;
+    const { subMenuSelectable, ...others } = filterMenuProps;
+
+    function renderMenuItem(item) {
+      return <Menu.Item key={item.value}>{item.label}</Menu.Item>;
     }
 
-    filterKeydown = e => {
-        e.preventDefault();
-        e.stopPropagation();
-
-        if (e.keyCode === KEYCODE.ENTER) {
-            this.setState({
-                visible: !this.state.visible,
-            });
-        }
-    };
-
-    onFilterVisible = visible => {
-        this.setState({
-            visible,
-        });
-
-        if (!visible) {
-            const selectedKeys = [...this._selectedKeys];
-
-            this.setState({
-                selectedKeys,
-            });
-        }
-    };
-
-    onFilterSelect = selectedKeys => {
-        this.setState({
-            visible: true,
-            selectedKeys,
-        });
-    };
-
-    onFilterConfirm = () => {
-        const selectedKeys = this.state.selectedKeys;
-        const filterParams = {},
-            { dataIndex } = this.props;
-
-        filterParams[dataIndex] = {
-            visible: false,
-            selectedKeys: selectedKeys,
-        };
-        this._selectedKeys = [...selectedKeys];
-        this.setState({
-            visible: false,
-        });
-        // 兼容之前的格式
-        this.props.onFilter(filterParams);
-    };
-
-    onFilterClear = () => {
-        const filterParams = {},
-            { dataIndex } = this.props;
-
-        filterParams[dataIndex] = {
-            visible: false,
-            selectedKeys: [],
-        };
-        this._selectedKeys = [];
-        this.setState({
-            selectedKeys: [],
-            visible: false,
-        });
-        // 兼容之前的格式
-        this.props.onFilter(filterParams);
-    };
-
-    render() {
-        const {
-            filters,
-            prefix,
-            locale,
-            className,
-            filterMode,
-            filterMenuProps,
-            filterProps,
-            rtl,
-        } = this.props;
-
-        const { visible, selectedKeys } = this.state;
-        const { subMenuSelectable, ...others } = filterMenuProps;
-
-        function renderMenuItem(item) {
-            return <Menu.Item key={item.value}>{item.label}</Menu.Item>;
-        }
-
-        function renderSubMenu(parent, children) {
-            return (
-                <Menu.SubMenu
-                    label={parent.label}
-                    key={parent.value}
-                    selectable={subMenuSelectable}
-                >
-                    {renderMenuContent(children)}
-                </Menu.SubMenu>
-            );
-        }
-
-        function renderMenuContent(list) {
-            return list.map(item => {
-                if (item.children) {
-                    return renderSubMenu(item, item.children);
-                } else {
-                    return renderMenuItem(item);
-                }
-            });
-        }
-
-        const content = renderMenuContent(filters),
-            footer = (
-                <div className={`${prefix}table-filter-footer`}>
-                    <Button type="primary" onClick={this.onFilterConfirm}>
-                        {locale.ok}
-                    </Button>
-                    <Button onClick={this.onFilterClear}>{locale.reset}</Button>
-                </div>
-            );
-
-        const cls = classnames({
-            [`${prefix}table-filter`]: true,
-            [className]: className,
-        });
-
-        return (
-            <Dropdown
-                trigger={
-                    <span
-                        role="button"
-                        aria-label={locale.filter}
-                        onKeyDown={this.filterKeydown}
-                        tabIndex="0"
-                        className={cls}
-                    >
-                        <Icon type="filter" size="small" />
-                    </span>
-                }
-                triggerType="click"
-                visible={visible}
-                autoFocus
-                rtl={rtl}
-                needAdjust={false}
-                onVisibleChange={this.onFilterVisible}
-                {...filterProps}
-            >
-                <Menu
-                    footer={footer}
-                    rtl={rtl}
-                    selectedKeys={selectedKeys}
-                    selectMode={filterMode}
-                    onSelect={this.onFilterSelect}
-                    {...others}
-                >
-                    {content}
-                </Menu>
-            </Dropdown>
-        );
+    function renderSubMenu(parent, children) {
+      return (
+        <Menu.SubMenu
+          label={parent.label}
+          key={parent.value}
+          selectable={subMenuSelectable}
+        >
+          {renderMenuContent(children)}
+        </Menu.SubMenu>
+      );
     }
+
+    function renderMenuContent(list) {
+      return list.map(item => {
+        if (item.children) {
+          return renderSubMenu(item, item.children);
+        } else {
+          return renderMenuItem(item);
+        }
+      });
+    }
+
+    const content = renderMenuContent(filters);
+    const footer = (
+      <div className={`${prefix}table-filter-footer`}>
+        <Button type="primary" onClick={this.onFilterConfirm}>
+          {locale.ok}
+        </Button>
+        <Button onClick={this.onFilterClear}>{locale.reset}</Button>
+      </div>
+    );
+
+    const cls = classnames({
+      [`${prefix}table-filter`]: true,
+      [className]: className,
+    });
+
+    return (
+      <Dropdown
+        trigger={
+          <span
+            role="button"
+            aria-label={locale.filter}
+            onKeyDown={this.filterKeydown}
+            tabIndex="0"
+            className={cls}
+          >
+            <Icon type="filter" size="small" />
+          </span>
+                }
+        triggerType="click"
+        visible={visible}
+        autoFocus
+        rtl={rtl}
+        needAdjust={false}
+        onVisibleChange={this.onFilterVisible}
+        {...filterProps}
+      >
+        <Menu
+          footer={footer}
+          rtl={rtl}
+          selectedKeys={selectedKeys}
+          selectMode={filterMode}
+          onSelect={this.onFilterSelect}
+          {...others}
+        >
+          {content}
+        </Menu>
+      </Dropdown>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/base/header.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/base/header.jsx
index d7adaac05..90198ab07 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/base/header.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/base/header.jsx
@@ -8,188 +8,189 @@ import ResizeComponent from './resize';
 
 const noop = () => {};
 export default class Header extends React.Component {
-    static propTypes = {
-        children: PropTypes.any,
-        prefix: PropTypes.string,
-        pure: PropTypes.bool,
-        className: PropTypes.string,
-        component: PropTypes.string,
-        columns: PropTypes.array,
-        colGroup: PropTypes.object,
-        headerCellRef: PropTypes.func,
-        locale: PropTypes.object,
-        filterParams: PropTypes.object,
-        onFilter: PropTypes.func,
-        components: PropTypes.object,
-        sort: PropTypes.object,
-        sortIcons: PropTypes.object,
-        onSort: PropTypes.func,
-        onResizeChange: PropTypes.func,
-    };
-    static defaultProps = {
-        component: 'thead',
-        columns: [],
-        headerCellRef: noop,
-        onFilter: noop,
-        components: {},
-        onSort: noop,
-        onResizeChange: noop,
-    };
+  static propTypes = {
+    children: PropTypes.any,
+    prefix: PropTypes.string,
+    pure: PropTypes.bool,
+    className: PropTypes.string,
+    component: PropTypes.string,
+    columns: PropTypes.array,
+    colGroup: PropTypes.object,
+    headerCellRef: PropTypes.func,
+    locale: PropTypes.object,
+    filterParams: PropTypes.object,
+    onFilter: PropTypes.func,
+    components: PropTypes.object,
+    sort: PropTypes.object,
+    sortIcons: PropTypes.object,
+    onSort: PropTypes.func,
+    onResizeChange: PropTypes.func,
+  };
 
-    getCellRef = (i, j, cell) => {
-        this.props.headerCellRef(i, j, cell);
-    };
+  static defaultProps = {
+    component: 'thead',
+    columns: [],
+    headerCellRef: noop,
+    onFilter: noop,
+    components: {},
+    onSort: noop,
+    onResizeChange: noop,
+  };
 
-    onSort = (dataIndex, order, sort) => {
-        this.props.onSort(dataIndex, order, sort);
-    };
+  getCellRef = (i, j, cell) => {
+    this.props.headerCellRef(i, j, cell);
+  };
 
-    render() {
-        /*eslint-disable no-unused-vars */
-        const {
-            prefix,
-            className,
-            children,
-            component: Tag,
-            colGroup,
-            columns,
-            locale,
-            filterParams,
-            onFilter,
-            components,
-            affixRef,
-            headerCellRef,
-            onSort,
-            sort,
-            sortIcons,
-            onResizeChange,
-            pure,
-            rtl,
-            ...others
-        } = this.props;
+  onSort = (dataIndex, order, sort) => {
+    this.props.onSort(dataIndex, order, sort);
+  };
 
-        const {
-            Cell = CellComponent,
-            Filter = FilterComponent,
-            Sort = SortComponent,
-            Resize = ResizeComponent,
-        } = components;
-        const rowSpan = columns.length;
+  render() {
+    /* eslint-disable no-unused-vars */
+    const {
+      prefix,
+      className,
+      children,
+      component: Tag,
+      colGroup,
+      columns,
+      locale,
+      filterParams,
+      onFilter,
+      components,
+      affixRef,
+      headerCellRef,
+      onSort,
+      sort,
+      sortIcons,
+      onResizeChange,
+      pure,
+      rtl,
+      ...others
+    } = this.props;
 
-        const header = columns.map((cols, index) => {
-            const col = cols.map((col, j) => {
-                /* eslint-disable no-unused-vars, prefer-const */
-                let {
-                    title,
-                    colSpan,
-                    sortable,
-                    resizable,
-                    dataIndex,
-                    filters,
-                    filterMode,
-                    filterMenuProps,
-                    filterProps,
-                    width,
-                    align,
-                    alignHeader,
-                    className,
-                    __normalized,
-                    lock,
-                    ...others
-                } = col;
+    const {
+      Cell = CellComponent,
+      Filter = FilterComponent,
+      Sort = SortComponent,
+      Resize = ResizeComponent,
+    } = components;
+    const rowSpan = columns.length;
 
-                className = classnames({
-                    [`${prefix}table-header-node`]: true,
-                    [`${prefix}table-header-resizable`]: resizable,
-                    [className]: className,
-                });
-                let attrs = {},
-                    sortElement,
-                    filterElement,
-                    resizeElement;
+    const header = columns.map((cols, index) => {
+      const col = cols.map((col, j) => {
+        /* eslint-disable no-unused-vars, prefer-const */
+        let {
+          title,
+          colSpan,
+          sortable,
+          resizable,
+          dataIndex,
+          filters,
+          filterMode,
+          filterMenuProps,
+          filterProps,
+          width,
+          align,
+          alignHeader,
+          className,
+          __normalized,
+          lock,
+          ...others
+        } = col;
 
-                attrs.colSpan = colSpan;
-
-                // column.group doesn't have sort resize filter
-                if (!(col.children && col.children.length)) {
-                    if (sortable) {
-                        sortElement = (
-                            <Sort
-                                prefix={prefix}
-                                className={`${prefix}table-header-icon`}
-                                dataIndex={dataIndex}
-                                onSort={this.onSort}
-                                sortIcons={sortIcons}
-                                sort={sort}
-                                rtl={rtl}
-                                locale={locale}
-                            />
-                        );
-                    }
-                    if (resizable) {
-                        resizeElement = (
-                            <Resize
-                                prefix={prefix}
-                                rtl={rtl}
-                                dataIndex={dataIndex}
-                                onChange={onResizeChange}
-                            />
-                        );
-                    }
-
-                    if (filters) {
-                        filterElement = filters.length ? (
-                            <Filter
-                                dataIndex={dataIndex}
-                                className={`${prefix}table-header-icon`}
-                                filters={filters}
-                                prefix={prefix}
-                                locale={locale}
-                                rtl={rtl}
-                                filterParams={filterParams}
-                                filterMode={filterMode}
-                                filterMenuProps={filterMenuProps}
-                                filterProps={filterProps}
-                                onFilter={onFilter}
-                            />
-                        ) : null;
-                    }
-                    attrs.rowSpan = rowSpan - index;
-                }
-
-                if (+attrs.colSpan === 0) {
-                    return null;
-                }
-
-                return (
-                    <Cell
-                        {...others}
-                        {...attrs}
-                        key={j}
-                        prefix={prefix}
-                        pure={pure}
-                        rtl={rtl}
-                        cell={title}
-                        component="th"
-                        align={alignHeader ? alignHeader : align}
-                        className={className}
-                        ref={this.getCellRef.bind(this, index, j)}
-                        type="header"
-                    >
-                        {sortElement}
-                        {filterElement}
-                        {resizeElement}
-                    </Cell>
-                );
-            });
-            return <tr key={index}>{col}</tr>;
+        className = classnames({
+          [`${prefix}table-header-node`]: true,
+          [`${prefix}table-header-resizable`]: resizable,
+          [className]: className,
         });
+        let attrs = {};
+        let sortElement;
+        let filterElement;
+        let resizeElement;
+
+        attrs.colSpan = colSpan;
+
+        // column.group doesn't have sort resize filter
+        if (!(col.children && col.children.length)) {
+          if (sortable) {
+            sortElement = (
+              <Sort
+                prefix={prefix}
+                className={`${prefix}table-header-icon`}
+                dataIndex={dataIndex}
+                onSort={this.onSort}
+                sortIcons={sortIcons}
+                sort={sort}
+                rtl={rtl}
+                locale={locale}
+              />
+            );
+          }
+          if (resizable) {
+            resizeElement = (
+              <Resize
+                prefix={prefix}
+                rtl={rtl}
+                dataIndex={dataIndex}
+                onChange={onResizeChange}
+              />
+            );
+          }
+
+          if (filters) {
+            filterElement = filters.length ? (
+              <Filter
+                dataIndex={dataIndex}
+                className={`${prefix}table-header-icon`}
+                filters={filters}
+                prefix={prefix}
+                locale={locale}
+                rtl={rtl}
+                filterParams={filterParams}
+                filterMode={filterMode}
+                filterMenuProps={filterMenuProps}
+                filterProps={filterProps}
+                onFilter={onFilter}
+              />
+            ) : null;
+          }
+          attrs.rowSpan = rowSpan - index;
+        }
+
+        if (+attrs.colSpan === 0) {
+          return null;
+        }
 
         return (
-            <Tag className={className} {...others}>
-                {header}
-                {children}
-            </Tag>
+          <Cell
+            {...others}
+            {...attrs}
+            key={j}
+            prefix={prefix}
+            pure={pure}
+            rtl={rtl}
+            cell={title}
+            component="th"
+            align={alignHeader || align}
+            className={className}
+            ref={this.getCellRef.bind(this, index, j)}
+            type="header"
+          >
+            {sortElement}
+            {filterElement}
+            {resizeElement}
+          </Cell>
         );
-    }
+      });
+      return <tr key={index}>{col}</tr>;
+    });
+
+    return (
+      <Tag className={className} {...others}>
+        {header}
+        {children}
+      </Tag>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/base/resize.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/base/resize.jsx
index c7072fa26..ef2ac1472 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/base/resize.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/base/resize.jsx
@@ -3,66 +3,75 @@ import T from 'prop-types';
 import { events, dom } from '../../util';
 
 class Resize extends React.Component {
-    static propTypes = {
-        prefix: T.string,
-        rtl: T.bool,
-        onChange: T.func,
-        dataIndex: T.string,
-    };
-    static defaultProps = {
-        onChange: () => {},
-    };
-    componentWillUnmount() {
-        this.destory();
-    }
-    onMouseDown = e => {
-        this.lastPageX = e.pageX;
-        events.on(document, 'mousemove', this.onMouseMove);
-        events.on(document, 'mouseup', this.onMouseUp);
-        this.unSelect();
-    };
-    onMouseMove = e => {
-        const pageX = e.pageX;
-        let changedPageX = pageX - this.lastPageX;
+  static propTypes = {
+    prefix: T.string,
+    rtl: T.bool,
+    onChange: T.func,
+    dataIndex: T.string,
+  };
 
-        if (this.props.rtl) {
-            changedPageX = -changedPageX;
-        }
+  static defaultProps = {
+    onChange: () => {},
+  };
 
-        this.props.onChange(this.props.dataIndex, changedPageX);
-        this.lastPageX = pageX;
-    };
-    onMouseUp = () => {
-        this.destory();
-    };
-    destory() {
-        events.off(document, 'mousemove', this.onMouseMove);
-        events.off(document, 'mouseup', this.onMouseMove);
-        this.select();
-    }
-    unSelect() {
-        dom.setStyle(document.body, {
-            userSelect: 'none',
-            cursor: 'ew-resize',
-        });
-        document.body.setAttribute('unselectable', 'on');
-    }
-    select() {
-        dom.setStyle(document.body, {
-            userSelect: '',
-            cursor: '',
-        });
-        document.body.removeAttribute('unselectable');
-    }
-    render() {
-        const { prefix } = this.props;
-        return (
-            <a
-                className={`${prefix}table-resize-handler`}
-                onMouseDown={this.onMouseDown}
-            />
-        );
+  componentWillUnmount() {
+    this.destory();
+  }
+
+  onMouseDown = e => {
+    this.lastPageX = e.pageX;
+    events.on(document, 'mousemove', this.onMouseMove);
+    events.on(document, 'mouseup', this.onMouseUp);
+    this.unSelect();
+  };
+
+  onMouseMove = e => {
+    const { pageX } = e;
+    let changedPageX = pageX - this.lastPageX;
+
+    if (this.props.rtl) {
+      changedPageX = -changedPageX;
     }
+
+    this.props.onChange(this.props.dataIndex, changedPageX);
+    this.lastPageX = pageX;
+  };
+
+  onMouseUp = () => {
+    this.destory();
+  };
+
+  destory() {
+    events.off(document, 'mousemove', this.onMouseMove);
+    events.off(document, 'mouseup', this.onMouseMove);
+    this.select();
+  }
+
+  unSelect() {
+    dom.setStyle(document.body, {
+      userSelect: 'none',
+      cursor: 'ew-resize',
+    });
+    document.body.setAttribute('unselectable', 'on');
+  }
+
+  select() {
+    dom.setStyle(document.body, {
+      userSelect: '',
+      cursor: '',
+    });
+    document.body.removeAttribute('unselectable');
+  }
+
+  render() {
+    const { prefix } = this.props;
+    return (
+      <a
+        className={`${prefix}table-resize-handler`}
+        onMouseDown={this.onMouseDown}
+      />
+    );
+  }
 }
 
 export default Resize;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/base/row.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/base/row.jsx
index ec486d926..caaf182e5 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/base/row.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/base/row.jsx
@@ -8,235 +8,235 @@ import { fetchDataByPath } from '../util';
 const noop = () => {};
 
 export default class Row extends React.Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        pure: PropTypes.bool,
-        primaryKey: PropTypes.string,
-        className: PropTypes.string,
-        columns: PropTypes.array,
-        record: PropTypes.any,
-        Cell: PropTypes.func,
-        rowIndex: PropTypes.number,
-        getCellProps: PropTypes.func,
-        onClick: PropTypes.func,
-        onMouseEnter: PropTypes.func,
-        onMouseLeave: PropTypes.func,
-        children: PropTypes.any,
-        cellRef: PropTypes.func,
-        colGroup: PropTypes.object,
-        locale: PropTypes.object,
-        wrapper: PropTypes.func,
-    };
+  static propTypes = {
+    prefix: PropTypes.string,
+    pure: PropTypes.bool,
+    primaryKey: PropTypes.string,
+    className: PropTypes.string,
+    columns: PropTypes.array,
+    record: PropTypes.any,
+    Cell: PropTypes.func,
+    rowIndex: PropTypes.number,
+    getCellProps: PropTypes.func,
+    onClick: PropTypes.func,
+    onMouseEnter: PropTypes.func,
+    onMouseLeave: PropTypes.func,
+    children: PropTypes.any,
+    cellRef: PropTypes.func,
+    colGroup: PropTypes.object,
+    locale: PropTypes.object,
+    wrapper: PropTypes.func,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        primaryKey: 'id',
-        columns: [],
-        record: {},
-        getCellProps: noop,
-        onClick: noop,
-        onMouseEnter: noop,
-        onMouseLeave: noop,
-        cellRef: noop,
-        colGroup: {},
-        wrapper: row => row,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    primaryKey: 'id',
+    columns: [],
+    record: {},
+    getCellProps: noop,
+    onClick: noop,
+    onMouseEnter: noop,
+    onMouseLeave: noop,
+    cellRef: noop,
+    colGroup: {},
+    wrapper: row => row,
+  };
 
-    static contextTypes = {
-        notRenderCellIndex: PropTypes.array,
-        lockType: PropTypes.oneOf(['left', 'right']),
-    };
+  static contextTypes = {
+    notRenderCellIndex: PropTypes.array,
+    lockType: PropTypes.oneOf(['left', 'right']),
+  };
 
-    shouldComponentUpdate(nextProps) {
-        if (nextProps.pure) {
-            const isEqual = obj.shallowEqual(this.props, nextProps);
-            return !isEqual;
-        }
-
-        return true;
+  shouldComponentUpdate(nextProps) {
+    if (nextProps.pure) {
+      const isEqual = obj.shallowEqual(this.props, nextProps);
+      return !isEqual;
     }
 
-    onClick = e => {
-        const { record, rowIndex } = this.props;
-        this.props.onClick(record, rowIndex, e);
-    };
+    return true;
+  }
 
-    onMouseEnter = e => {
-        const { record, rowIndex, __rowIndex } = this.props;
-        const row = __rowIndex || rowIndex;
-        this.onRowHover(record, row, true, e);
-    };
+  onClick = e => {
+    const { record, rowIndex } = this.props;
+    this.props.onClick(record, rowIndex, e);
+  };
 
-    onMouseLeave = e => {
-        const { record, rowIndex, __rowIndex } = this.props;
-        const row = __rowIndex || rowIndex;
-        this.onRowHover(record, row, false, e);
-    };
+  onMouseEnter = e => {
+    const { record, rowIndex, __rowIndex } = this.props;
+    const row = __rowIndex || rowIndex;
+    this.onRowHover(record, row, true, e);
+  };
 
-    onRowHover(record, index, isEnter, e) {
-        const { onMouseEnter, onMouseLeave } = this.props,
-            currentRow = findDOMNode(this);
-        if (isEnter) {
-            onMouseEnter(record, index, e);
-            currentRow && dom.addClass(currentRow, 'hovered');
-        } else {
-            onMouseLeave(record, index, e);
-            currentRow && dom.removeClass(currentRow, 'hovered');
-        }
+  onMouseLeave = e => {
+    const { record, rowIndex, __rowIndex } = this.props;
+    const row = __rowIndex || rowIndex;
+    this.onRowHover(record, row, false, e);
+  };
+
+  onRowHover(record, index, isEnter, e) {
+    const { onMouseEnter, onMouseLeave } = this.props;
+    const currentRow = findDOMNode(this);
+    if (isEnter) {
+      onMouseEnter(record, index, e);
+      currentRow && dom.addClass(currentRow, 'hovered');
+    } else {
+      onMouseLeave(record, index, e);
+      currentRow && dom.removeClass(currentRow, 'hovered');
     }
+  }
 
-    renderCells(record, rowIndex) {
-        const {
-            Cell,
-            columns,
-            getCellProps,
-            cellRef,
-            prefix,
-            primaryKey,
-            // __rowIndex 是连贯的table行的索引，只有在开启expandedIndexSimulate的ExpandedTable模式下__rowIndex可能会不等于rowIndex
-            __rowIndex,
-            pure,
-            locale,
-            rtl,
-        } = this.props;
+  renderCells(record, rowIndex) {
+    const {
+      Cell,
+      columns,
+      getCellProps,
+      cellRef,
+      prefix,
+      primaryKey,
+      // __rowIndex 是连贯的table行的索引，只有在开启expandedIndexSimulate的ExpandedTable模式下__rowIndex可能会不等于rowIndex
+      __rowIndex,
+      pure,
+      locale,
+      rtl,
+    } = this.props;
 
-        // use params first, it's for list
-        rowIndex = rowIndex !== undefined ? rowIndex : this.props.rowIndex;
+    // use params first, it's for list
+    rowIndex = rowIndex !== undefined ? rowIndex : this.props.rowIndex;
 
-        const { lockType } = this.context;
-        return columns.map((child, index) => {
-            /* eslint-disable no-unused-vars, prefer-const */
-            const {
-                dataIndex,
-                align,
-                alignHeader,
-                width,
-                colSpan,
-                style,
-                __colIndex,
-                ...others
-            } = child;
-            const colIndex = '__colIndex' in child ? __colIndex : index;
-            // colSpan should show in body td by the way of <Table.Column colSpan={2} />
-            // tbody's cell merge should only by the way of <Table cellProps={} />
+    const { lockType } = this.context;
+    return columns.map((child, index) => {
+      /* eslint-disable no-unused-vars, prefer-const */
+      const {
+        dataIndex,
+        align,
+        alignHeader,
+        width,
+        colSpan,
+        style,
+        __colIndex,
+        ...others
+      } = child;
+      const colIndex = '__colIndex' in child ? __colIndex : index;
+      // colSpan should show in body td by the way of <Table.Column colSpan={2} />
+      // tbody's cell merge should only by the way of <Table cellProps={} />
 
-            const value = fetchDataByPath(record, dataIndex);
-            const attrs =
+      const value = fetchDataByPath(record, dataIndex);
+      const attrs =
                 getCellProps(rowIndex, colIndex, dataIndex, record) || {};
 
-            if (this.context.notRenderCellIndex) {
-                const matchCellIndex = this.context.notRenderCellIndex
-                    .map(cellIndex => cellIndex.toString())
-                    .indexOf([rowIndex, colIndex].toString());
-                if (matchCellIndex > -1) {
-                    this.context.notRenderCellIndex.splice(matchCellIndex, 1);
-                    return null;
-                }
-            }
-            if (
-                (attrs.colSpan && attrs.colSpan > 1) ||
+      if (this.context.notRenderCellIndex) {
+        const matchCellIndex = this.context.notRenderCellIndex
+          .map(cellIndex => cellIndex.toString())
+          .indexOf([rowIndex, colIndex].toString());
+        if (matchCellIndex > -1) {
+          this.context.notRenderCellIndex.splice(matchCellIndex, 1);
+          return null;
+        }
+      }
+      if (
+        (attrs.colSpan && attrs.colSpan > 1) ||
                 (attrs.rowSpan && attrs.rowSpan > 1)
-            ) {
-                this._getNotRenderCellIndex(
-                    colIndex,
-                    rowIndex,
-                    attrs.colSpan || 1,
-                    attrs.rowSpan || 1
-                );
-            }
+      ) {
+        this._getNotRenderCellIndex(
+          colIndex,
+          rowIndex,
+          attrs.colSpan || 1,
+          attrs.rowSpan || 1,
+        );
+      }
 
-            const cellClass = attrs.className;
-            const className = classnames({
-                first: lockType !== 'right' && colIndex === 0,
-                last:
+      const cellClass = attrs.className;
+      const className = classnames({
+        first: lockType !== 'right' && colIndex === 0,
+        last:
                     lockType !== 'left' &&
                     (colIndex === columns.length - 1 ||
                         colIndex + attrs.colSpan === columns.length), // 考虑合并单元格的情况
-                [child.className]: child.className,
-                [cellClass]: cellClass,
-            });
+        [child.className]: child.className,
+        [cellClass]: cellClass,
+      });
 
-            return (
-                <Cell
-                    key={`${__rowIndex}-${colIndex}`}
-                    {...others}
-                    {...attrs}
-                    data-next-table-col={colIndex}
-                    data-next-table-row={rowIndex}
-                    ref={cell => cellRef(__rowIndex, colIndex, cell)}
-                    prefix={prefix}
-                    pure={pure}
-                    primaryKey={primaryKey}
-                    record={record}
-                    className={className}
-                    value={value}
-                    colIndex={colIndex}
-                    rowIndex={rowIndex}
-                    align={align}
-                    locale={locale}
-                    rtl={rtl}
-                    width={width}
-                />
-            );
-        });
+      return (
+        <Cell
+          key={`${__rowIndex}-${colIndex}`}
+          {...others}
+          {...attrs}
+          data-next-table-col={colIndex}
+          data-next-table-row={rowIndex}
+          ref={cell => cellRef(__rowIndex, colIndex, cell)}
+          prefix={prefix}
+          pure={pure}
+          primaryKey={primaryKey}
+          record={record}
+          className={className}
+          value={value}
+          colIndex={colIndex}
+          rowIndex={rowIndex}
+          align={align}
+          locale={locale}
+          rtl={rtl}
+          width={width}
+        />
+      );
+    });
+  }
+
+  _getNotRenderCellIndex(colIndex, rowIndex, colSpan, rowSpan) {
+    const maxColIndex = colSpan;
+    const maxRowIndex = rowSpan;
+    const notRenderCellIndex = [];
+    for (let i = 0; i < maxColIndex; i++) {
+      for (let j = 0; j < maxRowIndex; j++) {
+        notRenderCellIndex.push([rowIndex + j, colIndex + i]);
+      }
     }
+    [].push.apply(this.context.notRenderCellIndex, notRenderCellIndex);
+  }
 
-    _getNotRenderCellIndex(colIndex, rowIndex, colSpan, rowSpan) {
-        const maxColIndex = colSpan;
-        const maxRowIndex = rowSpan;
-        const notRenderCellIndex = [];
-        for (let i = 0; i < maxColIndex; i++) {
-            for (let j = 0; j < maxRowIndex; j++) {
-                notRenderCellIndex.push([rowIndex + j, colIndex + i]);
-            }
-        }
-        [].push.apply(this.context.notRenderCellIndex, notRenderCellIndex);
-    }
+  render() {
+    /* eslint-disable no-unused-vars */
+    const {
+      prefix,
+      className,
+      onClick,
+      onMouseEnter,
+      onMouseLeave,
+      columns,
+      Cell,
+      getCellProps,
+      rowIndex,
+      record,
+      __rowIndex,
+      children,
+      primaryKey,
+      cellRef,
+      colGroup,
+      pure,
+      locale,
+      expandedIndexSimulate,
+      rtl,
+      wrapper,
+      ...others
+    } = this.props;
+    const cls = classnames({
+      [`${prefix}table-row`]: true,
+      [className]: className,
+    });
 
-    render() {
-        /* eslint-disable no-unused-vars*/
-        const {
-            prefix,
-            className,
-            onClick,
-            onMouseEnter,
-            onMouseLeave,
-            columns,
-            Cell,
-            getCellProps,
-            rowIndex,
-            record,
-            __rowIndex,
-            children,
-            primaryKey,
-            cellRef,
-            colGroup,
-            pure,
-            locale,
-            expandedIndexSimulate,
-            rtl,
-            wrapper,
-            ...others
-        } = this.props;
-        const cls = classnames({
-            [`${prefix}table-row`]: true,
-            [className]: className,
-        });
+    const tr = (
+      <tr
+        className={cls}
+        role="row"
+        {...others}
+        onClick={this.onClick}
+        onMouseEnter={this.onMouseEnter}
+        onMouseLeave={this.onMouseLeave}
+      >
+        {this.renderCells(record)}
+        {children}
+      </tr>
+    );
 
-        const tr = (
-            <tr
-                className={cls}
-                role="row"
-                {...others}
-                onClick={this.onClick}
-                onMouseEnter={this.onMouseEnter}
-                onMouseLeave={this.onMouseLeave}
-            >
-                {this.renderCells(record)}
-                {children}
-            </tr>
-        );
-
-        return wrapper(tr);
-    }
+    return wrapper(tr);
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/base/sort.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/base/sort.jsx
index 31f2ef583..f0a901af6 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/base/sort.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/base/sort.jsx
@@ -6,92 +6,94 @@ import { KEYCODE } from '../../util';
 
 /* eslint-disable react/prefer-stateless-function */
 export default class Sort extends React.Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        rtl: PropTypes.bool,
-        className: PropTypes.string,
-        sort: PropTypes.object,
-        sortIcons: PropTypes.object,
-        onSort: PropTypes.func,
-        dataIndex: PropTypes.string,
-        locale: PropTypes.object,
+  static propTypes = {
+    prefix: PropTypes.string,
+    rtl: PropTypes.bool,
+    className: PropTypes.string,
+    sort: PropTypes.object,
+    sortIcons: PropTypes.object,
+    onSort: PropTypes.func,
+    dataIndex: PropTypes.string,
+    locale: PropTypes.object,
+  };
+
+  static defaultProps = {
+    sort: {},
+  };
+
+  // 渲染排序
+  renderSort() {
+    const {
+      prefix,
+      sort,
+      sortIcons,
+      className,
+      dataIndex,
+      locale,
+      rtl,
+    } = this.props;
+    const sortStatus = sort[dataIndex];
+    const map = {
+      desc: 'descending',
+      asc: 'ascending',
     };
-    static defaultProps = {
-        sort: {},
-    };
-    // 渲染排序
-    renderSort() {
-        const {
-                prefix,
-                sort,
-                sortIcons,
-                className,
-                dataIndex,
-                locale,
-                rtl,
-            } = this.props,
-            sortStatus = sort[dataIndex],
-            map = {
-                desc: 'descending',
-                asc: 'ascending',
-            };
 
-        const icons = ['asc', 'desc'].map(sortOrder => {
-            return (
-                <a
-                    key={sortOrder}
-                    className={sortStatus === sortOrder ? 'current' : ''}
-                >
-                    {sortIcons ? (
-                        sortIcons[sortOrder]
-                    ) : (
-                        <Icon rtl={rtl} type={map[sortOrder]} size="small" />
-                    )}
-                </a>
-            );
-        });
+    const icons = ['asc', 'desc'].map(sortOrder => {
+      return (
+        <a
+          key={sortOrder}
+          className={sortStatus === sortOrder ? 'current' : ''}
+        >
+          {sortIcons ? (
+            sortIcons[sortOrder]
+          ) : (
+            <Icon rtl={rtl} type={map[sortOrder]} size="small" />
+          )}
+        </a>
+      );
+    });
 
-        const cls = classnames({
-            [`${prefix}table-sort`]: true,
-            [className]: className,
-        });
+    const cls = classnames({
+      [`${prefix}table-sort`]: true,
+      [className]: className,
+    });
 
-        return (
-            <span
-                role="button"
-                tabIndex="0"
-                aria-label={locale[sortStatus]}
-                className={cls}
-                onClick={this.handleClick.bind(this)}
-                onKeyDown={this.keydownHandler}
-            >
-                {icons}
-            </span>
-        );
+    return (
+      <span
+        role="button"
+        tabIndex="0"
+        aria-label={locale[sortStatus]}
+        className={cls}
+        onClick={this.handleClick.bind(this)}
+        onKeyDown={this.keydownHandler}
+      >
+        {icons}
+      </span>
+    );
+  }
+
+  handleClick = () => {
+    const { sort, dataIndex } = this.props;
+    this.onSort(dataIndex, sort[dataIndex] === 'desc' ? 'asc' : 'desc');
+  };
+
+  keydownHandler = e => {
+    e.preventDefault();
+    e.stopPropagation();
+
+    if (e.keyCode === KEYCODE.ENTER) {
+      this.handleClick();
     }
+  };
 
-    handleClick = () => {
-        const { sort, dataIndex } = this.props;
-        this.onSort(dataIndex, sort[dataIndex] === 'desc' ? 'asc' : 'desc');
-    };
+  onSort = (dataIndex, order) => {
+    const sort = {};
+    sort[dataIndex] = order;
 
-    keydownHandler = e => {
-        e.preventDefault();
-        e.stopPropagation();
+    this.props.onSort(dataIndex, order, sort);
+  };
 
-        if (e.keyCode === KEYCODE.ENTER) {
-            this.handleClick();
-        }
-    };
-
-    onSort = (dataIndex, order) => {
-        const sort = {};
-        sort[dataIndex] = order;
-
-        this.props.onSort(dataIndex, order, sort);
-    };
-
-    render() {
-        return this.renderSort();
-    }
+  render() {
+    return this.renderSort();
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/base/wrapper.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/base/wrapper.jsx
index efb3fecb1..be4540691 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/base/wrapper.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/base/wrapper.jsx
@@ -3,24 +3,24 @@ import PropTypes from 'prop-types';
 
 /* eslint-disable react/prefer-stateless-function */
 export default class Wrapper extends Component {
-    render() {
-        const { colGroup, children, component: Tag } = this.props;
-        return (
-            <Tag role="table">
-                {colGroup}
-                {children}
-            </Tag>
-        );
-    }
+  render() {
+    const { colGroup, children, component: Tag } = this.props;
+    return (
+      <Tag role="table">
+        {colGroup}
+        {children}
+      </Tag>
+    );
+  }
 }
 
 Wrapper.defaultProps = {
-    component: 'table',
+  component: 'table',
 };
 
 Wrapper.propTypes = {
-    children: PropTypes.any,
-    prefix: PropTypes.string,
-    colGroup: PropTypes.any,
-    component: PropTypes.string,
+  children: PropTypes.any,
+  prefix: PropTypes.string,
+  colGroup: PropTypes.any,
+  component: PropTypes.string,
 };
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/column-group.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/column-group.jsx
index 6bcc4b5f1..cfdd0078e 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/column-group.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/column-group.jsx
@@ -4,36 +4,36 @@ import PropTypes from 'prop-types';
 /**
  * Table.ColumnGroup
  * @order 1
- **/
+ * */
 export default class ColumnGroup extends React.Component {
-    static propTypes = {
-        /**
+  static propTypes = {
+    /**
          * 表头显示的内容
          */
-        title: PropTypes.oneOfType([
-            PropTypes.element,
-            PropTypes.node,
-            PropTypes.func,
-        ]),
+    title: PropTypes.oneOfType([
+      PropTypes.element,
+      PropTypes.node,
+      PropTypes.func,
+    ]),
+  };
+
+  static childContextTypes = {
+    parent: PropTypes.any,
+  };
+
+  static defaultProps = {
+    title: 'column-group',
+  };
+
+  static _typeMark = 'columnGroup';
+
+  getChildContext() {
+    return {
+      parent: this,
     };
+  }
 
-    static childContextTypes = {
-        parent: PropTypes.any,
-    };
-
-    static defaultProps = {
-        title: 'column-group',
-    };
-
-    static _typeMark = 'columnGroup';
-
-    getChildContext() {
-        return {
-            parent: this,
-        };
-    }
-
-    render() {
-        return null;
-    }
+  render() {
+    return null;
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/column.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/column.jsx
index 75add1aff..70feb18ec 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/column.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/column.jsx
@@ -4,102 +4,102 @@ import PropTypes from 'prop-types';
 /**
  * Table.Column
  * @order 0
- **/
+ * */
 export default class Column extends React.Component {
-    static propTypes = {
-        /**
+  static propTypes = {
+    /**
          * 指定列对应的字段，支持`a.b`形式的快速取值
          */
-        dataIndex: PropTypes.string,
-        /**
+    dataIndex: PropTypes.string,
+    /**
          * 行渲染的逻辑
          * value, rowIndex, record, context四个属性只可读不可被更改
          * Function(value, index, record) => Element
          */
-        cell: PropTypes.oneOfType([
-            PropTypes.element,
-            PropTypes.node,
-            PropTypes.func,
-        ]),
-        /**
+    cell: PropTypes.oneOfType([
+      PropTypes.element,
+      PropTypes.node,
+      PropTypes.func,
+    ]),
+    /**
          * 表头显示的内容
          */
-        title: PropTypes.oneOfType([
-            PropTypes.element,
-            PropTypes.node,
-            PropTypes.func,
-        ]),
-        /**
+    title: PropTypes.oneOfType([
+      PropTypes.element,
+      PropTypes.node,
+      PropTypes.func,
+    ]),
+    /**
          * 写到 header 单元格上的title属性
          */
-        htmlTitle: PropTypes.string,
-        /**
+    htmlTitle: PropTypes.string,
+    /**
          * 是否支持排序
          */
-        sortable: PropTypes.bool,
-        /**
+    sortable: PropTypes.bool,
+    /**
          * 列宽，注意在锁列的情况下一定需要配置宽度
          */
-        width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        /**
+    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    /**
          * 单元格的对齐方式
          */
-        align: PropTypes.oneOf(['left', 'center', 'right']),
-        /**
+    align: PropTypes.oneOf(['left', 'center', 'right']),
+    /**
          * 单元格标题的对齐方式, 不配置默认读取align值
          */
-        alignHeader: PropTypes.oneOf(['left', 'center', 'right']),
-        /**
+    alignHeader: PropTypes.oneOf(['left', 'center', 'right']),
+    /**
          * 生成标题过滤的菜单, 格式为`[{label:'xxx', value:'xxx'}]`
          */
-        filters: PropTypes.arrayOf(
-            PropTypes.shape({
-                label: PropTypes.string,
-                value: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
-            })
-        ),
-        /**
+    filters: PropTypes.arrayOf(
+      PropTypes.shape({
+        label: PropTypes.string,
+        value: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
+      }),
+    ),
+    /**
          * 过滤的模式是单选还是多选
          */
-        filterMode: PropTypes.oneOf(['single', 'multiple']),
-        /**
+    filterMode: PropTypes.oneOf(['single', 'multiple']),
+    /**
          * filter 模式下传递给 Menu 菜单的属性， 默认继承 `Menu` 组件的API
          * @property {Boolean} subMenuSelectable 默认为`false` subMenu是否可选择
          * @property {Boolean} isSelectIconRight 默认为`false` 是否将选中图标居右。注意：SubMenu 上的选中图标一直居左，不受此API控制
          */
-        filterMenuProps: PropTypes.object,
-        filterProps: PropTypes.object,
-        /**
+    filterMenuProps: PropTypes.object,
+    filterProps: PropTypes.object,
+    /**
          * 是否支持锁列,可选值为`left`,`right`, `true`
          */
-        lock: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-        /**
+    lock: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
+    /**
          * 是否支持列宽调整, 当该值设为true，table的布局方式会修改为fixed.
          */
-        resizable: PropTypes.bool,
-        /**
+    resizable: PropTypes.bool,
+    /**
          * header cell 横跨的格数，设置为0表示不出现此 th
          */
-        colSpan: PropTypes.number,
-    };
+    colSpan: PropTypes.number,
+  };
 
-    static contextTypes = {
-        parent: PropTypes.any,
-    };
+  static contextTypes = {
+    parent: PropTypes.any,
+  };
 
-    static defaultProps = {
-        cell: value => value,
-        filterMode: 'multiple',
-        filterMenuProps: {
-            subMenuSelectable: false,
-        },
-        filterProps: {},
-        resizable: false,
-    };
+  static defaultProps = {
+    cell: value => value,
+    filterMode: 'multiple',
+    filterMenuProps: {
+      subMenuSelectable: false,
+    },
+    filterProps: {},
+    resizable: false,
+  };
 
-    static _typeMark = 'column';
+  static _typeMark = 'column';
 
-    render() {
-        return null;
-    }
+  render() {
+    return null;
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/expanded.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/expanded.jsx
index 6a056e1f4..f53cb5b5e 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/expanded.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/expanded.jsx
@@ -10,235 +10,234 @@ import { statics } from './util';
 const noop = () => {};
 
 export default function expanded(BaseComponent) {
-    /** Table */
-    class ExpandedTable extends React.Component {
-        static ExpandedRow = RowComponent;
-        static propTypes = {
-            /**
+  /** Table */
+  class ExpandedTable extends React.Component {
+    static ExpandedRow = RowComponent;
+
+    static propTypes = {
+      /**
              * 额外渲染行的渲染函数
              * @param {Object} record 该行所对应的数据
              * @param {Number} index 该行所对应的序列
              * @returns {Element}
              */
-            expandedRowRender: PropTypes.func,
-            /**
+      expandedRowRender: PropTypes.func,
+      /**
              * 额外渲染行的缩进
              */
-            expandedRowIndent: PropTypes.array,
-            /**
+      expandedRowIndent: PropTypes.array,
+      /**
              * 默认情况下展开的渲染行或者Tree, 传入此属性为受控状态
              */
-            openRowKeys: PropTypes.array,
-            /**
+      openRowKeys: PropTypes.array,
+      /**
              * 是否显示点击展开额外渲染行的+号按钮
              */
-            hasExpandedRowCtrl: PropTypes.bool,
-            /**
+      hasExpandedRowCtrl: PropTypes.bool,
+      /**
              * 设置额外渲染行的属性
              */
-            getExpandedColProps: PropTypes.func,
-            /**
+      getExpandedColProps: PropTypes.func,
+      /**
              * 在额外渲染行或者Tree展开或者收起的时候触发的事件
              * @param {Array} openRowKeys 展开的渲染行的key
              * @param {String} currentRowKey 当前点击的渲染行的key
              * @param {Boolean} expanded 当前点击是展开还是收起
              * @param {Object} currentRecord 当前点击额外渲染行的记录
              */
-            onRowOpen: PropTypes.func,
-            onExpandedRowClick: PropTypes.func,
-            locale: PropTypes.object,
-            ...BaseComponent.propTypes,
-        };
+      onRowOpen: PropTypes.func,
+      onExpandedRowClick: PropTypes.func,
+      locale: PropTypes.object,
+      ...BaseComponent.propTypes,
+    };
 
-        static defaultProps = {
-            ...BaseComponent.defaultProps,
-            getExpandedColProps: noop,
-            onRowOpen: noop,
-            hasExpandedRowCtrl: true,
-            components: {},
-            expandedRowIndent: [1, 0],
-            prefix: 'next-',
-        };
+    static defaultProps = {
+      ...BaseComponent.defaultProps,
+      getExpandedColProps: noop,
+      onRowOpen: noop,
+      hasExpandedRowCtrl: true,
+      components: {},
+      expandedRowIndent: [1, 0],
+      prefix: 'next-',
+    };
 
-        static childContextTypes = {
-            openRowKeys: PropTypes.array,
-            expandedRowRender: PropTypes.func,
-            expandedIndexSimulate: PropTypes.bool,
-            expandedRowIndent: PropTypes.array,
-        };
+    static childContextTypes = {
+      openRowKeys: PropTypes.array,
+      expandedRowRender: PropTypes.func,
+      expandedIndexSimulate: PropTypes.bool,
+      expandedRowIndent: PropTypes.array,
+    };
 
-        state = {
-            openRowKeys: this.props.openRowKeys || [],
-        };
+    state = {
+      openRowKeys: this.props.openRowKeys || [],
+    };
 
-        getChildContext() {
-            return {
-                openRowKeys: this.state.openRowKeys,
-                expandedRowRender: this.props.expandedRowRender,
-                expandedIndexSimulate: this.props.expandedIndexSimulate,
-                expandedRowIndent: this.props.expandedRowIndent,
-            };
-        }
-
-        componentWillReceiveProps(nextProps) {
-            if ('openRowKeys' in nextProps) {
-                const { openRowKeys } = nextProps;
-                this.setState({
-                    openRowKeys,
-                });
-            }
-        }
-
-        expandedKeydown = (value, record, index, e) => {
-            e.preventDefault();
-            e.stopPropagation();
-
-            if (e.keyCode === KEYCODE.ENTER) {
-                this.onExpandedClick(value, record, index, e);
-            }
-        };
-
-        renderExpandedCell = (value, index, record) => {
-            const { getExpandedColProps, prefix, locale } = this.props;
-
-            const { openRowKeys } = this.state,
-                { primaryKey } = this.props,
-                hasExpanded = openRowKeys.indexOf(record[primaryKey]) > -1,
-                switchNode = hasExpanded ? (
-                    <Icon
-                        type="minus"
-                        size="xs"
-                        className={`${prefix}table-expand-unfold`}
-                    />
-                ) : (
-                    <Icon
-                        type="add"
-                        size="xs"
-                        className={`${prefix}table-expand-fold`}
-                    />
-                ),
-                attrs = getExpandedColProps(record, index) || {};
-            const cls = classnames({
-                [`${prefix}table-expanded-ctrl`]: true,
-                disabled: attrs.disabled,
-                [attrs.className]: attrs.className,
-            });
-
-            if (!attrs.disabled) {
-                attrs.onClick = this.onExpandedClick.bind(
-                    this,
-                    value,
-                    record,
-                    index
-                );
-            }
-            return (
-                <span
-                    {...attrs}
-                    role="button"
-                    tabIndex="0"
-                    onKeyDown={this.expandedKeydown.bind(
-                        this,
-                        value,
-                        record,
-                        index
-                    )}
-                    aria-label={hasExpanded ? locale.expanded : locale.folded}
-                    aria-expanded={hasExpanded}
-                    className={cls}
-                >
-                    {switchNode}
-                </span>
-            );
-        };
-
-        onExpandedClick(value, record, i, e) {
-            const openRowKeys = [...this.state.openRowKeys],
-                { primaryKey } = this.props,
-                id = record[primaryKey],
-                index = openRowKeys.indexOf(id);
-            if (index > -1) {
-                openRowKeys.splice(index, 1);
-            } else {
-                openRowKeys.push(id);
-            }
-            if (!('openRowKeys' in this.props)) {
-                this.setState({
-                    openRowKeys: openRowKeys,
-                });
-            }
-            this.props.onRowOpen(openRowKeys, id, index === -1, record);
-            e.stopPropagation();
-        }
-
-        normalizeChildren(children) {
-            const { prefix, size } = this.props;
-            const toArrayChildren = Children.map(children, (child, index) =>
-                React.cloneElement(child, {
-                    key: index,
-                })
-            );
-            toArrayChildren.unshift(
-                <Col
-                    title=""
-                    key="expanded"
-                    cell={this.renderExpandedCell.bind(this)}
-                    width={size === 'small' ? 34 : 50}
-                    className={`${prefix}table-expanded ${prefix}table-prerow`}
-                    __normalized
-                />
-            );
-            return toArrayChildren;
-        }
-
-        normalizeDataSource(ds) {
-            const ret = [];
-            ds.forEach(item => {
-                const itemCopy = { ...item };
-                itemCopy.__expanded = true;
-                ret.push(item, itemCopy);
-            });
-            return ret;
-        }
-
-        render() {
-            /* eslint-disable no-unused-vars, prefer-const */
-            let {
-                components,
-                openRowKeys,
-                expandedRowRender,
-                hasExpandedRowCtrl,
-                children,
-                dataSource,
-                entireDataSource,
-                getExpandedColProps,
-                expandedRowIndent,
-                onRowOpen,
-                onExpandedRowClick,
-                ...others
-            } = this.props;
-            if (expandedRowRender && !components.Row) {
-                components = { ...components };
-                components.Row = RowComponent;
-                dataSource = this.normalizeDataSource(dataSource);
-                entireDataSource = this.normalizeDataSource(entireDataSource);
-            }
-            if (expandedRowRender && hasExpandedRowCtrl) {
-                children = this.normalizeChildren(children);
-            }
-
-            return (
-                <BaseComponent
-                    {...others}
-                    dataSource={dataSource}
-                    entireDataSource={entireDataSource}
-                    components={components}
-                >
-                    {children}
-                </BaseComponent>
-            );
-        }
+    getChildContext() {
+      return {
+        openRowKeys: this.state.openRowKeys,
+        expandedRowRender: this.props.expandedRowRender,
+        expandedIndexSimulate: this.props.expandedIndexSimulate,
+        expandedRowIndent: this.props.expandedRowIndent,
+      };
     }
-    statics(ExpandedTable, BaseComponent);
-    return ExpandedTable;
+
+    componentWillReceiveProps(nextProps) {
+      if ('openRowKeys' in nextProps) {
+        const { openRowKeys } = nextProps;
+        this.setState({
+          openRowKeys,
+        });
+      }
+    }
+
+    expandedKeydown = (value, record, index, e) => {
+      e.preventDefault();
+      e.stopPropagation();
+
+      if (e.keyCode === KEYCODE.ENTER) {
+        this.onExpandedClick(value, record, index, e);
+      }
+    };
+
+    renderExpandedCell = (value, index, record) => {
+      const { getExpandedColProps, prefix, locale } = this.props;
+
+      const { openRowKeys } = this.state;
+      const { primaryKey } = this.props;
+      const hasExpanded = openRowKeys.indexOf(record[primaryKey]) > -1;
+      const switchNode = hasExpanded ? (
+        <Icon
+          type="minus"
+          size="xs"
+          className={`${prefix}table-expand-unfold`}
+        />
+      ) : (
+        <Icon
+          type="add"
+          size="xs"
+          className={`${prefix}table-expand-fold`}
+        />
+      );
+      const attrs = getExpandedColProps(record, index) || {};
+      const cls = classnames({
+        [`${prefix}table-expanded-ctrl`]: true,
+        disabled: attrs.disabled,
+        [attrs.className]: attrs.className,
+      });
+
+      if (!attrs.disabled) {
+        attrs.onClick = this.onExpandedClick.bind(
+          this,
+          value,
+          record,
+          index,
+        );
+      }
+      return (
+        <span
+          {...attrs}
+          role="button"
+          tabIndex="0"
+          onKeyDown={this.expandedKeydown.bind(
+            this,
+            value,
+            record,
+            index,
+          )}
+          aria-label={hasExpanded ? locale.expanded : locale.folded}
+          aria-expanded={hasExpanded}
+          className={cls}
+        >
+          {switchNode}
+        </span>
+      );
+    };
+
+    onExpandedClick(value, record, i, e) {
+      const openRowKeys = [...this.state.openRowKeys];
+      const { primaryKey } = this.props;
+      const id = record[primaryKey];
+      const index = openRowKeys.indexOf(id);
+      if (index > -1) {
+        openRowKeys.splice(index, 1);
+      } else {
+        openRowKeys.push(id);
+      }
+      if (!('openRowKeys' in this.props)) {
+        this.setState({
+          openRowKeys,
+        });
+      }
+      this.props.onRowOpen(openRowKeys, id, index === -1, record);
+      e.stopPropagation();
+    }
+
+    normalizeChildren(children) {
+      const { prefix, size } = this.props;
+      const toArrayChildren = Children.map(children, (child, index) => React.cloneElement(child, {
+        key: index,
+      }));
+      toArrayChildren.unshift(
+        <Col
+          title=""
+          key="expanded"
+          cell={this.renderExpandedCell.bind(this)}
+          width={size === 'small' ? 34 : 50}
+          className={`${prefix}table-expanded ${prefix}table-prerow`}
+          __normalized
+        />,
+      );
+      return toArrayChildren;
+    }
+
+    normalizeDataSource(ds) {
+      const ret = [];
+      ds.forEach(item => {
+        const itemCopy = { ...item };
+        itemCopy.__expanded = true;
+        ret.push(item, itemCopy);
+      });
+      return ret;
+    }
+
+    render() {
+      /* eslint-disable no-unused-vars, prefer-const */
+      let {
+        components,
+        openRowKeys,
+        expandedRowRender,
+        hasExpandedRowCtrl,
+        children,
+        dataSource,
+        entireDataSource,
+        getExpandedColProps,
+        expandedRowIndent,
+        onRowOpen,
+        onExpandedRowClick,
+        ...others
+      } = this.props;
+      if (expandedRowRender && !components.Row) {
+        components = { ...components };
+        components.Row = RowComponent;
+        dataSource = this.normalizeDataSource(dataSource);
+        entireDataSource = this.normalizeDataSource(entireDataSource);
+      }
+      if (expandedRowRender && hasExpandedRowCtrl) {
+        children = this.normalizeChildren(children);
+      }
+
+      return (
+        <BaseComponent
+          {...others}
+          dataSource={dataSource}
+          entireDataSource={entireDataSource}
+          components={components}
+        >
+          {children}
+        </BaseComponent>
+      );
+    }
+  }
+  statics(ExpandedTable, BaseComponent);
+  return ExpandedTable;
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/expanded/row.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/expanded/row.jsx
index 87523feae..8523b5206 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/expanded/row.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/expanded/row.jsx
@@ -4,136 +4,136 @@ import { log } from '../../util';
 import Row from '../lock/row';
 
 export default class ExpandedRow extends React.Component {
-    static propTypes = {
-        ...Row.propTypes,
-    };
+  static propTypes = {
+    ...Row.propTypes,
+  };
 
-    static defaultProps = {
-        ...Row.defaultProps,
-    };
+  static defaultProps = {
+    ...Row.defaultProps,
+  };
 
-    static contextTypes = {
-        openRowKeys: PropTypes.array,
-        expandedRowRender: PropTypes.func,
-        expandedRowIndent: PropTypes.array,
-        expandedIndexSimulate: PropTypes.bool,
-        lockType: PropTypes.oneOf(['left', 'right']),
-    };
+  static contextTypes = {
+    openRowKeys: PropTypes.array,
+    expandedRowRender: PropTypes.func,
+    expandedRowIndent: PropTypes.array,
+    expandedIndexSimulate: PropTypes.bool,
+    lockType: PropTypes.oneOf(['left', 'right']),
+  };
 
-    renderExpandedRow(record, rowIndex) {
-        const {
-            expandedRowRender,
-            expandedRowIndent,
-            openRowKeys,
-            lockType,
-            expandedIndexSimulate,
-        } = this.context;
-        const expandedIndex = expandedIndexSimulate
-            ? (rowIndex - 1) / 2
-            : rowIndex;
+  renderExpandedRow(record, rowIndex) {
+    const {
+      expandedRowRender,
+      expandedRowIndent,
+      openRowKeys,
+      lockType,
+      expandedIndexSimulate,
+    } = this.context;
+    const expandedIndex = expandedIndexSimulate
+      ? (rowIndex - 1) / 2
+      : rowIndex;
 
-        const { columns, cellRef } = this.props;
-        const colSpan = columns.length;
-        const expandedCols = (columns[0] && columns[0].__colIndex) || 0;
+    const { columns, cellRef } = this.props;
+    const colSpan = columns.length;
+    const expandedCols = (columns[0] && columns[0].__colIndex) || 0;
 
-        if (expandedRowRender) {
-            const { primaryKey, prefix } = this.props,
-                leftIndent = expandedRowIndent[0],
-                rightIndent = expandedRowIndent[1],
-                totalIndent = leftIndent + rightIndent,
-                renderCols = (number, start = 0) => {
-                    const ret = [];
-                    for (let i = 0; i < number; i++) {
-                        ret.push(
-                            <td
-                                key={i}
-                                ref={cell => cellRef(rowIndex, i + start, cell)}
-                            >
-                                &nbsp;
-                            </td>
-                        );
-                    }
-                    return ret;
-                };
-            let content;
-
-            if (totalIndent > colSpan && !lockType) {
-                log.warning(
-                    "It's not allowed expandedRowIndent is more than the number of columns."
-                );
-            }
-            if (leftIndent < columns.length && lockType === 'left') {
-                log.warning(
-                    'expandedRowIndent left is less than the number of left lock columns.'
-                );
-            }
-            if (rightIndent < columns.length && lockType === 'right') {
-                log.warning(
-                    'expandedRowIndent right is less than the number of right lock columns.'
-                );
-            }
-            if (lockType) {
-                return openRowKeys.indexOf(record[primaryKey]) > -1 ? (
-                    <tr
-                        className={`${prefix}table-expanded-row`}
-                        key={`expanded-${expandedIndex}`}
-                    >
-                        <td
-                            colSpan={colSpan}
-                            ref={cell => cellRef(rowIndex, expandedCols, cell)}
-                        >
-                            &nbsp;
-                        </td>
-                    </tr>
-                ) : null;
-            }
-            // 暴露给用户的index
-            content = expandedRowRender(record, expandedIndex);
-            if (!React.isValidElement(content)) {
-                content = (
-                    <div className={`${prefix}table-cell-wrapper`}>
-                        {content}
-                    </div>
-                );
-            }
-
-            let rightStart = columns.length;
-            columns.forEach(col => {
-                col.lock === 'right' && rightStart--;
-            });
-            return openRowKeys.indexOf(record[primaryKey]) > -1 ? (
-                <tr
-                    className={`${prefix}table-expanded-row`}
-                    key={`expanded-${record[primaryKey] || expandedIndex}`}
-                >
-                    {renderCols(leftIndent)}
-                    <td colSpan={colSpan - totalIndent}>{content}</td>
-                    {renderCols(rightIndent, rightStart)}
-                </tr>
-            ) : null;
-        } else {
-            return null;
+    if (expandedRowRender) {
+      const { primaryKey, prefix } = this.props;
+      const leftIndent = expandedRowIndent[0];
+      const rightIndent = expandedRowIndent[1];
+      const totalIndent = leftIndent + rightIndent;
+      const renderCols = (number, start = 0) => {
+        const ret = [];
+        for (let i = 0; i < number; i++) {
+          ret.push(
+            <td
+              key={i}
+              ref={cell => cellRef(rowIndex, i + start, cell)}
+            >
+              &nbsp;
+            </td>,
+          );
         }
-    }
+        return ret;
+      };
+      let content;
 
-    render() {
-        /* eslint-disable no-unused-vars*/
-        const { record, rowIndex, columns, ...others } = this.props;
-        const { expandedIndexSimulate } = this.context;
-
-        if (record.__expanded) {
-            return this.renderExpandedRow(record, rowIndex, columns);
-        }
-
-        const newRowIndex = expandedIndexSimulate ? rowIndex / 2 : rowIndex;
-        return (
-            <Row
-                {...others}
-                record={record}
-                columns={columns}
-                __rowIndex={rowIndex}
-                rowIndex={newRowIndex}
-            />
+      if (totalIndent > colSpan && !lockType) {
+        log.warning(
+          "It's not allowed expandedRowIndent is more than the number of columns.",
         );
+      }
+      if (leftIndent < columns.length && lockType === 'left') {
+        log.warning(
+          'expandedRowIndent left is less than the number of left lock columns.',
+        );
+      }
+      if (rightIndent < columns.length && lockType === 'right') {
+        log.warning(
+          'expandedRowIndent right is less than the number of right lock columns.',
+        );
+      }
+      if (lockType) {
+        return openRowKeys.indexOf(record[primaryKey]) > -1 ? (
+          <tr
+            className={`${prefix}table-expanded-row`}
+            key={`expanded-${expandedIndex}`}
+          >
+            <td
+              colSpan={colSpan}
+              ref={cell => cellRef(rowIndex, expandedCols, cell)}
+            >
+              &nbsp;
+            </td>
+          </tr>
+        ) : null;
+      }
+      // 暴露给用户的index
+      content = expandedRowRender(record, expandedIndex);
+      if (!React.isValidElement(content)) {
+        content = (
+          <div className={`${prefix}table-cell-wrapper`}>
+            {content}
+          </div>
+        );
+      }
+
+      let rightStart = columns.length;
+      columns.forEach(col => {
+        col.lock === 'right' && rightStart--;
+      });
+      return openRowKeys.indexOf(record[primaryKey]) > -1 ? (
+        <tr
+          className={`${prefix}table-expanded-row`}
+          key={`expanded-${record[primaryKey] || expandedIndex}`}
+        >
+          {renderCols(leftIndent)}
+          <td colSpan={colSpan - totalIndent}>{content}</td>
+          {renderCols(rightIndent, rightStart)}
+        </tr>
+      ) : null;
+    } else {
+      return null;
     }
+  }
+
+  render() {
+    /* eslint-disable no-unused-vars */
+    const { record, rowIndex, columns, ...others } = this.props;
+    const { expandedIndexSimulate } = this.context;
+
+    if (record.__expanded) {
+      return this.renderExpandedRow(record, rowIndex, columns);
+    }
+
+    const newRowIndex = expandedIndexSimulate ? rowIndex / 2 : rowIndex;
+    return (
+      <Row
+        {...others}
+        record={record}
+        columns={columns}
+        __rowIndex={rowIndex}
+        rowIndex={newRowIndex}
+      />
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/fixed.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/fixed.jsx
index e4949e122..9dc6f02ce 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/fixed.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/fixed.jsx
@@ -8,171 +8,174 @@ import WrapperComponent from './fixed/wrapper';
 import { statics } from './util';
 
 export default function fixed(BaseComponent) {
-    /** Table */
-    class FixedTable extends React.Component {
-        static FixedHeader = HeaderComponent;
-        static FixedBody = BodyComponent;
-        static FixedWrapper = WrapperComponent;
-        static propTypes = {
-            /**
+  /** Table */
+  class FixedTable extends React.Component {
+    static FixedHeader = HeaderComponent;
+
+    static FixedBody = BodyComponent;
+
+    static FixedWrapper = WrapperComponent;
+
+    static propTypes = {
+      /**
              * 是否具有表头
              */
-            hasHeader: PropTypes.bool,
-            /**
+      hasHeader: PropTypes.bool,
+      /**
              * 表头是否固定，该属性配合maxBodyHeight使用，当内容区域的高度超过maxBodyHeight的时候，在内容区域会出现滚动条
              */
-            fixedHeader: PropTypes.bool,
-            /**
+      fixedHeader: PropTypes.bool,
+      /**
              * 最大内容区域的高度,在`fixedHeader`为`true`的时候,超过这个高度会出现滚动条
              */
-            maxBodyHeight: PropTypes.oneOfType([
-                PropTypes.number,
-                PropTypes.string,
-            ]),
-            ...BaseComponent.propTypes,
-        };
+      maxBodyHeight: PropTypes.oneOfType([
+        PropTypes.number,
+        PropTypes.string,
+      ]),
+      ...BaseComponent.propTypes,
+    };
 
-        static defaultProps = {
-            ...BaseComponent.defaultProps,
-            hasHeader: true,
-            fixedHeader: false,
-            maxBodyHeight: 200,
-            components: {},
-            refs: {},
-            prefix: 'next-',
-        };
+    static defaultProps = {
+      ...BaseComponent.defaultProps,
+      hasHeader: true,
+      fixedHeader: false,
+      maxBodyHeight: 200,
+      components: {},
+      refs: {},
+      prefix: 'next-',
+    };
 
-        static childContextTypes = {
-            fixedHeader: PropTypes.bool,
-            getNode: PropTypes.func,
-            onFixedScrollSync: PropTypes.func,
-            maxBodyHeight: PropTypes.oneOfType([
-                PropTypes.number,
-                PropTypes.string,
-            ]),
-        };
+    static childContextTypes = {
+      fixedHeader: PropTypes.bool,
+      getNode: PropTypes.func,
+      onFixedScrollSync: PropTypes.func,
+      maxBodyHeight: PropTypes.oneOfType([
+        PropTypes.number,
+        PropTypes.string,
+      ]),
+    };
 
-        getChildContext() {
-            return {
-                fixedHeader: this.props.fixedHeader,
-                maxBodyHeight: this.props.maxBodyHeight,
-                onFixedScrollSync: this.onFixedScrollSync,
-                getNode: this.getNode,
-            };
-        }
-
-        componentDidMount() {
-            this.adjustFixedHeaderSize();
-        }
-
-        componentDidUpdate() {
-            this.adjustFixedHeaderSize();
-        }
-
-        getNode = (type, node, lockType) => {
-            lockType = lockType
-                ? lockType.charAt(0).toUpperCase() + lockType.substr(1)
-                : '';
-            this[`${type}${lockType}Node`] = node;
-        };
-
-        // for fixed header scroll left
-        onFixedScrollSync = (current = {}) => {
-            if (current.currentTarget !== current.target) {
-                return;
-            }
-            const target = current.target,
-                headerNode = this.headerNode,
-                bodyNode = this.bodyNode;
-
-            const { scrollLeft } = target;
-            if (target === bodyNode) {
-                if (headerNode && scrollLeft !== headerNode.scrollLeft) {
-                    headerNode.scrollLeft = scrollLeft;
-                }
-            } else if (target === headerNode) {
-                if (bodyNode && scrollLeft !== bodyNode.scrollLeft) {
-                    bodyNode.scrollLeft = scrollLeft;
-                }
-            }
-        };
-
-        adjustFixedHeaderSize() {
-            const { hasHeader, rtl } = this.props;
-            const paddingName = rtl ? 'paddingLeft' : 'paddingRight';
-            const marginName = rtl ? 'marginLeft' : 'marginRight';
-            const body = this.bodyNode;
-
-            if (hasHeader && !this.props.lockType && body) {
-                const scrollBarSize = +dom.scrollbar().width || 0;
-                const hasVerScroll = body.scrollHeight > body.clientHeight,
-                    hasHozScroll = body.scrollWidth > body.clientWidth;
-                const style = {
-                    [paddingName]: scrollBarSize,
-                    [marginName]: scrollBarSize,
-                };
-
-                if (!hasVerScroll) {
-                    style[paddingName] = 0;
-                    style[marginName] = 0;
-                }
-
-                if (+scrollBarSize) {
-                    style.marginBottom = -scrollBarSize;
-                    if (hasHozScroll) {
-                        style.paddingBottom = scrollBarSize;
-                    } else {
-                        style.paddingBottom = scrollBarSize;
-                        style[marginName] = 0;
-                    }
-                }
-
-                dom.setStyle(this.headerNode, style);
-            }
-        }
-
-        render() {
-            /* eslint-disable no-unused-vars, prefer-const */
-            let {
-                components,
-                className,
-                prefix,
-                fixedHeader,
-                lockType,
-                dataSource,
-                maxBodyHeight,
-                ...others
-            } = this.props;
-            if (fixedHeader) {
-                components = { ...components };
-                if (!components.Header) {
-                    components.Header = HeaderComponent;
-                }
-                if (!components.Body) {
-                    components.Body = BodyComponent;
-                }
-                if (!components.Wrapper) {
-                    components.Wrapper = WrapperComponent;
-                }
-                className = classnames({
-                    [`${prefix}table-fixed`]: true,
-                    [`${prefix}table-wrap-empty`]: !dataSource.length,
-                    [className]: className,
-                });
-            }
-
-            return (
-                <BaseComponent
-                    {...others}
-                    dataSource={dataSource}
-                    lockType={lockType}
-                    components={components}
-                    className={className}
-                    prefix={prefix}
-                />
-            );
-        }
+    getChildContext() {
+      return {
+        fixedHeader: this.props.fixedHeader,
+        maxBodyHeight: this.props.maxBodyHeight,
+        onFixedScrollSync: this.onFixedScrollSync,
+        getNode: this.getNode,
+      };
     }
-    statics(FixedTable, BaseComponent);
-    return FixedTable;
+
+    componentDidMount() {
+      this.adjustFixedHeaderSize();
+    }
+
+    componentDidUpdate() {
+      this.adjustFixedHeaderSize();
+    }
+
+    getNode = (type, node, lockType) => {
+      lockType = lockType
+        ? lockType.charAt(0).toUpperCase() + lockType.substr(1)
+        : '';
+      this[`${type}${lockType}Node`] = node;
+    };
+
+    // for fixed header scroll left
+    onFixedScrollSync = (current = {}) => {
+      if (current.currentTarget !== current.target) {
+        return;
+      }
+      const { target } = current;
+      const { headerNode } = this;
+      const { bodyNode } = this;
+
+      const { scrollLeft } = target;
+      if (target === bodyNode) {
+        if (headerNode && scrollLeft !== headerNode.scrollLeft) {
+          headerNode.scrollLeft = scrollLeft;
+        }
+      } else if (target === headerNode) {
+        if (bodyNode && scrollLeft !== bodyNode.scrollLeft) {
+          bodyNode.scrollLeft = scrollLeft;
+        }
+      }
+    };
+
+    adjustFixedHeaderSize() {
+      const { hasHeader, rtl } = this.props;
+      const paddingName = rtl ? 'paddingLeft' : 'paddingRight';
+      const marginName = rtl ? 'marginLeft' : 'marginRight';
+      const body = this.bodyNode;
+
+      if (hasHeader && !this.props.lockType && body) {
+        const scrollBarSize = +dom.scrollbar().width || 0;
+        const hasVerScroll = body.scrollHeight > body.clientHeight;
+        const hasHozScroll = body.scrollWidth > body.clientWidth;
+        const style = {
+          [paddingName]: scrollBarSize,
+          [marginName]: scrollBarSize,
+        };
+
+        if (!hasVerScroll) {
+          style[paddingName] = 0;
+          style[marginName] = 0;
+        }
+
+        if (+scrollBarSize) {
+          style.marginBottom = -scrollBarSize;
+          if (hasHozScroll) {
+            style.paddingBottom = scrollBarSize;
+          } else {
+            style.paddingBottom = scrollBarSize;
+            style[marginName] = 0;
+          }
+        }
+
+        dom.setStyle(this.headerNode, style);
+      }
+    }
+
+    render() {
+      /* eslint-disable no-unused-vars, prefer-const */
+      let {
+        components,
+        className,
+        prefix,
+        fixedHeader,
+        lockType,
+        dataSource,
+        maxBodyHeight,
+        ...others
+      } = this.props;
+      if (fixedHeader) {
+        components = { ...components };
+        if (!components.Header) {
+          components.Header = HeaderComponent;
+        }
+        if (!components.Body) {
+          components.Body = BodyComponent;
+        }
+        if (!components.Wrapper) {
+          components.Wrapper = WrapperComponent;
+        }
+        className = classnames({
+          [`${prefix}table-fixed`]: true,
+          [`${prefix}table-wrap-empty`]: !dataSource.length,
+          [className]: className,
+        });
+      }
+
+      return (
+        <BaseComponent
+          {...others}
+          dataSource={dataSource}
+          lockType={lockType}
+          components={components}
+          className={className}
+          prefix={prefix}
+        />
+      );
+    }
+  }
+  statics(FixedTable, BaseComponent);
+  return FixedTable;
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/fixed/body.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/fixed/body.jsx
index 91a6b19c3..bf16b074a 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/fixed/body.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/fixed/body.jsx
@@ -5,63 +5,63 @@ import BodyComponent from '../base/body';
 
 /* eslint-disable react/prefer-stateless-function */
 export default class FixedBody extends React.Component {
-    static propTypes = {
-        children: PropTypes.any,
-        prefix: PropTypes.string,
-        className: PropTypes.string,
-        colGroup: PropTypes.any,
-        onLockScroll: PropTypes.func,
-    };
+  static propTypes = {
+    children: PropTypes.any,
+    prefix: PropTypes.string,
+    className: PropTypes.string,
+    colGroup: PropTypes.any,
+    onLockScroll: PropTypes.func,
+  };
 
-    static contextTypes = {
-        fixedHeader: PropTypes.bool,
-        maxBodyHeight: PropTypes.oneOfType([
-            PropTypes.number,
-            PropTypes.string,
-        ]),
-        onFixedScrollSync: PropTypes.func,
-        getNode: PropTypes.func,
-    };
+  static contextTypes = {
+    fixedHeader: PropTypes.bool,
+    maxBodyHeight: PropTypes.oneOfType([
+      PropTypes.number,
+      PropTypes.string,
+    ]),
+    onFixedScrollSync: PropTypes.func,
+    getNode: PropTypes.func,
+  };
 
-    componentDidMount() {
-        const { getNode } = this.context;
-        getNode && getNode('body', findDOMNode(this));
-    }
+  componentDidMount() {
+    const { getNode } = this.context;
+    getNode && getNode('body', findDOMNode(this));
+  }
 
-    onBodyScroll = event => {
-        const { onFixedScrollSync } = this.context;
-        // sync scroll left to header
-        onFixedScrollSync && onFixedScrollSync(event);
+  onBodyScroll = event => {
+    const { onFixedScrollSync } = this.context;
+    // sync scroll left to header
+    onFixedScrollSync && onFixedScrollSync(event);
 
-        // sync scroll top/left to lock columns
-        if (
-            'onLockScroll' in this.props &&
+    // sync scroll top/left to lock columns
+    if (
+      'onLockScroll' in this.props &&
             typeof this.props.onLockScroll === 'function'
-        ) {
-            this.props.onLockScroll(event);
-        }
-    };
-
-    render() {
-        /*eslint-disable no-unused-vars */
-        const { className, colGroup, onLockScroll, ...others } = this.props;
-        const { maxBodyHeight, fixedHeader } = this.context;
-        const style = {};
-        if (fixedHeader) {
-            style.maxHeight = maxBodyHeight;
-            style.position = 'relative';
-        }
-        return (
-            <div
-                style={style}
-                className={className}
-                onScroll={this.onBodyScroll}
-            >
-                <table>
-                    {colGroup}
-                    <BodyComponent {...others} colGroup={colGroup} />
-                </table>
-            </div>
-        );
+    ) {
+      this.props.onLockScroll(event);
     }
+  };
+
+  render() {
+    /* eslint-disable no-unused-vars */
+    const { className, colGroup, onLockScroll, ...others } = this.props;
+    const { maxBodyHeight, fixedHeader } = this.context;
+    const style = {};
+    if (fixedHeader) {
+      style.maxHeight = maxBodyHeight;
+      style.position = 'relative';
+    }
+    return (
+      <div
+        style={style}
+        className={className}
+        onScroll={this.onBodyScroll}
+      >
+        <table>
+          {colGroup}
+          <BodyComponent {...others} colGroup={colGroup} />
+        </table>
+      </div>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/fixed/header.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/fixed/header.jsx
index 9ca6f3804..229277aa3 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/fixed/header.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/fixed/header.jsx
@@ -5,40 +5,40 @@ import HeaderComponent from '../base/header';
 
 /* eslint-disable react/prefer-stateless-function */
 export default class FixedHeader extends React.Component {
-    static propTypes = {
-        children: PropTypes.any,
-        prefix: PropTypes.string,
-        className: PropTypes.string,
-        colGroup: PropTypes.any,
-    };
+  static propTypes = {
+    children: PropTypes.any,
+    prefix: PropTypes.string,
+    className: PropTypes.string,
+    colGroup: PropTypes.any,
+  };
 
-    static contextTypes = {
-        getNode: PropTypes.func,
-        onFixedScrollSync: PropTypes.func,
-        lockType: PropTypes.oneOf(['left', 'right']),
-    };
+  static contextTypes = {
+    getNode: PropTypes.func,
+    onFixedScrollSync: PropTypes.func,
+    lockType: PropTypes.oneOf(['left', 'right']),
+  };
 
-    componentDidMount() {
-        this.context.getNode('header', findDOMNode(this));
-    }
+  componentDidMount() {
+    this.context.getNode('header', findDOMNode(this));
+  }
 
-    //  这里的 style={{overflow: 'unset'}} 可以删掉，只是为了解决用户js升级但是样式没升级的情况
-    render() {
-        const { prefix, className, colGroup, ...others } = this.props;
-        const { onFixedScrollSync } = this.context;
+  //  这里的 style={{overflow: 'unset'}} 可以删掉，只是为了解决用户js升级但是样式没升级的情况
+  render() {
+    const { prefix, className, colGroup, ...others } = this.props;
+    const { onFixedScrollSync } = this.context;
 
-        return (
-            <div className={className} onScroll={onFixedScrollSync}>
-                <div
-                    className={`${prefix}table-header-inner`}
-                    style={{ overflow: 'unset' }}
-                >
-                    <table>
-                        {colGroup}
-                        <HeaderComponent {...others} prefix={prefix} />
-                    </table>
-                </div>
-            </div>
-        );
-    }
+    return (
+      <div className={className} onScroll={onFixedScrollSync}>
+        <div
+          className={`${prefix}table-header-inner`}
+          style={{ overflow: 'unset' }}
+        >
+          <table>
+            {colGroup}
+            <HeaderComponent {...others} prefix={prefix} />
+          </table>
+        </div>
+      </div>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/fixed/wrapper.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/fixed/wrapper.jsx
index 6974f2df3..6d2807a7e 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/fixed/wrapper.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/fixed/wrapper.jsx
@@ -3,19 +3,20 @@ import PropTypes from 'prop-types';
 
 /* eslint-disable react/prefer-stateless-function */
 export default class FixedWrapper extends React.Component {
-    static propTypes = {
-        children: PropTypes.any,
-        prefix: PropTypes.string,
-        colGroup: PropTypes.any,
-        wrapperContent: PropTypes.any,
-    };
-    render() {
-        const { children, wrapperContent, prefix } = this.props;
-        return (
-            <div className={`${prefix}table-inner`}>
-                {children}
-                {wrapperContent}
-            </div>
-        );
-    }
+  static propTypes = {
+    children: PropTypes.any,
+    prefix: PropTypes.string,
+    colGroup: PropTypes.any,
+    wrapperContent: PropTypes.any,
+  };
+
+  render() {
+    const { children, wrapperContent, prefix } = this.props;
+    return (
+      <div className={`${prefix}table-inner`}>
+        {children}
+        {wrapperContent}
+      </div>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/index.jsx
index fe33487f4..e496acdd7 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/index.jsx
@@ -12,18 +12,18 @@ import ListHeader from './list-header';
 import ListFooter from './list-footer';
 
 const ORDER_LIST = [
-    fixed,
-    lock,
-    selection,
-    expanded,
-    tree,
-    virtual,
-    list,
-    sticky,
+  fixed,
+  lock,
+  selection,
+  expanded,
+  tree,
+  virtual,
+  list,
+  sticky,
 ];
 const Table = ORDER_LIST.reduce((ret, current) => {
-    ret = current(ret);
-    return ret;
+  ret = current(ret);
+  return ret;
 }, Base);
 Table.Base = Base;
 Table.fixed = fixed;
@@ -39,71 +39,71 @@ Table.GroupHeader = ListHeader;
 Table.GroupFooter = ListFooter;
 
 export default ConfigProvider.config(Table, {
-    componentName: 'Table',
-    transform: /* istanbul ignore next */ (props, deprecated) => {
-        if ('expandedRowKeys' in props) {
-            deprecated('expandedRowKeys', 'openRowKeys', 'Table');
+  componentName: 'Table',
+  transform: /* istanbul ignore next */ (props, deprecated) => {
+    if ('expandedRowKeys' in props) {
+      deprecated('expandedRowKeys', 'openRowKeys', 'Table');
 
-            const { expandedRowKeys, ...others } = props;
-            props = { openRowKeys: expandedRowKeys, ...others };
-        }
-        if ('onExpandedChange' in props) {
-            deprecated('onExpandedChange', 'onRowOpen', 'Table');
+      const { expandedRowKeys, ...others } = props;
+      props = { openRowKeys: expandedRowKeys, ...others };
+    }
+    if ('onExpandedChange' in props) {
+      deprecated('onExpandedChange', 'onRowOpen', 'Table');
 
-            const { onExpandedChange, ...others } = props;
-            props = { onRowOpen: onExpandedChange, ...others };
-        }
-        if ('isLoading' in props) {
-            deprecated('isLoading', 'loading', 'Table');
+      const { onExpandedChange, ...others } = props;
+      props = { onRowOpen: onExpandedChange, ...others };
+    }
+    if ('isLoading' in props) {
+      deprecated('isLoading', 'loading', 'Table');
 
-            const { isLoading, ...others } = props;
-            props = { loading: isLoading, ...others };
-        }
-        if ('indentSize' in props) {
-            deprecated('indentSize', 'indent', 'Table');
+      const { isLoading, ...others } = props;
+      props = { loading: isLoading, ...others };
+    }
+    if ('indentSize' in props) {
+      deprecated('indentSize', 'indent', 'Table');
 
-            const { indentSize, ...others } = props;
-            props = { indent: indentSize, ...others };
-        }
-        if ('optimization' in props) {
-            deprecated('optimization', 'pure', 'Table');
+      const { indentSize, ...others } = props;
+      props = { indent: indentSize, ...others };
+    }
+    if ('optimization' in props) {
+      deprecated('optimization', 'pure', 'Table');
 
-            const { optimization, ...others } = props;
-            props = { pure: optimization, ...others };
-        }
+      const { optimization, ...others } = props;
+      props = { pure: optimization, ...others };
+    }
 
-        if ('getRowClassName' in props) {
-            deprecated('getRowClassName', 'getRowProps', 'Table');
+    if ('getRowClassName' in props) {
+      deprecated('getRowClassName', 'getRowProps', 'Table');
 
-            const { getRowClassName, getRowProps, ...others } = props;
-            if (getRowClassName) {
-                const newGetRowProps = (...args) => {
-                    return {
-                        className: getRowClassName(...args),
-                        ...(getRowProps ? getRowProps(...args) : {}),
-                    };
-                };
+      const { getRowClassName, getRowProps, ...others } = props;
+      if (getRowClassName) {
+        const newGetRowProps = (...args) => {
+          return {
+            className: getRowClassName(...args),
+            ...(getRowProps ? getRowProps(...args) : {}),
+          };
+        };
 
-                props = { getRowProps: newGetRowProps, ...others };
-            } else {
-                props = { getRowProps, ...others };
-            }
-        }
+        props = { getRowProps: newGetRowProps, ...others };
+      } else {
+        props = { getRowProps, ...others };
+      }
+    }
 
-        if ('getRowProps' in props) {
-            deprecated('getRowProps', 'rowProps', 'Table in 1.15.0');
+    if ('getRowProps' in props) {
+      deprecated('getRowProps', 'rowProps', 'Table in 1.15.0');
 
-            const { getRowProps, ...others } = props;
-            props = { rowProps: getRowProps, ...others };
-        }
+      const { getRowProps, ...others } = props;
+      props = { rowProps: getRowProps, ...others };
+    }
 
-        if ('getCellProps' in props) {
-            deprecated('getCellProps', 'cellProps', 'Table in 1.15.0');
+    if ('getCellProps' in props) {
+      deprecated('getCellProps', 'cellProps', 'Table in 1.15.0');
 
-            const { getCellProps, ...others } = props;
-            props = { cellProps: getCellProps, ...others };
-        }
+      const { getCellProps, ...others } = props;
+      props = { cellProps: getCellProps, ...others };
+    }
 
-        return props;
-    },
+    return props;
+  },
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/list-footer.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/list-footer.jsx
index e76961c3f..2bad74291 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/list-footer.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/list-footer.jsx
@@ -5,26 +5,26 @@ import PropTypes from 'prop-types';
 /**
  * Table.GroupFooter
  * @order 3
- **/
+ * */
 export default class ListFooter extends React.Component {
-    static propTypes = {
-        /**
+  static propTypes = {
+    /**
          * 行渲染的逻辑
          */
-        cell: PropTypes.oneOfType([
-            PropTypes.element,
-            PropTypes.node,
-            PropTypes.func,
-        ]),
-    };
+    cell: PropTypes.oneOfType([
+      PropTypes.element,
+      PropTypes.node,
+      PropTypes.func,
+    ]),
+  };
 
-    static defaultProps = {
-        cell: () => '',
-    };
+  static defaultProps = {
+    cell: () => '',
+  };
 
-    static _typeMark = 'listFooter';
+  static _typeMark = 'listFooter';
 
-    render() {
-        return null;
-    }
+  render() {
+    return null;
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/list-header.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/list-header.jsx
index 8d24b01f2..c818b53f5 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/list-header.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/list-header.jsx
@@ -4,41 +4,41 @@ import PropTypes from 'prop-types';
 /**
  * Table.GroupHeader
  * @order 2
- **/
+ * */
 export default class ListHeader extends React.Component {
-    static propTypes = {
-        /**
+  static propTypes = {
+    /**
          * 行渲染的逻辑
          */
-        cell: PropTypes.oneOfType([
-            PropTypes.element,
-            PropTypes.node,
-            PropTypes.func,
-        ]),
-        /**
+    cell: PropTypes.oneOfType([
+      PropTypes.element,
+      PropTypes.node,
+      PropTypes.func,
+    ]),
+    /**
          * 是否在Children上面渲染selection
          */
-        hasChildrenSelection: PropTypes.bool,
-        /**
+    hasChildrenSelection: PropTypes.bool,
+    /**
          * 是否在GroupHeader上面渲染selection
          */
-        hasSelection: PropTypes.bool,
-        /**
+    hasSelection: PropTypes.bool,
+    /**
          * 当 dataSouce 里没有 children 时，是否使用内容作为数据
          */
-        useFirstLevelDataWhenNoChildren: PropTypes.bool,
-    };
+    useFirstLevelDataWhenNoChildren: PropTypes.bool,
+  };
 
-    static defaultProps = {
-        cell: () => '',
-        hasSelection: true,
-        hasChildrenSelection: false,
-        useFirstLevelDataWhenNoChildren: false,
-    };
+  static defaultProps = {
+    cell: () => '',
+    hasSelection: true,
+    hasChildrenSelection: false,
+    useFirstLevelDataWhenNoChildren: false,
+  };
 
-    static _typeMark = 'listHeader';
+  static _typeMark = 'listHeader';
 
-    render() {
-        return null;
-    }
+  render() {
+    return null;
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/list.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/list.jsx
index 0da2445ba..9e7cd79d7 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/list.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/list.jsx
@@ -10,98 +10,103 @@ import WrapperComponent from './fixed/wrapper';
 import { statics } from './util';
 
 export default function list(BaseComponent) {
-    class ListTable extends React.Component {
-        static ListHeader = ListHeader;
-        static ListFooter = ListFooter;
-        static ListRow = RowComponent;
-        static ListBody = BodyComponent;
-        static propTypes = {
-            ...BaseComponent.propTypes,
-        };
-        static defaultProps = {
-            ...BaseComponent.defaultProps,
-        };
+  class ListTable extends React.Component {
+    static ListHeader = ListHeader;
 
-        static childContextTypes = {
-            listHeader: PropTypes.any,
-            listFooter: PropTypes.any,
-            rowSelection: PropTypes.object,
-        };
+    static ListFooter = ListFooter;
 
-        getChildContext() {
-            return {
-                listHeader: this.listHeader,
-                listFooter: this.listFooter,
-                rowSelection: this.rowSelection,
-            };
-        }
+    static ListRow = RowComponent;
 
-        normalizeDataSource(dataSource) {
-            const ret = [];
-            const loop = function(dataSource, level) {
-                dataSource.forEach(item => {
-                    item.__level = level;
-                    ret.push(item);
-                    if (item.children) {
-                        loop(item.children, level + 1);
-                    }
-                });
-            };
-            loop(dataSource, 0);
-            this.ds = ret;
-            return ret;
-        }
+    static ListBody = BodyComponent;
 
-        render() {
-            /* eslint-disable prefer-const */
-            let {
-                components,
-                children,
-                className,
-                prefix,
-                ...others
-            } = this.props;
-            let isList = false,
-                ret = [];
-            Children.forEach(children, child => {
-                if (child) {
-                    if (typeof child.type === 'function') {
-                        if (child.type._typeMark === 'listHeader') {
-                            this.listHeader = child.props;
-                            isList = true;
-                        } else if (child.type._typeMark === 'listFooter') {
-                            this.listFooter = child.props;
-                        } else {
-                            ret.push(child);
-                        }
-                    } else {
-                        ret.push(child);
-                    }
-                }
-            });
-            this.rowSelection = this.props.rowSelection;
-            if (isList) {
-                components = { ...components };
-                components.Row = components.Row || RowComponent;
-                components.Body = components.Body || BodyComponent;
-                components.Header = components.Header || HeaderComponent;
-                components.Wrapper = components.Wrapper || WrapperComponent;
-                className = classnames({
-                    [`${prefix}table-group`]: true,
-                    [className]: className,
-                });
-            }
-            return (
-                <BaseComponent
-                    {...others}
-                    components={components}
-                    children={ret}
-                    className={className}
-                    prefix={prefix}
-                />
-            );
-        }
+    static propTypes = {
+      ...BaseComponent.propTypes,
+    };
+
+    static defaultProps = {
+      ...BaseComponent.defaultProps,
+    };
+
+    static childContextTypes = {
+      listHeader: PropTypes.any,
+      listFooter: PropTypes.any,
+      rowSelection: PropTypes.object,
+    };
+
+    getChildContext() {
+      return {
+        listHeader: this.listHeader,
+        listFooter: this.listFooter,
+        rowSelection: this.rowSelection,
+      };
     }
-    statics(ListTable, BaseComponent);
-    return ListTable;
+
+    normalizeDataSource(dataSource) {
+      const ret = [];
+      const loop = function (dataSource, level) {
+        dataSource.forEach(item => {
+          item.__level = level;
+          ret.push(item);
+          if (item.children) {
+            loop(item.children, level + 1);
+          }
+        });
+      };
+      loop(dataSource, 0);
+      this.ds = ret;
+      return ret;
+    }
+
+    render() {
+      /* eslint-disable prefer-const */
+      let {
+        components,
+        children,
+        className,
+        prefix,
+        ...others
+      } = this.props;
+      let isList = false;
+      let ret = [];
+      Children.forEach(children, child => {
+        if (child) {
+          if (typeof child.type === 'function') {
+            if (child.type._typeMark === 'listHeader') {
+              this.listHeader = child.props;
+              isList = true;
+            } else if (child.type._typeMark === 'listFooter') {
+              this.listFooter = child.props;
+            } else {
+              ret.push(child);
+            }
+          } else {
+            ret.push(child);
+          }
+        }
+      });
+      this.rowSelection = this.props.rowSelection;
+      if (isList) {
+        components = { ...components };
+        components.Row = components.Row || RowComponent;
+        components.Body = components.Body || BodyComponent;
+        components.Header = components.Header || HeaderComponent;
+        components.Wrapper = components.Wrapper || WrapperComponent;
+        className = classnames({
+          [`${prefix}table-group`]: true,
+          [className]: className,
+        });
+      }
+      return (
+        <BaseComponent
+          {...others}
+          components={components}
+          children={ret}
+          className={className}
+          prefix={prefix}
+        />
+      );
+    }
+  }
+  statics(ListTable, BaseComponent);
+  return ListTable;
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/list/body.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/list/body.jsx
index f577e94a1..416e49808 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/list/body.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/list/body.jsx
@@ -2,5 +2,5 @@ import React from 'react';
 import BodyComponent from '../base/body';
 
 export default function ListBody(props) {
-    return <BodyComponent component="div" {...props} />;
+  return <BodyComponent component="div" {...props} />;
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/list/row.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/list/row.jsx
index f505199e4..94f68562f 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/list/row.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/list/row.jsx
@@ -5,165 +5,166 @@ import { log } from '../../util';
 import Row from '../base/row';
 
 export default class GroupListRow extends Row {
-    static contextTypes = {
-        listHeader: PropTypes.any,
-        listFooter: PropTypes.any,
-        rowSelection: PropTypes.object,
-        notRenderCellIndex: PropTypes.array,
-        lockType: PropTypes.oneOf(['left', 'right']),
-    };
+  static contextTypes = {
+    listHeader: PropTypes.any,
+    listFooter: PropTypes.any,
+    rowSelection: PropTypes.object,
+    notRenderCellIndex: PropTypes.array,
+    lockType: PropTypes.oneOf(['left', 'right']),
+  };
 
-    render() {
-        /* eslint-disable no-unused-vars*/
-        const {
-            prefix,
-            className,
-            onClick,
-            onMouseEnter,
-            onMouseLeave,
-            columns,
-            Cell,
-            rowIndex,
-            __rowIndex,
-            record,
-            children,
-            primaryKey,
-            colGroup,
-            cellRef,
-            getCellProps,
-            locale,
-            wrapper,
-            rtl,
-            ...others
-        } = this.props;
-        const cls = classnames({
-            [`${prefix}table-row`]: true,
-            [className]: className,
-        });
+  render() {
+    /* eslint-disable no-unused-vars */
+    const {
+      prefix,
+      className,
+      onClick,
+      onMouseEnter,
+      onMouseLeave,
+      columns,
+      Cell,
+      rowIndex,
+      __rowIndex,
+      record,
+      children,
+      primaryKey,
+      colGroup,
+      cellRef,
+      getCellProps,
+      locale,
+      wrapper,
+      rtl,
+      ...others
+    } = this.props;
+    const cls = classnames({
+      [`${prefix}table-row`]: true,
+      [className]: className,
+    });
 
-        // clear notRenderCellIndex, incase of cached data
-        this.context.notRenderCellIndex = [];
+    // clear notRenderCellIndex, incase of cached data
+    this.context.notRenderCellIndex = [];
 
-        return (
-            <table
-                className={cls}
-                role="row"
-                {...others}
-                onClick={this.onClick}
-                onMouseEnter={this.onMouseEnter}
-                onMouseLeave={this.onMouseLeave}
-            >
-                {colGroup}
-                <tbody>
-                    {this.renderContent('header')}
-                    {this.renderChildren()}
-                    {this.renderContent('footer')}
-                </tbody>
-            </table>
-        );
-    }
+    return (
+      <table
+        className={cls}
+        role="row"
+        {...others}
+        onClick={this.onClick}
+        onMouseEnter={this.onMouseEnter}
+        onMouseLeave={this.onMouseLeave}
+      >
+        {colGroup}
+        <tbody>
+          {this.renderContent('header')}
+          {this.renderChildren()}
+          {this.renderContent('footer')}
+        </tbody>
+      </table>
+    );
+  }
 
-    isChildrenSelection() {
-        return (
-            this.context.listHeader &&
+  isChildrenSelection() {
+    return (
+      this.context.listHeader &&
             this.context.listHeader.hasChildrenSelection
-        );
-    }
+    );
+  }
 
-    isFirstLevelDataWhenNoChildren() {
-        return (
-            this.context.listHeader &&
+  isFirstLevelDataWhenNoChildren() {
+    return (
+      this.context.listHeader &&
             this.context.listHeader.useFirstLevelDataWhenNoChildren
-        );
+    );
+  }
+
+  isSelection() {
+    return this.context.listHeader && this.context.listHeader.hasSelection;
+  }
+
+  renderChildren() {
+    const { record, primaryKey } = this.props;
+    const { children } = record;
+
+    let toRenderList = children;
+    if (this.isFirstLevelDataWhenNoChildren()) {
+      log.warning(
+        'useFirstLevelDataWhenNoChildren is deprecated, change your dataSource structure, make sure there is \'children\' in your dataSource.',
+      );
+
+      toRenderList = children || [record];
     }
 
-    isSelection() {
-        return this.context.listHeader && this.context.listHeader.hasSelection;
-    }
-
-    renderChildren() {
-        const { record, primaryKey } = this.props;
-        const { children } = record;
-
-        let toRenderList = children;
-        if (this.isFirstLevelDataWhenNoChildren()) {
+    if (toRenderList) {
+      return toRenderList.map((child, index) => {
+        const cells = this.renderCells(child, index);
+        if (this.isChildrenSelection()) {
+          if (!child[primaryKey]) {
             log.warning(
-                `useFirstLevelDataWhenNoChildren is deprecated, change your dataSource structure, make sure there is 'children' in your dataSource.`
+              'record.children/recored should contains primaryKey when childrenSelection is true.',
             );
-
-            toRenderList = children || [record];
+          }
+          return <tr key={child[primaryKey]}>{cells}</tr>;
         }
-
-        if (toRenderList) {
-            return toRenderList.map((child, index) => {
-                const cells = this.renderCells(child, index);
-                if (this.isChildrenSelection()) {
-                    if (!child[primaryKey]) {
-                        log.warning(
-                            'record.children/recored should contains primaryKey when childrenSelection is true.'
-                        );
-                    }
-                    return <tr key={child[primaryKey]}>{cells}</tr>;
-                }
-                if (this.context.rowSelection) {
-                    cells.shift();
-                    cells[0] = React.cloneElement(cells[0], {
-                        colSpan: 2,
-                        ...cells[0].props,
-                    });
-                }
-                return <tr key={index}>{cells}</tr>;
-            });
+        if (this.context.rowSelection) {
+          cells.shift();
+          cells[0] = React.cloneElement(cells[0], {
+            colSpan: 2,
+            ...cells[0].props,
+          });
         }
-        return null;
+        return <tr key={index}>{cells}</tr>;
+      });
     }
-    renderContent(type) {
-        const { columns, prefix, record, rowIndex } = this.props;
-        const cameType = type.charAt(0).toUpperCase() + type.substr(1);
-        const list = this.context[`list${cameType}`];
-        let listNode;
-        if (list) {
-            if (React.isValidElement(list.cell)) {
-                listNode = React.cloneElement(list.cell, {
-                    record,
-                    index: rowIndex,
-                });
-            } else if (typeof list.cell === 'function') {
-                listNode = list.cell(record, rowIndex);
-            }
-            if (listNode) {
-                let cells = this.renderCells(record);
-                if (
-                    type === 'header' &&
+    return null;
+  }
+
+  renderContent(type) {
+    const { columns, prefix, record, rowIndex } = this.props;
+    const cameType = type.charAt(0).toUpperCase() + type.substr(1);
+    const list = this.context[`list${cameType}`];
+    let listNode;
+    if (list) {
+      if (React.isValidElement(list.cell)) {
+        listNode = React.cloneElement(list.cell, {
+          record,
+          index: rowIndex,
+        });
+      } else if (typeof list.cell === 'function') {
+        listNode = list.cell(record, rowIndex);
+      }
+      if (listNode) {
+        let cells = this.renderCells(record);
+        if (
+          type === 'header' &&
                     this.context.rowSelection &&
                     this.isSelection()
-                ) {
-                    cells = cells.slice(0, 1);
-                    cells.push(
-                        <td colSpan={columns.length - 1} key="listNode">
-                            <div className={`${prefix}table-cell-wrapper`}>
-                                {listNode}
-                            </div>
-                        </td>
-                    );
-                    listNode = (
-                        <tr className={`${prefix}table-group-${type}`}>
-                            {cells}
-                        </tr>
-                    );
-                } else {
-                    listNode = (
-                        <tr className={`${prefix}table-group-${type}`}>
-                            <td colSpan={columns.length}>
-                                <div className={`${prefix}table-cell-wrapper`}>
-                                    {listNode}
-                                </div>
-                            </td>
-                        </tr>
-                    );
-                }
-            }
+        ) {
+          cells = cells.slice(0, 1);
+          cells.push(
+            <td colSpan={columns.length - 1} key="listNode">
+              <div className={`${prefix}table-cell-wrapper`}>
+                {listNode}
+              </div>
+            </td>,
+          );
+          listNode = (
+            <tr className={`${prefix}table-group-${type}`}>
+              {cells}
+            </tr>
+          );
+        } else {
+          listNode = (
+            <tr className={`${prefix}table-group-${type}`}>
+              <td colSpan={columns.length}>
+                <div className={`${prefix}table-cell-wrapper`}>
+                  {listNode}
+                </div>
+              </td>
+            </tr>
+          );
         }
-        return listNode;
+      }
     }
+    return listNode;
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/lock.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/lock.jsx
index 86cf33a20..11c805d45 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/lock.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/lock.jsx
@@ -12,762 +12,766 @@ import { statics } from './util';
 
 const { ieVersion } = env;
 export default function lock(BaseComponent) {
-    /** Table */
-    class LockTable extends React.Component {
-        static LockRow = LockRow;
-        static LockBody = LockBody;
-        static LockHeader = LockHeader;
-        static propTypes = {
-            scrollToCol: PropTypes.number,
-            /**
+  /** Table */
+  class LockTable extends React.Component {
+    static LockRow = LockRow;
+
+    static LockBody = LockBody;
+
+    static LockHeader = LockHeader;
+
+    static propTypes = {
+      scrollToCol: PropTypes.number,
+      /**
              * 指定滚动到某一行，仅在`useVirtual`的时候生效
              */
-            scrollToRow: PropTypes.number,
-            ...BaseComponent.propTypes,
-        };
+      scrollToRow: PropTypes.number,
+      ...BaseComponent.propTypes,
+    };
 
-        static defaultProps = {
-            ...BaseComponent.defaultProps,
-        };
+    static defaultProps = {
+      ...BaseComponent.defaultProps,
+    };
 
-        static childContextTypes = {
-            getTableInstance: PropTypes.func,
-            getLockNode: PropTypes.func,
-            onLockBodyScroll: PropTypes.func,
-            onRowMouseEnter: PropTypes.func,
-            onRowMouseLeave: PropTypes.func,
-        };
+    static childContextTypes = {
+      getTableInstance: PropTypes.func,
+      getLockNode: PropTypes.func,
+      onLockBodyScroll: PropTypes.func,
+      onRowMouseEnter: PropTypes.func,
+      onRowMouseLeave: PropTypes.func,
+    };
 
-        constructor(props, context) {
-            super(props, context);
-            this.lockLeftChildren = [];
-            this.lockRightChildren = [];
-        }
+    constructor(props, context) {
+      super(props, context);
+      this.lockLeftChildren = [];
+      this.lockRightChildren = [];
+    }
 
-        getChildContext() {
-            return {
-                getTableInstance: this.getTableInstance,
-                getLockNode: this.getNode,
-                onLockBodyScroll: this.onLockBodyScroll,
-                onRowMouseEnter: this.onRowMouseEnter,
-                onRowMouseLeave: this.onRowMouseLeave,
-            };
-        }
+    getChildContext() {
+      return {
+        getTableInstance: this.getTableInstance,
+        getLockNode: this.getNode,
+        onLockBodyScroll: this.onLockBodyScroll,
+        onRowMouseEnter: this.onRowMouseEnter,
+        onRowMouseLeave: this.onRowMouseLeave,
+      };
+    }
 
-        componentDidMount() {
-            events.on(window, 'resize', this.adjustSize);
+    componentDidMount() {
+      events.on(window, 'resize', this.adjustSize);
 
-            this.scroll();
-            this.adjustSize();
-        }
+      this.scroll();
+      this.adjustSize();
+    }
 
-        shouldComponentUpdate(nextProps, nextState, nextContext) {
-            if (nextProps.pure) {
-                const isEqual = shallowElementEquals(nextProps, this.props);
-                return !(
-                    isEqual && obj.shallowEqual(nextContext, this.context)
+    shouldComponentUpdate(nextProps, nextState, nextContext) {
+      if (nextProps.pure) {
+        const isEqual = shallowElementEquals(nextProps, this.props);
+        return !(
+          isEqual && obj.shallowEqual(nextContext, this.context)
+        );
+      }
+
+      return true;
+    }
+
+    componentWillUpdate() {
+      this._isLock = false;
+    }
+
+    componentDidUpdate() {
+      this.adjustSize();
+    }
+
+    componentWillUnmount() {
+      events.off(window, 'resize', this.adjustSize);
+    }
+
+    normalizeChildrenState(props) {
+      let { children } = props;
+      children = this.normalizeChildren(children);
+      const splitChildren = this.splitFromNormalizeChildren(children);
+      const { lockLeftChildren, lockRightChildren } = splitChildren;
+      return {
+        lockLeftChildren,
+        lockRightChildren,
+        children: this.mergeFromSplitLockChildren(splitChildren),
+      };
+    }
+
+    // 将React结构化数据提取props转换成数组
+    normalizeChildren(children) {
+      let isLock = false;
+      const getChildren = children => {
+        const ret = [];
+        Children.forEach(children, child => {
+          if (child) {
+            const props = { ...child.props };
+            if ([true, 'left', 'right'].indexOf(props.lock) > -1) {
+              isLock = true;
+              if (!('width' in props)) {
+                log.warning(
+                  `Should config width for lock column named [ ${
+                    props.dataIndex
+                  } ].`,
                 );
+              }
             }
-
-            return true;
+            ret.push(props);
+            if (child.props.children) {
+              props.children = getChildren(child.props.children);
+            }
+          }
+        });
+        return ret;
+      };
+      const ret = getChildren(children);
+      ret.forEach(child => {
+        // 为自定义的列特殊处理
+        if (child.__normalized && isLock) {
+          // users can set lock type for column selection now, so its origin lock type comes first
+          child.lock = child.lock || 'left';
+          delete child.__normalized;
         }
+      });
+      this._isLock = isLock;
+      return ret;
+    }
 
-        componentWillUpdate() {
-            this._isLock = false;
+    // 从数组中分离出lock的列和正常的列
+    splitFromNormalizeChildren(children) {
+      const originChildren = deepCopy(children);
+      const lockLeftChildren = deepCopy(children);
+      const lockRightChildren = deepCopy(children);
+      const loop = (lockChildren, condition) => {
+        const ret = [];
+        lockChildren.forEach(child => {
+          if (child.children) {
+            const res = loop(child.children, condition);
+            if (!res.length) {
+              ret.push(child);
+            }
+          } else {
+            const order = condition(child);
+            if (!order) {
+              ret.push(child);
+            }
+          }
+        });
+        ret.forEach(res => {
+          const index = lockChildren.indexOf(res);
+          lockChildren.splice(index, 1);
+        });
+        return lockChildren;
+      };
+      loop(lockLeftChildren, child => {
+        if (child.lock === true || child.lock === 'left') {
+          return 'left';
         }
-
-        componentDidUpdate() {
-            this.adjustSize();
+      });
+      loop(lockRightChildren, child => {
+        if (child.lock === 'right') {
+          return 'right';
         }
-
-        componentWillUnmount() {
-            events.off(window, 'resize', this.adjustSize);
-        }
-
-        normalizeChildrenState(props) {
-            let { children } = props;
-            children = this.normalizeChildren(children);
-            const splitChildren = this.splitFromNormalizeChildren(children);
-            const { lockLeftChildren, lockRightChildren } = splitChildren;
-            return {
-                lockLeftChildren,
-                lockRightChildren,
-                children: this.mergeFromSplitLockChildren(splitChildren),
-            };
-        }
-
-        // 将React结构化数据提取props转换成数组
-        normalizeChildren(children) {
-            let isLock = false;
-            const getChildren = children => {
-                const ret = [];
-                Children.forEach(children, child => {
-                    if (child) {
-                        const props = { ...child.props };
-                        if ([true, 'left', 'right'].indexOf(props.lock) > -1) {
-                            isLock = true;
-                            if (!('width' in props)) {
-                                log.warning(
-                                    `Should config width for lock column named [ ${
-                                        props.dataIndex
-                                    } ].`
-                                );
-                            }
-                        }
-                        ret.push(props);
-                        if (child.props.children) {
-                            props.children = getChildren(child.props.children);
-                        }
-                    }
-                });
-                return ret;
-            };
-            const ret = getChildren(children);
-            ret.forEach(child => {
-                // 为自定义的列特殊处理
-                if (child.__normalized && isLock) {
-                    // users can set lock type for column selection now, so its origin lock type comes first
-                    child.lock = child.lock || 'left';
-                    delete child.__normalized;
-                }
-            });
-            this._isLock = isLock;
-            return ret;
-        }
-
-        //从数组中分离出lock的列和正常的列
-        splitFromNormalizeChildren(children) {
-            const originChildren = deepCopy(children);
-            const lockLeftChildren = deepCopy(children);
-            const lockRightChildren = deepCopy(children);
-            const loop = (lockChildren, condition) => {
-                const ret = [];
-                lockChildren.forEach(child => {
-                    if (child.children) {
-                        const res = loop(child.children, condition);
-                        if (!res.length) {
-                            ret.push(child);
-                        }
-                    } else {
-                        const order = condition(child);
-                        if (!order) {
-                            ret.push(child);
-                        }
-                    }
-                });
-                ret.forEach(res => {
-                    const index = lockChildren.indexOf(res);
-                    lockChildren.splice(index, 1);
-                });
-                return lockChildren;
-            };
-            loop(lockLeftChildren, child => {
-                if (child.lock === true || child.lock === 'left') {
-                    return 'left';
-                }
-            });
-            loop(lockRightChildren, child => {
-                if (child.lock === 'right') {
-                    return 'right';
-                }
-            });
-            loop(originChildren, child => {
-                return (
-                    child.lock !== true &&
+      });
+      loop(originChildren, child => {
+        return (
+          child.lock !== true &&
                     child.lock !== 'left' &&
                     child.lock !== 'right'
-                );
-            });
-            return {
-                lockLeftChildren,
-                lockRightChildren,
-                originChildren,
-            };
-        }
+        );
+      });
+      return {
+        lockLeftChildren,
+        lockRightChildren,
+        originChildren,
+      };
+    }
 
-        //将左侧的锁列树和中间的普通树及右侧的锁列树进行合并
-        mergeFromSplitLockChildren(splitChildren) {
-            const { lockLeftChildren, lockRightChildren } = splitChildren;
-            let { originChildren } = splitChildren;
-            Array.prototype.unshift.apply(originChildren, lockLeftChildren);
-            originChildren = originChildren.concat(lockRightChildren);
-            return originChildren;
-        }
+    // 将左侧的锁列树和中间的普通树及右侧的锁列树进行合并
+    mergeFromSplitLockChildren(splitChildren) {
+      const { lockLeftChildren, lockRightChildren } = splitChildren;
+      let { originChildren } = splitChildren;
+      Array.prototype.unshift.apply(originChildren, lockLeftChildren);
+      originChildren = originChildren.concat(lockRightChildren);
+      return originChildren;
+    }
 
-        getTableInstance = (type, instance) => {
-            type = type ? type.charAt(0).toUpperCase() + type.substr(1) : '';
-            this[`table${type}Inc`] = instance;
-        };
+    getTableInstance = (type, instance) => {
+      type = type ? type.charAt(0).toUpperCase() + type.substr(1) : '';
+      this[`table${type}Inc`] = instance;
+    };
 
-        getNode = (type, node, lockType) => {
-            lockType = lockType
-                ? lockType.charAt(0).toUpperCase() + lockType.substr(1)
-                : '';
-            this[`${type}${lockType}Node`] = node;
-            if (type === 'header' && !this.innerHeaderNode && !lockType) {
-                this.innerHeaderNode = this.headerNode.querySelector('div');
-            }
-        };
+    getNode = (type, node, lockType) => {
+      lockType = lockType
+        ? lockType.charAt(0).toUpperCase() + lockType.substr(1)
+        : '';
+      this[`${type}${lockType}Node`] = node;
+      if (type === 'header' && !this.innerHeaderNode && !lockType) {
+        this.innerHeaderNode = this.headerNode.querySelector('div');
+      }
+    };
 
-        onRowMouseEnter = (record, index) => {
-            if (this.isLock()) {
-                const row = this.getRowNode(index);
-                const leftRow = this.getRowNode(index, 'left');
-                const rightRow = this.getRowNode(index, 'right');
-                [row, leftRow, rightRow].forEach(row => {
-                    row && dom.addClass(row, 'hovered');
-                });
-            }
-        };
+    onRowMouseEnter = (record, index) => {
+      if (this.isLock()) {
+        const row = this.getRowNode(index);
+        const leftRow = this.getRowNode(index, 'left');
+        const rightRow = this.getRowNode(index, 'right');
+        [row, leftRow, rightRow].forEach(row => {
+          row && dom.addClass(row, 'hovered');
+        });
+      }
+    };
 
-        onRowMouseLeave = (record, index) => {
-            if (this.isLock()) {
-                const row = this.getRowNode(index);
-                const leftRow = this.getRowNode(index, 'left');
-                const rightRow = this.getRowNode(index, 'right');
-                [row, leftRow, rightRow].forEach(row => {
-                    row && dom.removeClass(row, 'hovered');
-                });
-            }
-        };
+    onRowMouseLeave = (record, index) => {
+      if (this.isLock()) {
+        const row = this.getRowNode(index);
+        const leftRow = this.getRowNode(index, 'left');
+        const rightRow = this.getRowNode(index, 'right');
+        [row, leftRow, rightRow].forEach(row => {
+          row && dom.removeClass(row, 'hovered');
+        });
+      }
+    };
 
-        scroll() {
-            const { scrollToCol = 0, scrollToRow = 0 } = this.props;
-            if (!scrollToCol && !scrollToRow) {
-                return;
-            }
-            const colCellNode = this.getCellNode(0, scrollToCol);
-            const rowCellNode = this.getCellNode(scrollToRow, 0);
-            const bodyNodeOffset = this.bodyNode.getBoundingClientRect();
-            if (colCellNode) {
-                const cellNodeoffset = colCellNode.getBoundingClientRect();
-                const scrollLeft = cellNodeoffset.left - bodyNodeOffset.left;
-                this.bodyNode.scrollLeft = scrollLeft;
-            }
-            if (rowCellNode) {
-                const cellNodeoffset = rowCellNode.getBoundingClientRect();
-                const scrollTop = cellNodeoffset.top - bodyNodeOffset.top;
-                this.bodyNode.scrollTop = scrollTop;
-            }
-        }
+    scroll() {
+      const { scrollToCol = 0, scrollToRow = 0 } = this.props;
+      if (!scrollToCol && !scrollToRow) {
+        return;
+      }
+      const colCellNode = this.getCellNode(0, scrollToCol);
+      const rowCellNode = this.getCellNode(scrollToRow, 0);
+      const bodyNodeOffset = this.bodyNode.getBoundingClientRect();
+      if (colCellNode) {
+        const cellNodeoffset = colCellNode.getBoundingClientRect();
+        const scrollLeft = cellNodeoffset.left - bodyNodeOffset.left;
+        this.bodyNode.scrollLeft = scrollLeft;
+      }
+      if (rowCellNode) {
+        const cellNodeoffset = rowCellNode.getBoundingClientRect();
+        const scrollTop = cellNodeoffset.top - bodyNodeOffset.top;
+        this.bodyNode.scrollTop = scrollTop;
+      }
+    }
 
-        onLockBodyScrollTop = event => {
-            // set scroll top for lock columns & main body
-            const target = event.target;
-            if (event.currentTarget !== target) {
-                return;
-            }
-            const distScrollTop = target.scrollTop;
+    onLockBodyScrollTop = event => {
+      // set scroll top for lock columns & main body
+      const { target } = event;
+      if (event.currentTarget !== target) {
+        return;
+      }
+      const distScrollTop = target.scrollTop;
 
-            if (this.isLock() && distScrollTop !== this.lastScrollTop) {
-                const lockRightBody = this.bodyRightNode,
-                    lockLeftBody = this.bodyLeftNode,
-                    bodyNode = this.bodyNode;
+      if (this.isLock() && distScrollTop !== this.lastScrollTop) {
+        const lockRightBody = this.bodyRightNode;
+        const lockLeftBody = this.bodyLeftNode;
+        const { bodyNode } = this;
 
-                const arr = [lockLeftBody, lockRightBody, bodyNode];
+        const arr = [lockLeftBody, lockRightBody, bodyNode];
 
-                arr.forEach(node => {
-                    if (node && node.scrollTop !== distScrollTop) {
-                        node.scrollTop = distScrollTop;
-                    }
-                });
+        arr.forEach(node => {
+          if (node && node.scrollTop !== distScrollTop) {
+            node.scrollTop = distScrollTop;
+          }
+        });
 
-                this.lastScrollTop = distScrollTop;
-            }
-        };
+        this.lastScrollTop = distScrollTop;
+      }
+    };
 
-        onLockBodyScrollLeft = () => {
-            // add shadow class for lock columns
-            if (this.isLock()) {
-                const { rtl } = this.props;
-                const lockRightTable = rtl
-                        ? this.getWrapperNode('left')
-                        : this.getWrapperNode('right'),
-                    lockLeftTable = rtl
-                        ? this.getWrapperNode('right')
-                        : this.getWrapperNode('left'),
-                    shadowClassName = 'shadow';
+    onLockBodyScrollLeft = () => {
+      // add shadow class for lock columns
+      if (this.isLock()) {
+        const { rtl } = this.props;
+        const lockRightTable = rtl
+          ? this.getWrapperNode('left')
+          : this.getWrapperNode('right');
+        const lockLeftTable = rtl
+          ? this.getWrapperNode('right')
+          : this.getWrapperNode('left');
+        const shadowClassName = 'shadow';
 
-                const x = this.bodyNode.scrollLeft;
+        const x = this.bodyNode.scrollLeft;
 
-                if (x === 0) {
-                    lockLeftTable &&
+        if (x === 0) {
+          lockLeftTable &&
                         dom.removeClass(lockLeftTable, shadowClassName);
-                    lockRightTable &&
+          lockRightTable &&
                         dom.addClass(lockRightTable, shadowClassName);
-                } else if (
-                    x ===
+        } else if (
+          x ===
                     this.bodyNode.scrollWidth - this.bodyNode.clientWidth
-                ) {
-                    lockLeftTable &&
+        ) {
+          lockLeftTable &&
                         dom.addClass(lockLeftTable, shadowClassName);
-                    lockRightTable &&
+          lockRightTable &&
                         dom.removeClass(lockRightTable, shadowClassName);
-                } else {
-                    lockLeftTable &&
+        } else {
+          lockLeftTable &&
                         dom.addClass(lockLeftTable, shadowClassName);
-                    lockRightTable &&
+          lockRightTable &&
                         dom.addClass(lockRightTable, shadowClassName);
-                }
-            }
-        };
-
-        onLockBodyScroll = event => {
-            this.onLockBodyScrollTop(event);
-            this.onLockBodyScrollLeft();
-        };
-
-        // Table处理过后真实的lock状态
-        isLock() {
-            return (
-                this.lockLeftChildren.length || this.lockRightChildren.length
-            );
         }
+      }
+    };
 
-        // 用户设置的lock状态
-        isOriginLock() {
-            return this._isLock;
-        }
+    onLockBodyScroll = event => {
+      this.onLockBodyScrollTop(event);
+      this.onLockBodyScrollLeft();
+    };
 
-        adjustSize = () => {
-            if (!this.adjustIfTableNotNeedLock()) {
-                this.adjustHeaderSize();
-                this.adjustBodySize();
-                this.adjustRowHeight();
-                this.onLockBodyScrollLeft();
-            }
-        };
+    // Table处理过后真实的lock状态
+    isLock() {
+      return (
+        this.lockLeftChildren.length || this.lockRightChildren.length
+      );
+    }
 
-        removeLockTable() {
-            const lockLeftLen = this.lockLeftChildren.length;
-            const lockRightLen = this.lockRightChildren.length;
+    // 用户设置的lock状态
+    isOriginLock() {
+      return this._isLock;
+    }
 
-            if (lockLeftLen) {
-                this._notNeedAdjustLockLeft = true;
-            }
-            if (lockRightLen) {
-                this._notNeedAdjustLockRight = true;
-            }
-            if (lockRightLen || lockLeftLen) {
-                this.forceUpdate();
-                return true;
-            }
-        }
+    adjustSize = () => {
+      if (!this.adjustIfTableNotNeedLock()) {
+        this.adjustHeaderSize();
+        this.adjustBodySize();
+        this.adjustRowHeight();
+        this.onLockBodyScrollLeft();
+      }
+    };
 
-        adjustIfTableNotNeedLock() {
-            if (this.isOriginLock()) {
-                const widthObj = this.tableInc.flatChildren
-                    .map((item, index) => {
-                        const cell = this.getCellNode(0, index) || {};
-                        const headerCell =
+    removeLockTable() {
+      const lockLeftLen = this.lockLeftChildren.length;
+      const lockRightLen = this.lockRightChildren.length;
+
+      if (lockLeftLen) {
+        this._notNeedAdjustLockLeft = true;
+      }
+      if (lockRightLen) {
+        this._notNeedAdjustLockRight = true;
+      }
+      if (lockRightLen || lockLeftLen) {
+        this.forceUpdate();
+        return true;
+      }
+    }
+
+    adjustIfTableNotNeedLock() {
+      if (this.isOriginLock()) {
+        const widthObj = this.tableInc.flatChildren
+          .map((item, index) => {
+            const cell = this.getCellNode(0, index) || {};
+            const headerCell =
                             this.getHeaderCellNode(0, index) || {};
 
-                        return {
-                            cellWidths: cell.clientWidth || 0,
-                            headerWidths: headerCell.clientWidth || 0,
-                        };
-                    })
-                    .reduce(
-                        (a, b) => {
-                            return {
-                                cellWidths: a.cellWidths + b.cellWidths,
-                                headerWidths: a.headerWidths + b.headerWidths,
-                            };
-                        },
-                        {
-                            cellWidths: 0,
-                            headerWidths: 0,
-                        }
-                    );
+            return {
+              cellWidths: cell.clientWidth || 0,
+              headerWidths: headerCell.clientWidth || 0,
+            };
+          })
+          .reduce(
+            (a, b) => {
+              return {
+                cellWidths: a.cellWidths + b.cellWidths,
+                headerWidths: a.headerWidths + b.headerWidths,
+              };
+            },
+            {
+              cellWidths: 0,
+              headerWidths: 0,
+            },
+          );
 
-                let node, width;
+        let node; let
+          width;
 
-                try {
-                    node = findDOMNode(this);
-                    width = node.clientWidth;
-                } catch (err) {
-                    node = null;
-                    width = 0;
-                }
+        try {
+          node = findDOMNode(this);
+          width = node.clientWidth;
+        } catch (err) {
+          node = null;
+          width = 0;
+        }
 
-                // if the table doesn't exist, there is no need to adjust
-                if (width === 0) {
-                    return true;
-                }
+        // if the table doesn't exist, there is no need to adjust
+        if (width === 0) {
+          return true;
+        }
 
-                const configWidths =
+        const configWidths =
                     widthObj.cellWidths || widthObj.headerWidths;
 
-                if (configWidths <= width && configWidths > 0) {
-                    this.removeLockTable();
-                } else if (
-                    this._notNeedAdjustLockLeft ||
+        if (configWidths <= width && configWidths > 0) {
+          this.removeLockTable();
+        } else if (
+          this._notNeedAdjustLockLeft ||
                     this._notNeedAdjustLockRight
-                ) {
-                    this._notNeedAdjustLockLeft = this._notNeedAdjustLockRight = false;
-                    this.forceUpdate();
-                } else {
-                    this._notNeedAdjustLockLeft = this._notNeedAdjustLockRight = false;
-                    return false;
-                }
-            }
+        ) {
+          this._notNeedAdjustLockLeft = this._notNeedAdjustLockRight = false;
+          this.forceUpdate();
+        } else {
+          this._notNeedAdjustLockLeft = this._notNeedAdjustLockRight = false;
+          return false;
+        }
+      }
 
-            return false;
+      return false;
+    }
+
+    adjustBodySize() {
+      const { rtl, hasHeader } = this.props;
+      const header = this.headerNode;
+      const paddingName = rtl ? 'paddingLeft' : 'paddingRight';
+      const marginName = rtl ? 'marginLeft' : 'marginRight';
+      const scrollBarSize = +dom.scrollbar().width || 0;
+      const style = {
+        [paddingName]: scrollBarSize,
+        [marginName]: scrollBarSize,
+      };
+      const body = this.bodyNode;
+      const hasVerScroll = body && body.scrollHeight > body.clientHeight;
+
+      if (this.isLock()) {
+        const lockLeftBody = this.bodyLeftNode;
+        const lockRightBody = this.bodyRightNode;
+        const lockRightBodyWrapper = this.getWrapperNode('right');
+        const bodyHeight = body.offsetHeight;
+        const width = hasVerScroll ? scrollBarSize : 0;
+        const lockBodyHeight = bodyHeight - scrollBarSize;
+
+        if (!hasVerScroll) {
+          style[paddingName] = 0;
+          style[marginName] = 0;
+        }
+        if (+scrollBarSize) {
+          style.marginBottom = -scrollBarSize;
+          style.paddingBottom = scrollBarSize;
+        } else {
+          style.marginBottom = -20;
+          style.paddingBottom = 20;
         }
 
-        adjustBodySize() {
-            const { rtl, hasHeader } = this.props;
-            const header = this.headerNode;
-            const paddingName = rtl ? 'paddingLeft' : 'paddingRight';
-            const marginName = rtl ? 'marginLeft' : 'marginRight';
-            const scrollBarSize = +dom.scrollbar().width || 0;
-            const style = {
-                [paddingName]: scrollBarSize,
-                [marginName]: scrollBarSize,
-            };
-            const body = this.bodyNode,
-                hasVerScroll = body && body.scrollHeight > body.clientHeight;
-
-            if (this.isLock()) {
-                const lockLeftBody = this.bodyLeftNode,
-                    lockRightBody = this.bodyRightNode,
-                    lockRightBodyWrapper = this.getWrapperNode('right'),
-                    bodyHeight = body.offsetHeight,
-                    width = hasVerScroll ? scrollBarSize : 0,
-                    lockBodyHeight = bodyHeight - scrollBarSize;
-
-                if (!hasVerScroll) {
-                    style[paddingName] = 0;
-                    style[marginName] = 0;
-                }
-                if (+scrollBarSize) {
-                    style.marginBottom = -scrollBarSize;
-                    style.paddingBottom = scrollBarSize;
-                } else {
-                    style.marginBottom = -20;
-                    style.paddingBottom = 20;
-                }
-
-                const lockStyle = {
-                    'max-height': lockBodyHeight,
-                };
-                if (!hasHeader && !+scrollBarSize) {
-                    lockStyle[marginName] = 0;
-                }
-                if (+scrollBarSize) {
-                    lockStyle[marginName] = -scrollBarSize;
-                }
-                lockLeftBody && dom.setStyle(lockLeftBody, lockStyle);
-                lockRightBody && dom.setStyle(lockRightBody, lockStyle);
-                lockRightBodyWrapper &&
+        const lockStyle = {
+          'max-height': lockBodyHeight,
+        };
+        if (!hasHeader && !+scrollBarSize) {
+          lockStyle[marginName] = 0;
+        }
+        if (+scrollBarSize) {
+          lockStyle[marginName] = -scrollBarSize;
+        }
+        lockLeftBody && dom.setStyle(lockLeftBody, lockStyle);
+        lockRightBody && dom.setStyle(lockRightBody, lockStyle);
+        lockRightBodyWrapper &&
                     +scrollBarSize &&
                     dom.setStyle(
-                        lockRightBodyWrapper,
-                        rtl ? 'left' : 'right',
-                        `${width}px`
+                      lockRightBodyWrapper,
+                      rtl ? 'left' : 'right',
+                      `${width}px`,
                     );
-            } else {
-                style.marginBottom = -scrollBarSize;
-                style.paddingBottom = scrollBarSize;
-                style[marginName] = 0;
-                if (!hasVerScroll) {
-                    style[paddingName] = 0;
-                }
-            }
-
-            header && dom.setStyle(header, style);
+      } else {
+        style.marginBottom = -scrollBarSize;
+        style.paddingBottom = scrollBarSize;
+        style[marginName] = 0;
+        if (!hasVerScroll) {
+          style[paddingName] = 0;
         }
+      }
 
-        adjustHeaderSize() {
-            if (this.isLock()) {
-                this.tableInc.groupChildren.forEach((child, index) => {
-                    const lastIndex =
+      header && dom.setStyle(header, style);
+    }
+
+    adjustHeaderSize() {
+      if (this.isLock()) {
+        this.tableInc.groupChildren.forEach((child, index) => {
+          const lastIndex =
                         this.tableInc.groupChildren[index].length - 1;
-                    const headerRightRow = this.getHeaderCellNode(
-                            index,
-                            lastIndex
-                        ),
-                        headerLeftRow = this.getHeaderCellNode(index, 0),
-                        headerRightLockRow = this.getHeaderCellNode(
-                            index,
-                            0,
-                            'right'
-                        ),
-                        headerLeftLockRow = this.getHeaderCellNode(
-                            index,
-                            0,
-                            'left'
-                        );
+          const headerRightRow = this.getHeaderCellNode(
+            index,
+            lastIndex,
+          );
+          const headerLeftRow = this.getHeaderCellNode(index, 0);
+          const headerRightLockRow = this.getHeaderCellNode(
+            index,
+            0,
+            'right',
+          );
+          const headerLeftLockRow = this.getHeaderCellNode(
+            index,
+            0,
+            'left',
+          );
 
-                    if (headerRightRow && headerRightLockRow) {
-                        const maxRightRowHeight = headerRightRow.offsetHeight;
+          if (headerRightRow && headerRightLockRow) {
+            const maxRightRowHeight = headerRightRow.offsetHeight;
 
-                        dom.setStyle(
-                            headerRightLockRow,
-                            'height',
-                            maxRightRowHeight
-                        );
+            dom.setStyle(
+              headerRightLockRow,
+              'height',
+              maxRightRowHeight,
+            );
 
-                        setTimeout(() => {
-                            const affixRef = this.tableRightInc.affixRef;
-                            // if rendered then update postion of affix
-                            return (
-                                affixRef &&
+            setTimeout(() => {
+              const { affixRef } = this.tableRightInc;
+              // if rendered then update postion of affix
+              return (
+                affixRef &&
                                 affixRef.getInstance() &&
                                 affixRef.getInstance().updatePosition()
-                            );
-                        });
-                    }
+              );
+            });
+          }
 
-                    if (headerLeftRow && headerLeftLockRow) {
-                        const maxLeftRowHeight = headerLeftRow.offsetHeight;
+          if (headerLeftRow && headerLeftLockRow) {
+            const maxLeftRowHeight = headerLeftRow.offsetHeight;
 
-                        dom.setStyle(
-                            headerLeftLockRow,
-                            'height',
-                            maxLeftRowHeight
-                        );
+            dom.setStyle(
+              headerLeftLockRow,
+              'height',
+              maxLeftRowHeight,
+            );
 
-                        setTimeout(() => {
-                            const affixRef = this.tableLeftInc.affixRef;
-                            // if rendered then update postion of affix
-                            return (
-                                affixRef &&
+            setTimeout(() => {
+              const { affixRef } = this.tableLeftInc;
+              // if rendered then update postion of affix
+              return (
+                affixRef &&
                                 affixRef.getInstance() &&
                                 affixRef.getInstance().updatePosition()
-                            );
-                        });
-                    }
-                });
-            }
-        }
+              );
+            });
+          }
+        });
+      }
+    }
 
-        adjustRowHeight() {
-            if (this.isLock()) {
-                this.tableInc.props.dataSource.forEach((item, index) => {
-                    // record may be a string
-                    const rowIndex =
+    adjustRowHeight() {
+      if (this.isLock()) {
+        this.tableInc.props.dataSource.forEach((item, index) => {
+          // record may be a string
+          const rowIndex =
                         typeof item === 'object' && '__rowIndex' in item
-                            ? item.__rowIndex
-                            : index;
+                          ? item.__rowIndex
+                          : index;
 
-                    // 同步左侧的锁列
-                    this.setRowHeight(rowIndex, 'left');
-                    // 同步右侧的锁列
-                    this.setRowHeight(rowIndex, 'right');
-                });
-            }
-        }
+          // 同步左侧的锁列
+          this.setRowHeight(rowIndex, 'left');
+          // 同步右侧的锁列
+          this.setRowHeight(rowIndex, 'right');
+        });
+      }
+    }
 
-        setRowHeight(rowIndex, dir) {
-            const lockRow = this.getRowNode(rowIndex, dir),
-                row = this.getRowNode(rowIndex),
-                rowHeight =
+    setRowHeight(rowIndex, dir) {
+      const lockRow = this.getRowNode(rowIndex, dir);
+      const row = this.getRowNode(rowIndex);
+      const rowHeight =
                     (ieVersion
-                        ? row && row.offsetHeight
-                        : row && parseFloat(getComputedStyle(row).height)) ||
-                    'auto',
-                lockHeight =
+                      ? row && row.offsetHeight
+                      : row && parseFloat(getComputedStyle(row).height)) ||
+                    'auto';
+      const lockHeight =
                     (ieVersion
-                        ? lockRow && lockRow.offsetHeight
-                        : lockRow &&
+                      ? lockRow && lockRow.offsetHeight
+                      : lockRow &&
                           parseFloat(getComputedStyle(lockRow).height)) ||
                     'auto';
 
-            if (lockRow && rowHeight !== lockHeight) {
-                dom.setStyle(lockRow, 'height', rowHeight);
-            }
-        }
-
-        getWrapperNode(type) {
-            type = type ? type.charAt(0).toUpperCase() + type.substr(1) : '';
-            try {
-                // in case of finding an unmounted component due to cached data
-                // need to clear refs of table when dataSource Changed
-                // use try catch for temporary
-                return findDOMNode(this.refs[`lock${type}`]);
-            } catch (error) {
-                return null;
-            }
-        }
-
-        // remove this in next major version, keep this for temperary incase of using it
-        // getFirstNormalCellNode(index) {
-        //     let i = 0;
-        //     let row;
-        //     do {
-        //         row = this.getCellNode(index, i);
-        //         i++;
-        //     } while (
-        //         (!row || (row && row.rowSpan && row.rowSpan > 1)) &&
-        //         this.tableInc.flatChildren.length > i
-        //     );
-
-        //     return row;
-        // }
-
-        getRowNode(index, type) {
-            type = type ? type.charAt(0).toUpperCase() + type.substr(1) : '';
-            const table = this[`table${type}Inc`];
-
-            try {
-                // in case of finding an unmounted component due to cached data
-                // need to clear refs of table when dataSource Changed
-                // use try catch for temporary
-                return findDOMNode(table.getRowRef(index));
-            } catch (error) {
-                return null;
-            }
-        }
-
-        getHeaderCellNode(index, i, type) {
-            type = type ? type.charAt(0).toUpperCase() + type.substr(1) : '';
-            const table = this[`table${type}Inc`];
-
-            try {
-                // in case of finding an unmounted component due to cached data
-                // need to clear refs of table when dataSource Changed
-                // use try catch for temporary
-                return findDOMNode(table.getHeaderCellRef(index, i));
-            } catch (error) {
-                return null;
-            }
-        }
-
-        getCellNode(index, i, type) {
-            type = type ? type.charAt(0).toUpperCase() + type.substr(1) : '';
-            const table = this[`table${type}Inc`];
-
-            try {
-                // in case of finding an unmounted component due to cached data
-                // need to clear refs of table when dataSource Changed
-                // use try catch for temporary
-                return findDOMNode(table.getCellRef(index, i));
-            } catch (error) {
-                return null;
-            }
-        }
-
-        getFlatenChildrenLength = (children = []) => {
-            const loop = arr => {
-                const newArray = [];
-                arr.forEach(child => {
-                    if (child.children) {
-                        newArray.push(...loop(child.children));
-                    } else {
-                        newArray.push(child);
-                    }
-                });
-                return newArray;
-            };
-
-            return loop(children).length;
-        };
-
-        render() {
-            /* eslint-disable no-unused-vars, prefer-const */
-            let {
-                children,
-                prefix,
-                components,
-                className,
-                dataSource,
-                ...others
-            } = this.props;
-            let {
-                lockLeftChildren,
-                lockRightChildren,
-                children: normalizedChildren,
-            } = this.normalizeChildrenState(this.props);
-
-            const leftLen = this.getFlatenChildrenLength(lockLeftChildren);
-            const rightLen = this.getFlatenChildrenLength(lockRightChildren);
-            const originLen = this.getFlatenChildrenLength(normalizedChildren);
-
-            const lengths = {
-                left: leftLen,
-                right: rightLen,
-                origin: originLen,
-            };
-            if (this._notNeedAdjustLockLeft) {
-                lockLeftChildren = [];
-            }
-            if (this._notNeedAdjustLockRight) {
-                lockRightChildren = [];
-            }
-            this.lockLeftChildren = lockLeftChildren;
-            this.lockRightChildren = lockRightChildren;
-
-            if (this.isOriginLock()) {
-                components = { ...components };
-                components.Body = components.Body || LockBody;
-                components.Header = components.Header || LockHeader;
-                components.Wrapper = components.Wrapper || LockWrapper;
-                components.Row = components.Row || LockRow;
-                className = classnames({
-                    [`${prefix}table-lock`]: true,
-                    [`${prefix}table-wrap-empty`]: !dataSource.length,
-                    [className]: className,
-                });
-                const content = [
-                    <BaseComponent
-                        {...others}
-                        dataSource={dataSource}
-                        key="lock-left"
-                        columns={lockLeftChildren}
-                        className={`${prefix}table-lock-left`}
-                        lengths={lengths}
-                        prefix={prefix}
-                        lockType="left"
-                        components={components}
-                        ref="lockLeft"
-                        loading={false}
-                        aria-hidden
-                    />,
-                    <BaseComponent
-                        {...others}
-                        dataSource={dataSource}
-                        key="lock-right"
-                        columns={lockRightChildren}
-                        className={`${prefix}table-lock-right`}
-                        lengths={lengths}
-                        prefix={prefix}
-                        lockType="right"
-                        components={components}
-                        ref="lockRight"
-                        loading={false}
-                        aria-hidden
-                    />,
-                ];
-                return (
-                    <BaseComponent
-                        {...others}
-                        dataSource={dataSource}
-                        columns={normalizedChildren}
-                        prefix={prefix}
-                        lengths={lengths}
-                        wrapperContent={content}
-                        components={components}
-                        className={className}
-                    />
-                );
-            }
-            return <BaseComponent {...this.props} />;
-        }
+      if (lockRow && rowHeight !== lockHeight) {
+        dom.setStyle(lockRow, 'height', rowHeight);
+      }
     }
-    statics(LockTable, BaseComponent);
-    return LockTable;
+
+    getWrapperNode(type) {
+      type = type ? type.charAt(0).toUpperCase() + type.substr(1) : '';
+      try {
+        // in case of finding an unmounted component due to cached data
+        // need to clear refs of table when dataSource Changed
+        // use try catch for temporary
+        return findDOMNode(this.refs[`lock${type}`]);
+      } catch (error) {
+        return null;
+      }
+    }
+
+    // remove this in next major version, keep this for temperary incase of using it
+    // getFirstNormalCellNode(index) {
+    //     let i = 0;
+    //     let row;
+    //     do {
+    //         row = this.getCellNode(index, i);
+    //         i++;
+    //     } while (
+    //         (!row || (row && row.rowSpan && row.rowSpan > 1)) &&
+    //         this.tableInc.flatChildren.length > i
+    //     );
+
+    //     return row;
+    // }
+
+    getRowNode(index, type) {
+      type = type ? type.charAt(0).toUpperCase() + type.substr(1) : '';
+      const table = this[`table${type}Inc`];
+
+      try {
+        // in case of finding an unmounted component due to cached data
+        // need to clear refs of table when dataSource Changed
+        // use try catch for temporary
+        return findDOMNode(table.getRowRef(index));
+      } catch (error) {
+        return null;
+      }
+    }
+
+    getHeaderCellNode(index, i, type) {
+      type = type ? type.charAt(0).toUpperCase() + type.substr(1) : '';
+      const table = this[`table${type}Inc`];
+
+      try {
+        // in case of finding an unmounted component due to cached data
+        // need to clear refs of table when dataSource Changed
+        // use try catch for temporary
+        return findDOMNode(table.getHeaderCellRef(index, i));
+      } catch (error) {
+        return null;
+      }
+    }
+
+    getCellNode(index, i, type) {
+      type = type ? type.charAt(0).toUpperCase() + type.substr(1) : '';
+      const table = this[`table${type}Inc`];
+
+      try {
+        // in case of finding an unmounted component due to cached data
+        // need to clear refs of table when dataSource Changed
+        // use try catch for temporary
+        return findDOMNode(table.getCellRef(index, i));
+      } catch (error) {
+        return null;
+      }
+    }
+
+    getFlatenChildrenLength = (children = []) => {
+      const loop = arr => {
+        const newArray = [];
+        arr.forEach(child => {
+          if (child.children) {
+            newArray.push(...loop(child.children));
+          } else {
+            newArray.push(child);
+          }
+        });
+        return newArray;
+      };
+
+      return loop(children).length;
+    };
+
+    render() {
+      /* eslint-disable no-unused-vars, prefer-const */
+      let {
+        children,
+        prefix,
+        components,
+        className,
+        dataSource,
+        ...others
+      } = this.props;
+      let {
+        lockLeftChildren,
+        lockRightChildren,
+        children: normalizedChildren,
+      } = this.normalizeChildrenState(this.props);
+
+      const leftLen = this.getFlatenChildrenLength(lockLeftChildren);
+      const rightLen = this.getFlatenChildrenLength(lockRightChildren);
+      const originLen = this.getFlatenChildrenLength(normalizedChildren);
+
+      const lengths = {
+        left: leftLen,
+        right: rightLen,
+        origin: originLen,
+      };
+      if (this._notNeedAdjustLockLeft) {
+        lockLeftChildren = [];
+      }
+      if (this._notNeedAdjustLockRight) {
+        lockRightChildren = [];
+      }
+      this.lockLeftChildren = lockLeftChildren;
+      this.lockRightChildren = lockRightChildren;
+
+      if (this.isOriginLock()) {
+        components = { ...components };
+        components.Body = components.Body || LockBody;
+        components.Header = components.Header || LockHeader;
+        components.Wrapper = components.Wrapper || LockWrapper;
+        components.Row = components.Row || LockRow;
+        className = classnames({
+          [`${prefix}table-lock`]: true,
+          [`${prefix}table-wrap-empty`]: !dataSource.length,
+          [className]: className,
+        });
+        const content = [
+          <BaseComponent
+            {...others}
+            dataSource={dataSource}
+            key="lock-left"
+            columns={lockLeftChildren}
+            className={`${prefix}table-lock-left`}
+            lengths={lengths}
+            prefix={prefix}
+            lockType="left"
+            components={components}
+            ref="lockLeft"
+            loading={false}
+            aria-hidden
+          />,
+          <BaseComponent
+            {...others}
+            dataSource={dataSource}
+            key="lock-right"
+            columns={lockRightChildren}
+            className={`${prefix}table-lock-right`}
+            lengths={lengths}
+            prefix={prefix}
+            lockType="right"
+            components={components}
+            ref="lockRight"
+            loading={false}
+            aria-hidden
+          />,
+        ];
+        return (
+          <BaseComponent
+            {...others}
+            dataSource={dataSource}
+            columns={normalizedChildren}
+            prefix={prefix}
+            lengths={lengths}
+            wrapperContent={content}
+            components={components}
+            className={className}
+          />
+        );
+      }
+      return <BaseComponent {...this.props} />;
+    }
+  }
+  statics(LockTable, BaseComponent);
+  return LockTable;
 }
 
 function deepCopy(arr) {
-    let copy = arr => {
-        return arr.map(item => {
-            const newItem = { ...item };
-            if (item.children) {
-                item.children = copy(item.children);
-            }
-            return newItem;
-        });
-    };
-    return copy(arr);
+  let copy = arr => {
+    return arr.map(item => {
+      const newItem = { ...item };
+      if (item.children) {
+        item.children = copy(item.children);
+      }
+      return newItem;
+    });
+  };
+  return copy(arr);
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/lock/body.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/lock/body.jsx
index f357cd487..37b225f45 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/lock/body.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/lock/body.jsx
@@ -5,33 +5,33 @@ import FixedBody from '../fixed/body';
 
 /* eslint-disable react/prefer-stateless-function */
 export default class LockBody extends React.Component {
-    static propTypes = {
-        ...FixedBody.propTypes,
+  static propTypes = {
+    ...FixedBody.propTypes,
+  };
+
+  static contextTypes = {
+    ...FixedBody.contextTypes,
+    getLockNode: PropTypes.func,
+    onLockBodyScroll: PropTypes.func,
+    lockType: PropTypes.oneOf(['left', 'right']),
+  };
+
+  componentDidMount() {
+    this.context.getLockNode(
+      'body',
+      findDOMNode(this),
+      this.context.lockType,
+    );
+  }
+
+  onBodyScroll = event => {
+    this.context.onLockBodyScroll(event);
+  };
+
+  render() {
+    const event = {
+      onLockScroll: this.onBodyScroll,
     };
-
-    static contextTypes = {
-        ...FixedBody.contextTypes,
-        getLockNode: PropTypes.func,
-        onLockBodyScroll: PropTypes.func,
-        lockType: PropTypes.oneOf(['left', 'right']),
-    };
-
-    componentDidMount() {
-        this.context.getLockNode(
-            'body',
-            findDOMNode(this),
-            this.context.lockType
-        );
-    }
-
-    onBodyScroll = event => {
-        this.context.onLockBodyScroll(event);
-    };
-
-    render() {
-        const event = {
-            onLockScroll: this.onBodyScroll,
-        };
-        return <FixedBody {...this.props} {...event} />;
-    }
+    return <FixedBody {...this.props} {...event} />;
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/lock/header.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/lock/header.jsx
index cceeb2280..02ace0e6a 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/lock/header.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/lock/header.jsx
@@ -3,20 +3,20 @@ import PropTypes from 'prop-types';
 import FixedHeader from '../fixed/header';
 
 export default class LockHeader extends FixedHeader {
-    static propTypes = {
-        ...FixedHeader.propTypes,
-    };
+  static propTypes = {
+    ...FixedHeader.propTypes,
+  };
 
-    static contextTypes = {
-        ...FixedHeader.contextTypes,
-        getLockNode: PropTypes.func,
-        lockType: PropTypes.oneOf(['left', 'right']),
-    };
+  static contextTypes = {
+    ...FixedHeader.contextTypes,
+    getLockNode: PropTypes.func,
+    lockType: PropTypes.oneOf(['left', 'right']),
+  };
 
-    componentDidMount() {
-        const { getNode, getLockNode } = this.context;
-        getNode && getNode('header', findDOMNode(this), this.context.lockType);
-        getLockNode &&
+  componentDidMount() {
+    const { getNode, getLockNode } = this.context;
+    getNode && getNode('header', findDOMNode(this), this.context.lockType);
+    getLockNode &&
             getLockNode('header', findDOMNode(this), this.context.lockType);
-    }
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/lock/row.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/lock/row.jsx
index 76364eead..bf8f8a2d1 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/lock/row.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/lock/row.jsx
@@ -3,41 +3,41 @@ import PropTypes from 'prop-types';
 import Row from '../base/row';
 
 export default class LockRow extends React.Component {
-    static propTypes = {
-        ...Row.propTypes,
-    };
+  static propTypes = {
+    ...Row.propTypes,
+  };
 
-    static contextTypes = {
-        onRowMouseEnter: PropTypes.func,
-        onRowMouseLeave: PropTypes.func,
-    };
+  static contextTypes = {
+    onRowMouseEnter: PropTypes.func,
+    onRowMouseLeave: PropTypes.func,
+  };
 
-    static defaultProps = {
-        ...Row.defaultProps,
-    };
+  static defaultProps = {
+    ...Row.defaultProps,
+  };
 
-    onMouseEnter = (record, index, e) => {
-        const { onRowMouseEnter } = this.context;
-        const { onMouseEnter } = this.props;
-        onRowMouseEnter && onRowMouseEnter(record, index, e);
-        onMouseEnter(record, index, e);
-    };
+  onMouseEnter = (record, index, e) => {
+    const { onRowMouseEnter } = this.context;
+    const { onMouseEnter } = this.props;
+    onRowMouseEnter && onRowMouseEnter(record, index, e);
+    onMouseEnter(record, index, e);
+  };
 
-    onMouseLeave = (record, index, e) => {
-        const { onRowMouseLeave } = this.context;
-        const { onMouseLeave } = this.props;
-        onRowMouseLeave && onRowMouseLeave(record, index, e);
-        onMouseLeave(record, index, e);
-    };
+  onMouseLeave = (record, index, e) => {
+    const { onRowMouseLeave } = this.context;
+    const { onMouseLeave } = this.props;
+    onRowMouseLeave && onRowMouseLeave(record, index, e);
+    onMouseLeave(record, index, e);
+  };
 
-    render() {
-        /* eslint-disable no-unused-vars*/
-        return (
-            <Row
-                {...this.props}
-                onMouseEnter={this.onMouseEnter}
-                onMouseLeave={this.onMouseLeave}
-            />
-        );
-    }
+  render() {
+    /* eslint-disable no-unused-vars */
+    return (
+      <Row
+        {...this.props}
+        onMouseEnter={this.onMouseEnter}
+        onMouseLeave={this.onMouseLeave}
+      />
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/selection.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/selection.jsx
index 22c511ba5..24335b9d3 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/selection.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/selection.jsx
@@ -11,29 +11,30 @@ import { statics } from './util';
 const { makeChain } = func;
 
 const unique = (arr, key = 'this') => {
-    const temp = {},
-        ret = [];
-    arr.forEach(item => {
-        let value;
-        if (key === 'this') {
-            value = item;
-        } else {
-            value = item[key];
-        }
-        if (!temp[value]) {
-            ret.push(item);
-            temp[value] = true;
-        }
-    });
-    return ret;
+  const temp = {};
+  const ret = [];
+  arr.forEach(item => {
+    let value;
+    if (key === 'this') {
+      value = item;
+    } else {
+      value = item[key];
+    }
+    if (!temp[value]) {
+      ret.push(item);
+      temp[value] = true;
+    }
+  });
+  return ret;
 };
 
 export default function selection(BaseComponent) {
-    /** Table */
-    class SelectionTable extends React.Component {
-        static SelectionRow = SelectionRow;
-        static propTypes = {
-            /**
+  /** Table */
+  class SelectionTable extends React.Component {
+    static SelectionRow = SelectionRow;
+
+    static propTypes = {
+      /**
              * 是否启用选择模式
              * @property {Function} getProps `Function(record, index)=>Object` 获取selection的默认属性
              * @property {Function} onChange `Function(selectedRowKeys:Array, records:Array)` 选择改变的时候触发的事件，**注意:** 其中records只会包含当前dataSource的数据，很可能会小于selectedRowKeys的长度。
@@ -44,298 +45,297 @@ export default function selection(BaseComponent) {
              * @property {Function} columnProps `Function()=>Object` 选择列 的props，例如锁列、对齐等，可使用`Table.Column` 的所有参数
              * @property {Function} titleProps `Function()=>Object` 选择列 表头的props，仅在 `multiple` 模式下生效
              */
-            rowSelection: PropTypes.object,
-            primaryKey: PropTypes.string,
-            dataSource: PropTypes.array,
-            entireDataSource: PropTypes.array,
-            ...BaseComponent.propTypes,
-        };
+      rowSelection: PropTypes.object,
+      primaryKey: PropTypes.string,
+      dataSource: PropTypes.array,
+      entireDataSource: PropTypes.array,
+      ...BaseComponent.propTypes,
+    };
 
-        static defaultProps = {
-            ...BaseComponent.defaultProps,
-            locale: zhCN.Table,
-            primaryKey: 'id',
-            prefix: 'next-',
-        };
+    static defaultProps = {
+      ...BaseComponent.defaultProps,
+      locale: zhCN.Table,
+      primaryKey: 'id',
+      prefix: 'next-',
+    };
 
-        static contextTypes = {
-            listHeader: PropTypes.any,
-        };
+    static contextTypes = {
+      listHeader: PropTypes.any,
+    };
 
-        static childContextTypes = {
-            rowSelection: PropTypes.object,
-            selectedRowKeys: PropTypes.array,
-        };
+    static childContextTypes = {
+      rowSelection: PropTypes.object,
+      selectedRowKeys: PropTypes.array,
+    };
 
-        constructor(props, context) {
-            super(props, context);
-            this.state = {
-                selectedRowKeys:
+    constructor(props, context) {
+      super(props, context);
+      this.state = {
+        selectedRowKeys:
                     props.rowSelection &&
                     'selectedRowKeys' in props.rowSelection
-                        ? props.rowSelection.selectedRowKeys || []
-                        : [],
-            };
-        }
+                      ? props.rowSelection.selectedRowKeys || []
+                      : [],
+      };
+    }
 
-        getChildContext() {
-            return {
-                rowSelection: this.props.rowSelection,
-                selectedRowKeys: this.state.selectedRowKeys,
-            };
-        }
+    getChildContext() {
+      return {
+        rowSelection: this.props.rowSelection,
+        selectedRowKeys: this.state.selectedRowKeys,
+      };
+    }
 
-        componentWillReceiveProps(nextProps) {
-            if (
-                nextProps.rowSelection &&
+    componentWillReceiveProps(nextProps) {
+      if (
+        nextProps.rowSelection &&
                 'selectedRowKeys' in nextProps.rowSelection
-            ) {
-                const selectedRowKeys =
+      ) {
+        const selectedRowKeys =
                     nextProps.rowSelection.selectedRowKeys || [];
-                this.setState({
-                    selectedRowKeys,
-                });
-            }
-        }
+        this.setState({
+          selectedRowKeys,
+        });
+      }
+    }
 
-        normalizeChildren(children) {
-            const { prefix, rowSelection, size } = this.props;
-            if (rowSelection) {
-                children = Children.map(children, (child, index) =>
-                    React.cloneElement(child, {
-                        key: index,
-                    })
-                );
+    normalizeChildren(children) {
+      const { prefix, rowSelection, size } = this.props;
+      if (rowSelection) {
+        children = Children.map(children, (child, index) => React.cloneElement(child, {
+          key: index,
+        }));
 
-                const attrs =
+        const attrs =
                     (rowSelection.columnProps && rowSelection.columnProps()) ||
                     {};
 
-                children.unshift(
-                    <Col
-                        key="selection"
-                        title={this.renderSelectionHeader.bind(this)}
-                        cell={this.renderSelectionBody.bind(this)}
-                        width={size === 'small' ? 34 : 50}
-                        className={`${prefix}table-selection ${prefix}table-prerow`}
-                        __normalized
-                        {...attrs}
-                    />
-                );
-                return children;
-            }
-            return children;
-        }
+        children.unshift(
+          <Col
+            key="selection"
+            title={this.renderSelectionHeader.bind(this)}
+            cell={this.renderSelectionBody.bind(this)}
+            width={size === 'small' ? 34 : 50}
+            className={`${prefix}table-selection ${prefix}table-prerow`}
+            __normalized
+            {...attrs}
+          />,
+        );
+        return children;
+      }
+      return children;
+    }
 
-        renderSelectionHeader = () => {
-            const onChange = this.selectAllRow,
-                attrs = {},
-                {
-                    rowSelection,
-                    primaryKey,
-                    dataSource,
-                    entireDataSource,
-                    locale,
-                } = this.props,
-                { selectedRowKeys } = this.state,
-                mode = rowSelection.mode ? rowSelection.mode : 'multiple';
+    renderSelectionHeader = () => {
+      const onChange = this.selectAllRow;
+      const attrs = {};
+      const {
+        rowSelection,
+        primaryKey,
+        dataSource,
+        entireDataSource,
+        locale,
+      } = this.props;
+      const { selectedRowKeys } = this.state;
+      const mode = rowSelection.mode ? rowSelection.mode : 'multiple';
 
-            let checked = !!selectedRowKeys.length;
-            let indeterminate = false;
+      let checked = !!selectedRowKeys.length;
+      let indeterminate = false;
 
-            const source = entireDataSource || dataSource;
+      const source = entireDataSource || dataSource;
 
-            this.flatDataSource(source)
-                .filter((record, index) => {
-                    if (!rowSelection.getProps) {
-                        return true;
-                    } else {
-                        return !(rowSelection.getProps(record, index) || {})
-                            .disabled;
-                    }
-                })
-                .map(record => record[primaryKey])
-                .forEach(id => {
-                    if (selectedRowKeys.indexOf(id) === -1) {
-                        checked = false;
-                    } else {
-                        indeterminate = true;
-                    }
-                });
-            attrs.onClick = makeChain(e => {
-                e.stopPropagation();
-            }, attrs.onClick);
+      this.flatDataSource(source)
+        .filter((record, index) => {
+          if (!rowSelection.getProps) {
+            return true;
+          } else {
+            return !(rowSelection.getProps(record, index) || {})
+              .disabled;
+          }
+        })
+        .map(record => record[primaryKey])
+        .forEach(id => {
+          if (selectedRowKeys.indexOf(id) === -1) {
+            checked = false;
+          } else {
+            indeterminate = true;
+          }
+        });
+      attrs.onClick = makeChain(e => {
+        e.stopPropagation();
+      }, attrs.onClick);
 
-            const userAttrs =
+      const userAttrs =
                 (rowSelection.titleProps && rowSelection.titleProps()) || {};
 
-            if (checked) {
-                indeterminate = false;
-            }
-            return [
-                mode === 'multiple' ? (
-                    <Checkbox
-                        key="_total"
-                        indeterminate={indeterminate}
-                        aria-label={locale.selectAll}
-                        checked={checked}
-                        onChange={onChange}
-                        {...attrs}
-                        {...userAttrs}
-                    />
-                ) : null,
-                rowSelection.titleAddons && rowSelection.titleAddons(),
-            ];
-        };
+      if (checked) {
+        indeterminate = false;
+      }
+      return [
+        mode === 'multiple' ? (
+          <Checkbox
+            key="_total"
+            indeterminate={indeterminate}
+            aria-label={locale.selectAll}
+            checked={checked}
+            onChange={onChange}
+            {...attrs}
+            {...userAttrs}
+          />
+        ) : null,
+        rowSelection.titleAddons && rowSelection.titleAddons(),
+      ];
+    };
 
-        renderSelectionBody = (value, index, record) => {
-            const { rowSelection, primaryKey } = this.props;
-            const { selectedRowKeys } = this.state;
-            const mode = rowSelection.mode ? rowSelection.mode : 'multiple';
-            const checked = selectedRowKeys.indexOf(record[primaryKey]) > -1;
-            const onChange = this.selectOneRow.bind(this, index, record);
-            const attrs = rowSelection.getProps
-                ? rowSelection.getProps(record, index) || {}
-                : {};
+    renderSelectionBody = (value, index, record) => {
+      const { rowSelection, primaryKey } = this.props;
+      const { selectedRowKeys } = this.state;
+      const mode = rowSelection.mode ? rowSelection.mode : 'multiple';
+      const checked = selectedRowKeys.indexOf(record[primaryKey]) > -1;
+      const onChange = this.selectOneRow.bind(this, index, record);
+      const attrs = rowSelection.getProps
+        ? rowSelection.getProps(record, index) || {}
+        : {};
 
-            attrs.onClick = makeChain(e => {
-                e.stopPropagation();
-            }, attrs.onClick);
-            return mode === 'multiple' ? (
-                <Checkbox checked={checked} onChange={onChange} {...attrs} />
-            ) : (
-                <Radio checked={checked} onChange={onChange} {...attrs} />
-            );
-        };
+      attrs.onClick = makeChain(e => {
+        e.stopPropagation();
+      }, attrs.onClick);
+      return mode === 'multiple' ? (
+        <Checkbox checked={checked} onChange={onChange} {...attrs} />
+      ) : (
+        <Radio checked={checked} onChange={onChange} {...attrs} />
+      );
+    };
 
-        selectAllRow = (checked, e) => {
-            const ret = [...this.state.selectedRowKeys],
-                {
-                    rowSelection,
-                    primaryKey,
-                    dataSource,
-                    entireDataSource,
-                } = this.props,
-                { selectedRowKeys } = this.state,
-                getProps = rowSelection.getProps;
-            let attrs = {},
-                records = [];
+    selectAllRow = (checked, e) => {
+      const ret = [...this.state.selectedRowKeys];
+      const {
+        rowSelection,
+        primaryKey,
+        dataSource,
+        entireDataSource,
+      } = this.props;
+      const { selectedRowKeys } = this.state;
+      const { getProps } = rowSelection;
+      let attrs = {};
+      let records = [];
 
-            const source = entireDataSource ? entireDataSource : dataSource;
+      const source = entireDataSource || dataSource;
 
-            this.flatDataSource(source).forEach((record, index) => {
-                const id = record[primaryKey];
-                if (getProps) {
-                    attrs = getProps(record, index) || {};
-                }
-                // 反选和全选的时候不要丢弃禁用项的选中状态
-                if (
-                    checked &&
+      this.flatDataSource(source).forEach((record, index) => {
+        const id = record[primaryKey];
+        if (getProps) {
+          attrs = getProps(record, index) || {};
+        }
+        // 反选和全选的时候不要丢弃禁用项的选中状态
+        if (
+          checked &&
                     (!attrs.disabled || selectedRowKeys.indexOf(id) > -1)
-                ) {
-                    ret.push(id);
-                    records.push(record);
-                } else if (attrs.disabled && selectedRowKeys.indexOf(id) > -1) {
-                    ret.push(id);
-                    records.push(record);
-                } else {
-                    const i = ret.indexOf(id);
-                    i > -1 && ret.splice(i, 1);
-                }
-            });
-
-            records = unique(records, primaryKey);
-            if (typeof rowSelection.onSelectAll === 'function') {
-                rowSelection.onSelectAll(checked, records);
-            }
-            this.triggerSelection(rowSelection, unique(ret), records);
-            e.stopPropagation();
-        };
-
-        selectOneRow(index, record, checked, e) {
-            let selectedRowKeys = [...this.state.selectedRowKeys],
-                i;
-            const { primaryKey, rowSelection, dataSource } = this.props,
-                mode = rowSelection.mode ? rowSelection.mode : 'multiple',
-                id = record[primaryKey];
-            if (!id) {
-                log.warning(
-                    `Can't get value from record using given ${primaryKey} as primaryKey.`
-                );
-            }
-            if (mode === 'multiple') {
-                if (checked) {
-                    selectedRowKeys.push(id);
-                } else {
-                    i = selectedRowKeys.indexOf(id);
-                    selectedRowKeys.splice(i, 1);
-                }
-            } else if (checked) {
-                selectedRowKeys = [id];
-            }
-            const records = unique(
-                dataSource.filter(
-                    item => selectedRowKeys.indexOf(item[primaryKey]) > -1
-                ),
-                primaryKey
-            );
-            if (typeof rowSelection.onSelect === 'function') {
-                rowSelection.onSelect(checked, record, records);
-            }
-
-            this.triggerSelection(rowSelection, selectedRowKeys, records);
-
-            e.stopPropagation();
+        ) {
+          ret.push(id);
+          records.push(record);
+        } else if (attrs.disabled && selectedRowKeys.indexOf(id) > -1) {
+          ret.push(id);
+          records.push(record);
+        } else {
+          const i = ret.indexOf(id);
+          i > -1 && ret.splice(i, 1);
         }
-        triggerSelection(rowSelection, selectedRowKeys, records) {
-            if (!('selectedRowKeys' in rowSelection)) {
-                this.setState({
-                    selectedRowKeys,
-                });
-            }
-            if (typeof rowSelection.onChange === 'function') {
-                rowSelection.onChange(selectedRowKeys, records);
-            }
+      });
+
+      records = unique(records, primaryKey);
+      if (typeof rowSelection.onSelectAll === 'function') {
+        rowSelection.onSelectAll(checked, records);
+      }
+      this.triggerSelection(rowSelection, unique(ret), records);
+      e.stopPropagation();
+    };
+
+    selectOneRow(index, record, checked, e) {
+      let selectedRowKeys = [...this.state.selectedRowKeys];
+      let i;
+      const { primaryKey, rowSelection, dataSource } = this.props;
+      const mode = rowSelection.mode ? rowSelection.mode : 'multiple';
+      const id = record[primaryKey];
+      if (!id) {
+        log.warning(
+          `Can't get value from record using given ${primaryKey} as primaryKey.`,
+        );
+      }
+      if (mode === 'multiple') {
+        if (checked) {
+          selectedRowKeys.push(id);
+        } else {
+          i = selectedRowKeys.indexOf(id);
+          selectedRowKeys.splice(i, 1);
         }
+      } else if (checked) {
+        selectedRowKeys = [id];
+      }
+      const records = unique(
+        dataSource.filter(
+          item => selectedRowKeys.indexOf(item[primaryKey]) > -1,
+        ),
+        primaryKey,
+      );
+      if (typeof rowSelection.onSelect === 'function') {
+        rowSelection.onSelect(checked, record, records);
+      }
 
-        flatDataSource(dataSource) {
-            let ret = dataSource;
-            const { listHeader } = this.context;
+      this.triggerSelection(rowSelection, selectedRowKeys, records);
 
-            if (listHeader) {
-                ret = [];
-                const { hasChildrenSelection, hasSelection } = listHeader;
-                dataSource.forEach(item => {
-                    const children = item.children;
-                    // 如果需要渲染selection才将这条记录插入到dataSource
-                    // 或者没有孩子节点
-                    if (hasSelection) {
-                        ret.push(item);
-                    }
-                    if (children && hasChildrenSelection) {
-                        ret = ret.concat(children);
-                    }
-                });
-            }
-            return ret;
-        }
-
-        render() {
-            /* eslint-disable prefer-const */
-            let { rowSelection, components, children, ...others } = this.props;
-
-            if (rowSelection) {
-                children = this.normalizeChildren(children);
-                components = { ...components };
-                components.Row = components.Row || SelectionRow;
-            }
-            return (
-                <BaseComponent {...others} components={components}>
-                    {children}
-                </BaseComponent>
-            );
-        }
+      e.stopPropagation();
     }
-    statics(SelectionTable, BaseComponent);
-    return SelectionTable;
+
+    triggerSelection(rowSelection, selectedRowKeys, records) {
+      if (!('selectedRowKeys' in rowSelection)) {
+        this.setState({
+          selectedRowKeys,
+        });
+      }
+      if (typeof rowSelection.onChange === 'function') {
+        rowSelection.onChange(selectedRowKeys, records);
+      }
+    }
+
+    flatDataSource(dataSource) {
+      let ret = dataSource;
+      const { listHeader } = this.context;
+
+      if (listHeader) {
+        ret = [];
+        const { hasChildrenSelection, hasSelection } = listHeader;
+        dataSource.forEach(item => {
+          const { children } = item;
+          // 如果需要渲染selection才将这条记录插入到dataSource
+          // 或者没有孩子节点
+          if (hasSelection) {
+            ret.push(item);
+          }
+          if (children && hasChildrenSelection) {
+            ret = ret.concat(children);
+          }
+        });
+      }
+      return ret;
+    }
+
+    render() {
+      /* eslint-disable prefer-const */
+      let { rowSelection, components, children, ...others } = this.props;
+
+      if (rowSelection) {
+        children = this.normalizeChildren(children);
+        components = { ...components };
+        components.Row = components.Row || SelectionRow;
+      }
+      return (
+        <BaseComponent {...others} components={components}>
+          {children}
+        </BaseComponent>
+      );
+    }
+  }
+  statics(SelectionTable, BaseComponent);
+  return SelectionTable;
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/selection/row.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/selection/row.jsx
index d75223ce7..9853171de 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/selection/row.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/selection/row.jsx
@@ -5,26 +5,26 @@ import Row from '../expanded/row';
 
 /* eslint-disable react/prefer-stateless-function */
 export default class SelectionRow extends React.Component {
-    static propTypes = {
-        ...Row.propTypes,
-    };
+  static propTypes = {
+    ...Row.propTypes,
+  };
 
-    static defaultProps = {
-        ...Row.defaultProps,
-    };
+  static defaultProps = {
+    ...Row.defaultProps,
+  };
 
-    static contextTypes = {
-        selectedRowKeys: PropTypes.array,
-    };
+  static contextTypes = {
+    selectedRowKeys: PropTypes.array,
+  };
 
-    render() {
-        /* eslint-disable no-unused-vars*/
-        const { className, record, primaryKey } = this.props;
-        const { selectedRowKeys } = this.context;
-        const cls = classnames({
-            selected: selectedRowKeys.indexOf(record[primaryKey]) > -1,
-            [className]: className,
-        });
-        return <Row {...this.props} className={cls} />;
-    }
+  render() {
+    /* eslint-disable no-unused-vars */
+    const { className, record, primaryKey } = this.props;
+    const { selectedRowKeys } = this.context;
+    const cls = classnames({
+      selected: selectedRowKeys.indexOf(record[primaryKey]) > -1,
+      [className]: className,
+    });
+    return <Row {...this.props} className={cls} />;
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/sticky.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/sticky.jsx
index 7f7e0ce9c..bb2fe1f52 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/sticky.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/sticky.jsx
@@ -5,70 +5,71 @@ import StickyHeader from './sticky/header';
 import { statics } from './util';
 
 export default function sticky(BaseComponent) {
-    /** Table */
-    class StickyTable extends React.Component {
-        static StickyHeader = StickyHeader;
-        static propTypes = {
-            /**
+  /** Table */
+  class StickyTable extends React.Component {
+    static StickyHeader = StickyHeader;
+
+    static propTypes = {
+      /**
              * 表头是否是sticky
              */
-            stickyHeader: PropTypes.bool,
-            /**
+      stickyHeader: PropTypes.bool,
+      /**
              * 距离窗口顶部达到指定偏移量后触发
              */
-            offsetTop: PropTypes.number,
-            /**
+      offsetTop: PropTypes.number,
+      /**
              * affix组件的的属性
              */
-            affixProps: PropTypes.object,
-            components: PropTypes.object,
-            ...BaseComponent.propTypes,
-        };
+      affixProps: PropTypes.object,
+      components: PropTypes.object,
+      ...BaseComponent.propTypes,
+    };
 
-        static defaultProps = {
-            components: {},
-            ...BaseComponent.defaultProps,
-        };
+    static defaultProps = {
+      components: {},
+      ...BaseComponent.defaultProps,
+    };
 
-        static childContextTypes = {
-            Header: PropTypes.any,
-            offsetTop: PropTypes.number,
-            affixProps: PropTypes.object,
-        };
+    static childContextTypes = {
+      Header: PropTypes.any,
+      offsetTop: PropTypes.number,
+      affixProps: PropTypes.object,
+    };
 
-        getChildContext() {
-            return {
-                Header: this.props.components.Header || Header,
-                offsetTop: this.props.offsetTop,
-                affixProps: this.props.affixProps,
-            };
-        }
-
-        render() {
-            /* eslint-disable no-unused-vars */
-            const {
-                stickyHeader,
-                offsetTop,
-                affixProps,
-                ...others
-            } = this.props;
-            let { components, maxBodyHeight, fixedHeader } = this.props;
-            if (stickyHeader) {
-                components = { ...components };
-                components.Header = StickyHeader;
-                fixedHeader = true;
-                maxBodyHeight = Math.max(maxBodyHeight, 10000);
-            }
-            return (
-                <BaseComponent
-                    {...others}
-                    components={components}
-                    fixedHeader={fixedHeader}
-                    maxBodyHeight={maxBodyHeight}
-                />
-            );
-        }
+    getChildContext() {
+      return {
+        Header: this.props.components.Header || Header,
+        offsetTop: this.props.offsetTop,
+        affixProps: this.props.affixProps,
+      };
     }
-    statics(StickyTable, BaseComponent);
-    return StickyTable;
+
+    render() {
+      /* eslint-disable no-unused-vars */
+      const {
+        stickyHeader,
+        offsetTop,
+        affixProps,
+        ...others
+      } = this.props;
+      let { components, maxBodyHeight, fixedHeader } = this.props;
+      if (stickyHeader) {
+        components = { ...components };
+        components.Header = StickyHeader;
+        fixedHeader = true;
+        maxBodyHeight = Math.max(maxBodyHeight, 10000);
+      }
+      return (
+        <BaseComponent
+          {...others}
+          components={components}
+          fixedHeader={fixedHeader}
+          maxBodyHeight={maxBodyHeight}
+        />
+      );
+    }
+  }
+  statics(StickyTable, BaseComponent);
+  return StickyTable;
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/sticky/header.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/sticky/header.jsx
index 9bf92d7e1..7fa3a8979 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/sticky/header.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/sticky/header.jsx
@@ -3,41 +3,42 @@ import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import Affix from '../../affix';
 
-/* eslint-disable react/prefer-stateless-function*/
+/* eslint-disable react/prefer-stateless-function */
 export default class StickHeader extends React.Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-    };
-    static contextTypes = {
-        Header: PropTypes.any,
-        offsetTop: PropTypes.number,
-        affixProps: PropTypes.object,
-    };
+  static propTypes = {
+    prefix: PropTypes.string,
+  };
 
-    getAffixRef = ref => {
-        this.props.affixRef && this.props.affixRef(ref);
-    };
+  static contextTypes = {
+    Header: PropTypes.any,
+    offsetTop: PropTypes.number,
+    affixProps: PropTypes.object,
+  };
 
-    render() {
-        const { prefix } = this.props;
-        const { Header, offsetTop, affixProps } = this.context;
+  getAffixRef = ref => {
+    this.props.affixRef && this.props.affixRef(ref);
+  };
 
-        const newAffixProps = affixProps || {};
-        const { className, ...others } = newAffixProps;
-        const cls = classnames({
-            [`${prefix}table-affix`]: true,
-            className,
-        });
+  render() {
+    const { prefix } = this.props;
+    const { Header, offsetTop, affixProps } = this.context;
 
-        return (
-            <Affix
-                ref={this.getAffixRef}
-                {...others}
-                className={cls}
-                offsetTop={offsetTop}
-            >
-                <Header {...this.props} />
-            </Affix>
-        );
-    }
+    const newAffixProps = affixProps || {};
+    const { className, ...others } = newAffixProps;
+    const cls = classnames({
+      [`${prefix}table-affix`]: true,
+      className,
+    });
+
+    return (
+      <Affix
+        ref={this.getAffixRef}
+        {...others}
+        className={cls}
+        offsetTop={offsetTop}
+      >
+        <Header {...this.props} />
+      </Affix>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/tree.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/tree.jsx
index 1a3fe7e4f..f817a0eb5 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/tree.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/tree.jsx
@@ -7,192 +7,194 @@ import { statics } from './util';
 const noop = () => {};
 
 export default function tree(BaseComponent) {
-    class TreeTable extends React.Component {
-        static TreeRow = RowComponent;
-        static TreeCell = CellComponent;
-        static propTypes = {
-            /**
+  class TreeTable extends React.Component {
+    static TreeRow = RowComponent;
+
+    static TreeCell = CellComponent;
+
+    static propTypes = {
+      /**
              * 默认情况下展开的树形表格，传入了此属性代表tree的展开为受控操作
              */
-            openRowKeys: PropTypes.array,
-            /**
+      openRowKeys: PropTypes.array,
+      /**
              * 点击tree展开或者关闭的时候触发的事件
              * @param {Array} openRowKeys tree模式下展开的key
              * @param {String} currentRowKey 当前点击行的key
              * @param {Boolean} opened 当前点击是展开还是收起
              * @param {Object} currentRecord 当前点击行的记录
              */
-            onRowOpen: PropTypes.func,
-            /**
+      onRowOpen: PropTypes.func,
+      /**
              * dataSource当中数据的主键，如果给定的数据源中的属性不包含该主键，会造成选择状态全部选中
              */
-            primaryKey: PropTypes.string,
-            /**
+      primaryKey: PropTypes.string,
+      /**
              * 在tree模式下的缩进尺寸， 仅在isTree为true时候有效
              */
-            indent: PropTypes.number,
-            /**
+      indent: PropTypes.number,
+      /**
              * 开启Table的tree模式, 接收的数据格式中包含children则渲染成tree table
              */
-            isTree: PropTypes.bool,
-            locale: PropTypes.object,
-            ...BaseComponent.propTypes,
-        };
+      isTree: PropTypes.bool,
+      locale: PropTypes.object,
+      ...BaseComponent.propTypes,
+    };
 
-        static defaultProps = {
-            ...BaseComponent.defaultProps,
-            primaryKey: 'id',
-            onRowOpen: noop,
-            components: {},
-            indent: 12,
-        };
+    static defaultProps = {
+      ...BaseComponent.defaultProps,
+      primaryKey: 'id',
+      onRowOpen: noop,
+      components: {},
+      indent: 12,
+    };
 
-        static childContextTypes = {
-            openTreeRowKeys: PropTypes.array,
-            indent: PropTypes.number,
-            treeStatus: PropTypes.array,
-            onTreeNodeClick: PropTypes.func,
-            isTree: PropTypes.bool,
-        };
+    static childContextTypes = {
+      openTreeRowKeys: PropTypes.array,
+      indent: PropTypes.number,
+      treeStatus: PropTypes.array,
+      onTreeNodeClick: PropTypes.func,
+      isTree: PropTypes.bool,
+    };
 
-        constructor(props, context) {
-            super(props, context);
-            this.state = {
-                openRowKeys: props.openRowKeys || [],
-            };
-        }
-
-        getChildContext() {
-            return {
-                openTreeRowKeys: this.state.openRowKeys,
-                indent: this.props.indent,
-                treeStatus: this.getTreeNodeStatus(this.ds),
-                onTreeNodeClick: this.onTreeNodeClick,
-                isTree: this.props.isTree,
-            };
-        }
-
-        componentWillReceiveProps(nextProps) {
-            if ('openRowKeys' in nextProps) {
-                const { openRowKeys } = nextProps;
-                this.setState({
-                    openRowKeys,
-                });
-            }
-        }
-
-        normalizeDataSource(dataSource) {
-            const ret = [],
-                loop = function(dataSource, level) {
-                    dataSource.forEach(item => {
-                        item.__level = level;
-                        ret.push(item);
-                        if (item.children) {
-                            loop(item.children, level + 1);
-                        }
-                    });
-                };
-            loop(dataSource, 0);
-            this.ds = ret;
-            return ret;
-        }
-
-        getTreeNodeStatus(dataSource = []) {
-            const { openRowKeys } = this.state,
-                { primaryKey } = this.props,
-                ret = [];
-
-            openRowKeys.forEach(openKey => {
-                dataSource.forEach(item => {
-                    if (item[primaryKey] === openKey) {
-                        if (item.children) {
-                            item.children.forEach(child => {
-                                ret.push(child[primaryKey]);
-                            });
-                        }
-                    }
-                });
-            });
-            return ret;
-        }
-
-        onTreeNodeClick = record => {
-            const { primaryKey } = this.props,
-                id = record[primaryKey],
-                dataSource = this.ds,
-                openRowKeys = [...this.state.openRowKeys],
-                index = openRowKeys.indexOf(id),
-                getChildrenKeyById = function(id) {
-                    const ret = [id];
-                    const loop = data => {
-                        data.forEach(item => {
-                            ret.push(item[primaryKey]);
-                            if (item.children) {
-                                loop(item.children);
-                            }
-                        });
-                    };
-                    dataSource.forEach(item => {
-                        if (item[primaryKey] === id) {
-                            if (item.children) {
-                                loop(item.children);
-                            }
-                        }
-                    });
-                    return ret;
-                };
-
-            if (index > -1) {
-                // 不仅要删除当前的openRowKey，还需要删除关联子节点的openRowKey
-                const ids = getChildrenKeyById(id);
-                ids.forEach(id => {
-                    const i = openRowKeys.indexOf(id);
-                    if (i > -1) {
-                        openRowKeys.splice(i, 1);
-                    }
-                });
-            } else {
-                openRowKeys.push(id);
-            }
-
-            if (!('openRowKeys' in this.props)) {
-                this.setState({
-                    openRowKeys,
-                });
-            }
-            this.props.onRowOpen(openRowKeys, id, index === -1, record);
-        };
-
-        render() {
-            /* eslint-disable no-unused-vars, prefer-const */
-            let {
-                components,
-                isTree,
-                dataSource,
-                indent,
-                ...others
-            } = this.props;
-
-            if (isTree) {
-                components = { ...components };
-                if (!components.Row) {
-                    components.Row = RowComponent;
-                }
-                if (!components.Cell) {
-                    components.Cell = CellComponent;
-                }
-
-                dataSource = this.normalizeDataSource(dataSource);
-            }
-            return (
-                <BaseComponent
-                    {...others}
-                    dataSource={dataSource}
-                    components={components}
-                />
-            );
-        }
+    constructor(props, context) {
+      super(props, context);
+      this.state = {
+        openRowKeys: props.openRowKeys || [],
+      };
     }
-    statics(TreeTable, BaseComponent);
-    return TreeTable;
+
+    getChildContext() {
+      return {
+        openTreeRowKeys: this.state.openRowKeys,
+        indent: this.props.indent,
+        treeStatus: this.getTreeNodeStatus(this.ds),
+        onTreeNodeClick: this.onTreeNodeClick,
+        isTree: this.props.isTree,
+      };
+    }
+
+    componentWillReceiveProps(nextProps) {
+      if ('openRowKeys' in nextProps) {
+        const { openRowKeys } = nextProps;
+        this.setState({
+          openRowKeys,
+        });
+      }
+    }
+
+    normalizeDataSource(dataSource) {
+      const ret = [];
+      const loop = function (dataSource, level) {
+        dataSource.forEach(item => {
+          item.__level = level;
+          ret.push(item);
+          if (item.children) {
+            loop(item.children, level + 1);
+          }
+        });
+      };
+      loop(dataSource, 0);
+      this.ds = ret;
+      return ret;
+    }
+
+    getTreeNodeStatus(dataSource = []) {
+      const { openRowKeys } = this.state;
+      const { primaryKey } = this.props;
+      const ret = [];
+
+      openRowKeys.forEach(openKey => {
+        dataSource.forEach(item => {
+          if (item[primaryKey] === openKey) {
+            if (item.children) {
+              item.children.forEach(child => {
+                ret.push(child[primaryKey]);
+              });
+            }
+          }
+        });
+      });
+      return ret;
+    }
+
+    onTreeNodeClick = record => {
+      const { primaryKey } = this.props;
+      const id = record[primaryKey];
+      const dataSource = this.ds;
+      const openRowKeys = [...this.state.openRowKeys];
+      const index = openRowKeys.indexOf(id);
+      const getChildrenKeyById = function (id) {
+        const ret = [id];
+        const loop = data => {
+          data.forEach(item => {
+            ret.push(item[primaryKey]);
+            if (item.children) {
+              loop(item.children);
+            }
+          });
+        };
+        dataSource.forEach(item => {
+          if (item[primaryKey] === id) {
+            if (item.children) {
+              loop(item.children);
+            }
+          }
+        });
+        return ret;
+      };
+
+      if (index > -1) {
+        // 不仅要删除当前的openRowKey，还需要删除关联子节点的openRowKey
+        const ids = getChildrenKeyById(id);
+        ids.forEach(id => {
+          const i = openRowKeys.indexOf(id);
+          if (i > -1) {
+            openRowKeys.splice(i, 1);
+          }
+        });
+      } else {
+        openRowKeys.push(id);
+      }
+
+      if (!('openRowKeys' in this.props)) {
+        this.setState({
+          openRowKeys,
+        });
+      }
+      this.props.onRowOpen(openRowKeys, id, index === -1, record);
+    };
+
+    render() {
+      /* eslint-disable no-unused-vars, prefer-const */
+      let {
+        components,
+        isTree,
+        dataSource,
+        indent,
+        ...others
+      } = this.props;
+
+      if (isTree) {
+        components = { ...components };
+        if (!components.Row) {
+          components.Row = RowComponent;
+        }
+        if (!components.Cell) {
+          components.Cell = CellComponent;
+        }
+
+        dataSource = this.normalizeDataSource(dataSource);
+      }
+      return (
+        <BaseComponent
+          {...others}
+          dataSource={dataSource}
+          components={components}
+        />
+      );
+    }
+  }
+  statics(TreeTable, BaseComponent);
+  return TreeTable;
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/tree/cell.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/tree/cell.jsx
index 1a57ca21c..476a0c3bf 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/tree/cell.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/tree/cell.jsx
@@ -5,106 +5,107 @@ import { KEYCODE } from '../../util';
 import CellComponent from '../base/cell';
 
 export default class TreeCell extends React.Component {
-    static propTypes = {
-        indent: PropTypes.number,
-        locale: PropTypes.object,
-        ...CellComponent.propTypes,
-    };
+  static propTypes = {
+    indent: PropTypes.number,
+    locale: PropTypes.object,
+    ...CellComponent.propTypes,
+  };
 
-    static defaultProps = {
-        ...CellComponent.defaultProps,
-        component: 'td',
-        indent: 20,
-    };
+  static defaultProps = {
+    ...CellComponent.defaultProps,
+    component: 'td',
+    indent: 20,
+  };
 
-    static contextTypes = {
-        openTreeRowKeys: PropTypes.array,
-        indent: PropTypes.number,
-        onTreeNodeClick: PropTypes.func,
-        isTree: PropTypes.bool,
-        rowSelection: PropTypes.object,
-    };
+  static contextTypes = {
+    openTreeRowKeys: PropTypes.array,
+    indent: PropTypes.number,
+    onTreeNodeClick: PropTypes.func,
+    isTree: PropTypes.bool,
+    rowSelection: PropTypes.object,
+  };
 
-    onTreeNodeClick = (record, e) => {
-        e.stopPropagation();
-        this.context.onTreeNodeClick(record);
-    };
+  onTreeNodeClick = (record, e) => {
+    e.stopPropagation();
+    this.context.onTreeNodeClick(record);
+  };
 
-    expandedKeydown = (record, e) => {
-        e.preventDefault();
-        e.stopPropagation();
+  expandedKeydown = (record, e) => {
+    e.preventDefault();
+    e.stopPropagation();
 
-        if (e.keyCode === KEYCODE.ENTER) {
-            this.onTreeNodeClick(record, e);
-        }
-    };
+    if (e.keyCode === KEYCODE.ENTER) {
+      this.onTreeNodeClick(record, e);
+    }
+  };
 
-    render() {
-        const {
-            colIndex,
-            record,
-            prefix,
-            primaryKey,
-            locale,
-            rtl,
-            children,
-        } = this.props;
-        const {
-            openTreeRowKeys: openRowKeys,
-            indent,
-            isTree,
-            rowSelection,
-        } = this.context;
-        const treeArrowNodeIndex = rowSelection ? 1 : 0;
-        let firstCellStyle, treeArrowNode;
-        if (colIndex === treeArrowNodeIndex) {
-            let treeArrowType;
-            if (isTree) {
-                const paddingType = rtl ? 'paddingRight' : 'paddingLeft';
-                firstCellStyle = {
-                    [paddingType]: indent * (record.__level + 1),
-                };
-                treeArrowNode = (
-                    <Icon
-                        size="xs"
-                        rtl={rtl}
-                        className={`${prefix}table-tree-placeholder`}
-                    />
-                );
-                if (record.children && record.children.length) {
-                    const hasExpanded =
+  render() {
+    const {
+      colIndex,
+      record,
+      prefix,
+      primaryKey,
+      locale,
+      rtl,
+      children,
+    } = this.props;
+    const {
+      openTreeRowKeys: openRowKeys,
+      indent,
+      isTree,
+      rowSelection,
+    } = this.context;
+    const treeArrowNodeIndex = rowSelection ? 1 : 0;
+    let firstCellStyle; let
+      treeArrowNode;
+    if (colIndex === treeArrowNodeIndex) {
+      let treeArrowType;
+      if (isTree) {
+        const paddingType = rtl ? 'paddingRight' : 'paddingLeft';
+        firstCellStyle = {
+          [paddingType]: indent * (record.__level + 1),
+        };
+        treeArrowNode = (
+          <Icon
+            size="xs"
+            rtl={rtl}
+            className={`${prefix}table-tree-placeholder`}
+          />
+        );
+        if (record.children && record.children.length) {
+          const hasExpanded =
                         openRowKeys.indexOf(record[primaryKey]) > -1;
 
-                    treeArrowType = hasExpanded ? 'arrow-down' : 'arrow-right';
+          treeArrowType = hasExpanded ? 'arrow-down' : 'arrow-right';
 
-                    treeArrowNode = (
-                        <Icon
-                            className={`${prefix}table-tree-arrow`}
-                            type={treeArrowType}
-                            size="xs"
-                            rtl={rtl}
-                            onClick={e => this.onTreeNodeClick(record, e)}
-                            onKeyDown={e => this.expandedKeydown(record, e)}
-                            role="button"
-                            tabIndex="0"
-                            aria-expanded={hasExpanded}
-                            aria-label={
+          treeArrowNode = (
+            <Icon
+              className={`${prefix}table-tree-arrow`}
+              type={treeArrowType}
+              size="xs"
+              rtl={rtl}
+              onClick={e => this.onTreeNodeClick(record, e)}
+              onKeyDown={e => this.expandedKeydown(record, e)}
+              role="button"
+              tabIndex="0"
+              aria-expanded={hasExpanded}
+              aria-label={
                                 hasExpanded ? locale.expanded : locale.folded
                             }
-                        />
-                    );
-                }
-            }
+            />
+          );
         }
-        return (
-            <CellComponent
-                {...this.props}
-                innerStyle={firstCellStyle}
-                isIconLeft
-            >
-                {children}
-                {treeArrowNode}
-            </CellComponent>
-        );
+      }
     }
+    return (
+      <CellComponent
+        {...this.props}
+        innerStyle={firstCellStyle}
+        isIconLeft
+      >
+        {children}
+        {treeArrowNode}
+      </CellComponent>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/tree/row.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/tree/row.jsx
index 5a96cfba3..3f05b4803 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/tree/row.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/tree/row.jsx
@@ -5,39 +5,39 @@ import Row from '../selection/row';
 
 /* eslint-disable react/prefer-stateless-function */
 export default class TreeRow extends React.Component {
-    static propTypes = {
-        ...Row.propTypes,
-    };
+  static propTypes = {
+    ...Row.propTypes,
+  };
 
-    static defaultProps = {
-        ...Row.defaultProps,
-    };
+  static defaultProps = {
+    ...Row.defaultProps,
+  };
 
-    static contextTypes = {
-        treeStatus: PropTypes.array,
-        openRowKeys: PropTypes.array,
-    };
+  static contextTypes = {
+    treeStatus: PropTypes.array,
+    openRowKeys: PropTypes.array,
+  };
 
-    render() {
-        /* eslint-disable no-unused-vars*/
-        const { className, record, primaryKey, prefix, ...others } = this.props;
-        const { treeStatus, openRowKeys } = this.context;
-        const cls = classnames({
-            hidden:
+  render() {
+    /* eslint-disable no-unused-vars */
+    const { className, record, primaryKey, prefix, ...others } = this.props;
+    const { treeStatus, openRowKeys } = this.context;
+    const cls = classnames({
+      hidden:
                 !(treeStatus.indexOf(record[primaryKey]) > -1) &&
                 record.__level !== 0,
-            [`${prefix}table-row-level-${record.__level}`]: true,
-            opened: openRowKeys.indexOf(record[primaryKey]) > -1,
-            [className]: className,
-        });
-        return (
-            <Row
-                {...others}
-                record={record}
-                className={cls}
-                primaryKey={primaryKey}
-                prefix={prefix}
-            />
-        );
-    }
+      [`${prefix}table-row-level-${record.__level}`]: true,
+      opened: openRowKeys.indexOf(record[primaryKey]) > -1,
+      [className]: className,
+    });
+    return (
+      <Row
+        {...others}
+        record={record}
+        className={cls}
+        primaryKey={primaryKey}
+        prefix={prefix}
+      />
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/util.js b/packages/material-parser/test/fixtures/fusion-next-component/src/table/util.js
index 8662fa818..ae40b35df 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/util.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/util.js
@@ -1,45 +1,46 @@
 const blackList = [
-    'defaultProps',
-    'propTypes',
-    'contextTypes',
-    'childContextTypes',
-    'displayName',
+  'defaultProps',
+  'propTypes',
+  'contextTypes',
+  'childContextTypes',
+  'displayName',
 ];
 
 export const statics = (Target, Component) => {
-    Object.keys(Component).forEach(property => {
-        if (blackList.indexOf(property) === -1) {
-            Target[property] = Component[property];
-        }
-    });
+  Object.keys(Component).forEach(property => {
+    if (blackList.indexOf(property) === -1) {
+      Target[property] = Component[property];
+    }
+  });
 };
 
 export const fetchDataByPath = (object, path) => {
-    if (!object || !path) {
-        return false;
+  if (!object || !path) {
+    return false;
+  }
+  path = path.toString();
+  const field = path.split('.');
+  let val; let
+    key;
+  if (field.length) {
+    key = field[0];
+    // lists[1].name
+    if (key.indexOf('[') >= 0) {
+      key = key.match(/(.*)\[(.*)\]/);
+      if (key) {
+        val = object[key[1]][key[2]];
+      }
+    } else {
+      val = object[field[0]];
     }
-    path = path.toString();
-    const field = path.split('.');
-    let val, key;
-    if (field.length) {
-        key = field[0];
-        // lists[1].name
-        if (key.indexOf('[') >= 0) {
-            key = key.match(/(.*)\[(.*)\]/);
-            if (key) {
-                val = object[key[1]][key[2]];
-            }
-        } else {
-            val = object[field[0]];
-        }
-        if (val) {
-            for (let colIndex = 1; colIndex < field.length; colIndex++) {
-                val = val[field[colIndex]];
-                if (typeof val === 'undefined') {
-                    break;
-                }
-            }
+    if (val) {
+      for (let colIndex = 1; colIndex < field.length; colIndex++) {
+        val = val[field[colIndex]];
+        if (typeof val === 'undefined') {
+          break;
         }
+      }
     }
-    return val;
+  }
+  return val;
 };
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/virtual.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/virtual.jsx
index 8aeff61aa..16f28be71 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/virtual.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/virtual.jsx
@@ -7,316 +7,317 @@ import { statics } from './util';
 
 const noop = () => {};
 export default function virtual(BaseComponent) {
-    class VirtualTable extends React.Component {
-        static VirtualBody = VirtualBody;
-        static propTypes = {
-            /**
+  class VirtualTable extends React.Component {
+    static VirtualBody = VirtualBody;
+
+    static propTypes = {
+      /**
              * 是否开启虚拟滚动
              */
-            useVirtual: PropTypes.bool,
-            /**
+      useVirtual: PropTypes.bool,
+      /**
              * 设置行高
              */
-            rowHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.func]),
-            maxBodyHeight: PropTypes.oneOfType([
-                PropTypes.number,
-                PropTypes.string,
-            ]),
-            primaryKey: PropTypes.string,
-            dataSource: PropTypes.array,
-            /**
+      rowHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.func]),
+      maxBodyHeight: PropTypes.oneOfType([
+        PropTypes.number,
+        PropTypes.string,
+      ]),
+      primaryKey: PropTypes.string,
+      dataSource: PropTypes.array,
+      /**
              * 在内容区域滚动的时候触发的函数
              */
-            onBodyScroll: PropTypes.func,
-            ...BaseComponent.propTypes,
-        };
+      onBodyScroll: PropTypes.func,
+      ...BaseComponent.propTypes,
+    };
 
-        static defaultProps = {
-            ...BaseComponent.defaultProps,
-            primaryKey: 'id',
-            rowHeight: noop,
-            maxBodyHeight: 200,
-            components: {},
-            prefix: 'next-',
-            onBodyScroll: noop,
-        };
+    static defaultProps = {
+      ...BaseComponent.defaultProps,
+      primaryKey: 'id',
+      rowHeight: noop,
+      maxBodyHeight: 200,
+      components: {},
+      prefix: 'next-',
+      onBodyScroll: noop,
+    };
 
-        static childContextTypes = {
-            onVirtualScroll: PropTypes.func,
-            bodyHeight: PropTypes.number,
-            innerTop: PropTypes.number,
-            getBodyNode: PropTypes.func,
-            getTableInstanceForVirtual: PropTypes.func,
-            rowSelection: PropTypes.object,
-        };
+    static childContextTypes = {
+      onVirtualScroll: PropTypes.func,
+      bodyHeight: PropTypes.number,
+      innerTop: PropTypes.number,
+      getBodyNode: PropTypes.func,
+      getTableInstanceForVirtual: PropTypes.func,
+      rowSelection: PropTypes.object,
+    };
 
-        state = {
-            rowHeight: this.props.rowHeight,
-            scrollToRow: this.props.scrollToRow,
-            height: this.props.maxBodyHeight,
-        };
+    state = {
+      rowHeight: this.props.rowHeight,
+      scrollToRow: this.props.scrollToRow,
+      height: this.props.maxBodyHeight,
+    };
 
-        getChildContext() {
-            return {
-                onVirtualScroll: this.onScroll,
-                bodyHeight: this.computeBodyHeight(),
-                innerTop: this.computeInnerTop(),
-                getBodyNode: this.getBodyNode,
-                getTableInstanceForVirtual: this.getTableInstance,
-                rowSelection: this.rowSelection,
-            };
-        }
+    getChildContext() {
+      return {
+        onVirtualScroll: this.onScroll,
+        bodyHeight: this.computeBodyHeight(),
+        innerTop: this.computeInnerTop(),
+        getBodyNode: this.getBodyNode,
+        getTableInstanceForVirtual: this.getTableInstance,
+        rowSelection: this.rowSelection,
+      };
+    }
 
-        componentWillMount() {
-            const { useVirtual, dataSource } = this.props;
+    componentWillMount() {
+      const { useVirtual, dataSource } = this.props;
 
-            this.hasVirtualData =
+      this.hasVirtualData =
                 useVirtual && dataSource && dataSource.length > 0;
-        }
+    }
 
-        componentDidMount() {
-            if (this.hasVirtualData) {
-                this.lastScrollTop = this.bodyNode.scrollTop;
-            }
+    componentDidMount() {
+      if (this.hasVirtualData) {
+        this.lastScrollTop = this.bodyNode.scrollTop;
+      }
 
-            this.adjustScrollTop();
-            this.adjustSize();
-            this.reComputeSize();
-        }
+      this.adjustScrollTop();
+      this.adjustSize();
+      this.reComputeSize();
+    }
 
-        componentWillReceiveProps(nextProps) {
-            const { useVirtual, dataSource } = nextProps;
+    componentWillReceiveProps(nextProps) {
+      const { useVirtual, dataSource } = nextProps;
 
-            this.hasVirtualData =
+      this.hasVirtualData =
                 useVirtual && dataSource && dataSource.length > 0;
 
-            if ('maxBodyHeight' in nextProps) {
-                if (this.state.height !== nextProps.maxBodyHeight) {
-                    this.setState({
-                        height: nextProps.maxBodyHeight,
-                    });
-                }
-            }
+      if ('maxBodyHeight' in nextProps) {
+        if (this.state.height !== nextProps.maxBodyHeight) {
+          this.setState({
+            height: nextProps.maxBodyHeight,
+          });
+        }
+      }
 
-            if ('scrollToRow' in nextProps) {
-                this.setState({
-                    scrollToRow: nextProps.scrollToRow,
-                });
-            }
+      if ('scrollToRow' in nextProps) {
+        this.setState({
+          scrollToRow: nextProps.scrollToRow,
+        });
+      }
 
-            if (this.state.rowHeight && 'rowHeight' in nextProps) {
-                const row = this.getRowNode();
-                const rowClientHeight = row && row.clientHeight;
-                if (
-                    rowClientHeight &&
+      if (this.state.rowHeight && 'rowHeight' in nextProps) {
+        const row = this.getRowNode();
+        const rowClientHeight = row && row.clientHeight;
+        if (
+          rowClientHeight &&
                     rowClientHeight !== this.state.rowHeight
-                ) {
-                    this.setState({
-                        rowHeight: rowClientHeight,
-                    });
-                }
-            }
+        ) {
+          this.setState({
+            rowHeight: rowClientHeight,
+          });
+        }
+      }
+    }
+
+    componentDidUpdate() {
+      this.adjustScrollTop();
+      this.adjustSize();
+      this.reComputeSize();
+    }
+
+    reComputeSize() {
+      const { rowHeight } = this.state;
+      if (typeof rowHeight === 'function' && this.hasVirtualData) {
+        const row = this.getRowNode();
+        const rowClientHeight = row && row.clientHeight;
+        if (rowClientHeight !== this.state.rowHeight) {
+          this.setState({
+            rowHeight: rowClientHeight,
+          });
+        }
+      }
+    }
+
+    computeBodyHeight() {
+      const { rowHeight } = this.state;
+      const { dataSource } = this.props;
+      if (typeof rowHeight === 'function') {
+        return 0;
+      }
+      return dataSource.length * rowHeight;
+    }
+
+    computeInnerTop() {
+      const { rowHeight } = this.state;
+      if (typeof rowHeight === 'function') {
+        return 0;
+      }
+
+      return this.start * rowHeight;
+    }
+
+    getVisibleRange(ExpectStart) {
+      const { height, rowHeight } = this.state;
+      const len = this.props.dataSource.length;
+
+      let end;
+      let visibleCount = 0;
+      let start = 0;
+      if (typeof rowHeight === 'function') {
+        // try get cell height;
+        end = 1;
+      } else {
+        visibleCount = parseInt(dom.getPixels(height) / rowHeight, 10);
+
+        if (typeof ExpectStart === 'number') {
+          start = ExpectStart < len ? ExpectStart : 0;
         }
 
-        componentDidUpdate() {
-            this.adjustScrollTop();
-            this.adjustSize();
-            this.reComputeSize();
-        }
+        end = Math.min(+start + 1 + visibleCount + 10, len);
+      }
+      this.end = end;
+      this.visibleCount = visibleCount;
+      return {
+        start,
+        end,
+      };
+    }
 
-        reComputeSize() {
-            const { rowHeight } = this.state;
-            if (typeof rowHeight === 'function' && this.hasVirtualData) {
-                const row = this.getRowNode();
-                const rowClientHeight = row && row.clientHeight;
-                if (rowClientHeight !== this.state.rowHeight) {
-                    this.setState({
-                        rowHeight: rowClientHeight,
-                    });
-                }
-            }
-        }
-
-        computeBodyHeight() {
-            const { rowHeight } = this.state;
-            const { dataSource } = this.props;
-            if (typeof rowHeight === 'function') {
-                return 0;
-            }
-            return dataSource.length * rowHeight;
-        }
-
-        computeInnerTop() {
-            const { rowHeight } = this.state;
-            if (typeof rowHeight === 'function') {
-                return 0;
-            }
-
-            return this.start * rowHeight;
-        }
-
-        getVisibleRange(ExpectStart) {
-            const { height, rowHeight } = this.state;
-            const len = this.props.dataSource.length;
-
-            let end,
-                visibleCount = 0;
-            let start = 0;
-            if (typeof rowHeight === 'function') {
-                // try get cell height;
-                end = 1;
-            } else {
-                visibleCount = parseInt(dom.getPixels(height) / rowHeight, 10);
-
-                if ('number' === typeof ExpectStart) {
-                    start = ExpectStart < len ? ExpectStart : 0;
-                }
-
-                end = Math.min(+start + 1 + visibleCount + 10, len);
-            }
-            this.end = end;
-            this.visibleCount = visibleCount;
-            return {
-                start,
-                end,
-            };
-        }
-
-        adjustScrollTop() {
-            if (this.hasVirtualData) {
-                this.bodyNode.scrollTop =
+    adjustScrollTop() {
+      if (this.hasVirtualData) {
+        this.bodyNode.scrollTop =
                     (this.lastScrollTop % this.state.rowHeight) +
                     this.state.rowHeight * this.state.scrollToRow;
-            }
-        }
-
-        adjustSize() {
-            if (this.hasVirtualData) {
-                const body = this.bodyNode;
-                const virtualScrollNode = body.querySelector('div');
-                const { clientHeight, clientWidth } = body;
-
-                const tableInc = this.tableInc;
-                const tableNode = findDOMNode(tableInc);
-                const { prefix } = this.props;
-                const headerNode = tableNode.querySelector(
-                    `.${prefix}table-header table`
-                );
-                const headerClientWidth = headerNode && headerNode.clientWidth;
-
-                if (clientWidth < headerClientWidth) {
-                    dom.setStyle(
-                        virtualScrollNode,
-                        'min-width',
-                        headerClientWidth
-                    );
-                    const leftNode = this.bodyLeftNode;
-                    const rightNode = this.bodyRightNode;
-                    leftNode &&
-                        dom.setStyle(leftNode, 'max-height', clientHeight);
-                    rightNode &&
-                        dom.setStyle(rightNode, 'max-height', clientHeight);
-                    this.hasScrollbar = true;
-                } else {
-                    dom.setStyle(virtualScrollNode, 'min-width', 'auto');
-                    this.hasScrollbar = false;
-                }
-            }
-        }
-
-        onScroll = () => {
-            // 避免横向滚动带来的性能问题
-            const scrollTop = this.bodyNode.scrollTop;
-            if (scrollTop === this.lastScrollTop) {
-                return;
-            }
-            const start = this.computeScrollToRow(scrollTop);
-            if (!('scrollToRow' in this.props)) {
-                this.setState({
-                    scrollToRow: start,
-                });
-            }
-            this.props.onBodyScroll(start);
-            this.lastScrollTop = scrollTop;
-        };
-
-        computeScrollToRow(offset) {
-            const { rowHeight } = this.state;
-            const start = parseInt(offset / rowHeight);
-            this.start = start;
-            return start;
-        }
-
-        getBodyNode = (node, lockType) => {
-            lockType = lockType
-                ? lockType.charAt(0).toUpperCase() + lockType.substr(1)
-                : '';
-            this[`body${lockType}Node`] = node;
-        };
-
-        getTableInstance = (type, instance) => {
-            type = type ? type.charAt(0).toUpperCase() + type.substr(1) : '';
-            this[`table${type}Inc`] = instance;
-        };
-
-        getRowNode() {
-            try {
-                // in case of finding an unmounted component due to cached data
-                // need to clear refs of this.tableInc when dataSource Changed
-                // use try catch for temporary
-                return findDOMNode(this.tableInc.getRowRef(0));
-            } catch (error) {
-                return null;
-            }
-        }
-
-        render() {
-            /* eslint-disable no-unused-vars, prefer-const */
-            let {
-                useVirtual,
-                components,
-                dataSource,
-                fixedHeader,
-                rowHeight,
-                scrollToRow,
-                onBodyScroll,
-                ...others
-            } = this.props;
-
-            const entireDataSource = dataSource;
-            let newDataSource = dataSource;
-
-            this.rowSelection = this.props.rowSelection;
-            if (this.hasVirtualData) {
-                newDataSource = [];
-                components = { ...components };
-                const { start, end } = this.getVisibleRange(
-                    this.state.scrollToRow
-                );
-                dataSource.forEach((current, index, record) => {
-                    if (index >= start && index < end) {
-                        current.__rowIndex = index;
-                        newDataSource.push(current);
-                    }
-                });
-
-                if (!components.Body) {
-                    components.Body = VirtualBody;
-                }
-                fixedHeader = true;
-            }
-
-            return (
-                <BaseComponent
-                    {...others}
-                    dataSource={newDataSource}
-                    entireDataSource={entireDataSource}
-                    components={components}
-                    fixedHeader={fixedHeader}
-                />
-            );
-        }
+      }
     }
-    statics(VirtualTable, BaseComponent);
-    return VirtualTable;
+
+    adjustSize() {
+      if (this.hasVirtualData) {
+        const body = this.bodyNode;
+        const virtualScrollNode = body.querySelector('div');
+        const { clientHeight, clientWidth } = body;
+
+        const { tableInc } = this;
+        const tableNode = findDOMNode(tableInc);
+        const { prefix } = this.props;
+        const headerNode = tableNode.querySelector(
+          `.${prefix}table-header table`,
+        );
+        const headerClientWidth = headerNode && headerNode.clientWidth;
+
+        if (clientWidth < headerClientWidth) {
+          dom.setStyle(
+            virtualScrollNode,
+            'min-width',
+            headerClientWidth,
+          );
+          const leftNode = this.bodyLeftNode;
+          const rightNode = this.bodyRightNode;
+          leftNode &&
+                        dom.setStyle(leftNode, 'max-height', clientHeight);
+          rightNode &&
+                        dom.setStyle(rightNode, 'max-height', clientHeight);
+          this.hasScrollbar = true;
+        } else {
+          dom.setStyle(virtualScrollNode, 'min-width', 'auto');
+          this.hasScrollbar = false;
+        }
+      }
+    }
+
+    onScroll = () => {
+      // 避免横向滚动带来的性能问题
+      const { scrollTop } = this.bodyNode;
+      if (scrollTop === this.lastScrollTop) {
+        return;
+      }
+      const start = this.computeScrollToRow(scrollTop);
+      if (!('scrollToRow' in this.props)) {
+        this.setState({
+          scrollToRow: start,
+        });
+      }
+      this.props.onBodyScroll(start);
+      this.lastScrollTop = scrollTop;
+    };
+
+    computeScrollToRow(offset) {
+      const { rowHeight } = this.state;
+      const start = parseInt(offset / rowHeight);
+      this.start = start;
+      return start;
+    }
+
+    getBodyNode = (node, lockType) => {
+      lockType = lockType
+        ? lockType.charAt(0).toUpperCase() + lockType.substr(1)
+        : '';
+      this[`body${lockType}Node`] = node;
+    };
+
+    getTableInstance = (type, instance) => {
+      type = type ? type.charAt(0).toUpperCase() + type.substr(1) : '';
+      this[`table${type}Inc`] = instance;
+    };
+
+    getRowNode() {
+      try {
+        // in case of finding an unmounted component due to cached data
+        // need to clear refs of this.tableInc when dataSource Changed
+        // use try catch for temporary
+        return findDOMNode(this.tableInc.getRowRef(0));
+      } catch (error) {
+        return null;
+      }
+    }
+
+    render() {
+      /* eslint-disable no-unused-vars, prefer-const */
+      let {
+        useVirtual,
+        components,
+        dataSource,
+        fixedHeader,
+        rowHeight,
+        scrollToRow,
+        onBodyScroll,
+        ...others
+      } = this.props;
+
+      const entireDataSource = dataSource;
+      let newDataSource = dataSource;
+
+      this.rowSelection = this.props.rowSelection;
+      if (this.hasVirtualData) {
+        newDataSource = [];
+        components = { ...components };
+        const { start, end } = this.getVisibleRange(
+          this.state.scrollToRow,
+        );
+        dataSource.forEach((current, index, record) => {
+          if (index >= start && index < end) {
+            current.__rowIndex = index;
+            newDataSource.push(current);
+          }
+        });
+
+        if (!components.Body) {
+          components.Body = VirtualBody;
+        }
+        fixedHeader = true;
+      }
+
+      return (
+        <BaseComponent
+          {...others}
+          dataSource={newDataSource}
+          entireDataSource={entireDataSource}
+          components={components}
+          fixedHeader={fixedHeader}
+        />
+      );
+    }
+  }
+  statics(VirtualTable, BaseComponent);
+  return VirtualTable;
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/table/virtual/body.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/table/virtual/body.jsx
index 6cb0126f3..ca64ad3bd 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/table/virtual/body.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/table/virtual/body.jsx
@@ -5,89 +5,89 @@ import BodyComponent from '../base/body';
 
 /* eslint-disable react/prefer-stateless-function */
 export default class VirtualBody extends React.Component {
-    static propTypes = {
-        children: PropTypes.any,
-        prefix: PropTypes.string,
-        className: PropTypes.string,
-        colGroup: PropTypes.any,
-    };
+  static propTypes = {
+    children: PropTypes.any,
+    prefix: PropTypes.string,
+    className: PropTypes.string,
+    colGroup: PropTypes.any,
+  };
 
-    static contextTypes = {
-        maxBodyHeight: PropTypes.oneOfType([
-            PropTypes.number,
-            PropTypes.string,
-        ]),
-        onBodyScroll: PropTypes.func,
-        onFixedScrollSync: PropTypes.func,
-        onVirtualScroll: PropTypes.func,
-        onLockBodyScroll: PropTypes.func,
-        bodyHeight: PropTypes.number,
-        innerTop: PropTypes.number,
-        getNode: PropTypes.func,
-        getBodyNode: PropTypes.func,
-        getLockNode: PropTypes.func,
-        lockType: PropTypes.oneOf(['left', 'right']),
-    };
+  static contextTypes = {
+    maxBodyHeight: PropTypes.oneOfType([
+      PropTypes.number,
+      PropTypes.string,
+    ]),
+    onBodyScroll: PropTypes.func,
+    onFixedScrollSync: PropTypes.func,
+    onVirtualScroll: PropTypes.func,
+    onLockBodyScroll: PropTypes.func,
+    bodyHeight: PropTypes.number,
+    innerTop: PropTypes.number,
+    getNode: PropTypes.func,
+    getBodyNode: PropTypes.func,
+    getLockNode: PropTypes.func,
+    lockType: PropTypes.oneOf(['left', 'right']),
+  };
 
-    componentDidMount() {
-        const bodyNode = findDOMNode(this);
-        // // for fixed
-        this.context.getNode('body', bodyNode);
-        // for virtual
-        this.context.getBodyNode(bodyNode, this.context.lockType);
-        // for lock
-        this.context.getLockNode('body', bodyNode, this.context.lockType);
-    }
+  componentDidMount() {
+    const bodyNode = findDOMNode(this);
+    // // for fixed
+    this.context.getNode('body', bodyNode);
+    // for virtual
+    this.context.getBodyNode(bodyNode, this.context.lockType);
+    // for lock
+    this.context.getLockNode('body', bodyNode, this.context.lockType);
+  }
 
-    tableRef = table => {
-        this.tableNode = table;
-    };
+  tableRef = table => {
+    this.tableNode = table;
+  };
 
-    virtualScrollRef = virtualScroll => {
-        this.virtualScrollNode = virtualScroll;
-    };
+  virtualScrollRef = virtualScroll => {
+    this.virtualScrollNode = virtualScroll;
+  };
 
-    onScroll = current => {
-        // for fixed
-        this.context.onFixedScrollSync(current);
-        // for lock
-        this.context.onLockBodyScroll(current);
-        // for virtual
-        this.context.onVirtualScroll();
-    };
+  onScroll = current => {
+    // for fixed
+    this.context.onFixedScrollSync(current);
+    // for lock
+    this.context.onLockBodyScroll(current);
+    // for virtual
+    this.context.onVirtualScroll();
+  };
 
-    render() {
-        const { prefix, className, colGroup, ...others } = this.props;
-        const { maxBodyHeight, bodyHeight, innerTop } = this.context;
+  render() {
+    const { prefix, className, colGroup, ...others } = this.props;
+    const { maxBodyHeight, bodyHeight, innerTop } = this.context;
 
-        return (
-            <div
-                style={{ maxHeight: maxBodyHeight }}
-                className={className}
-                onScroll={this.onScroll}
-            >
-                <div
-                    style={{
-                        height: bodyHeight,
-                        overflow: 'hidden',
-                        position: 'relative',
-                    }}
-                    ref={this.virtualScrollRef}
-                >
-                    <div
-                        style={{
-                            height: '100%',
-                            position: 'relative',
-                            transform: `translateY(${innerTop}px)`,
-                        }}
-                    >
-                        <table ref={this.tableRef}>
-                            {colGroup}
-                            <BodyComponent {...others} prefix={prefix} />
-                        </table>
-                    </div>
-                </div>
-            </div>
-        );
-    }
+    return (
+      <div
+        style={{ maxHeight: maxBodyHeight }}
+        className={className}
+        onScroll={this.onScroll}
+      >
+        <div
+          style={{
+            height: bodyHeight,
+            overflow: 'hidden',
+            position: 'relative',
+          }}
+          ref={this.virtualScrollRef}
+        >
+          <div
+            style={{
+              height: '100%',
+              position: 'relative',
+              transform: `translateY(${innerTop}px)`,
+            }}
+          >
+            <table ref={this.tableRef}>
+              {colGroup}
+              <BodyComponent {...others} prefix={prefix} />
+            </table>
+          </div>
+        </div>
+      </div>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/tag/closeable.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/tag/closeable.jsx
index 37092fba4..fbd415581 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/tag/closeable.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/tag/closeable.jsx
@@ -6,74 +6,74 @@ import Tag from './tag';
  * Tag.Closeable
  */
 class Closeable extends Component {
-    static propTypes = {
-        disabled: PropTypes.bool,
-        className: PropTypes.any,
-        /**
+  static propTypes = {
+    disabled: PropTypes.bool,
+    className: PropTypes.any,
+    /**
          * closeable 标签的 onClose 响应区域, tag: 标签体, tail(默认): 关闭按钮
          */
-        closeArea: PropTypes.oneOf(['tag', 'tail']),
-        /**
+    closeArea: PropTypes.oneOf(['tag', 'tail']),
+    /**
          * 点击关闭按钮时的回调
          * @param {String} from 事件来源, tag: 标签体点击, tail: 关闭按钮点击
          * @returns {Boolean} true则关闭, false阻止关闭
          */
-        onClose: PropTypes.func,
-        /**
+    onClose: PropTypes.func,
+    /**
          * 标签关闭后执行的回调
          */
-        afterClose: PropTypes.func,
-        /**
+    afterClose: PropTypes.func,
+    /**
          * 点击回调
          */
-        onClick: PropTypes.func,
-        type: PropTypes.oneOf(['normal', 'primary']),
-        /**
+    onClick: PropTypes.func,
+    type: PropTypes.oneOf(['normal', 'primary']),
+    /**
          * 标签的尺寸（large 尺寸为兼容表单场景 large = medium）
          */
-        size: PropTypes.oneOf(['small', 'medium', 'large']),
-        children: PropTypes.any,
-        rtl: PropTypes.bool,
-    };
+    size: PropTypes.oneOf(['small', 'medium', 'large']),
+    children: PropTypes.any,
+    rtl: PropTypes.bool,
+  };
 
-    static defaultProps = {
-        disabled: false,
-        type: 'normal',
-    };
+  static defaultProps = {
+    disabled: false,
+    type: 'normal',
+  };
 
-    render() {
-        const {
-            disabled,
-            className,
-            closeArea,
-            onClose,
-            afterClose,
-            onClick,
-            type,
-            size,
-            children,
-            rtl,
-            ...others
-        } = this.props;
+  render() {
+    const {
+      disabled,
+      className,
+      closeArea,
+      onClose,
+      afterClose,
+      onClick,
+      type,
+      size,
+      children,
+      rtl,
+      ...others
+    } = this.props;
 
-        return (
-            <Tag
-                {...others}
-                rtl={rtl}
-                disabled={disabled}
-                className={className}
-                closeArea={closeArea}
-                onClose={onClose}
-                afterClose={afterClose}
-                onClick={onClick}
-                type={type}
-                size={size}
-                closable
-            >
-                {children}
-            </Tag>
-        );
-    }
+    return (
+      <Tag
+        {...others}
+        rtl={rtl}
+        disabled={disabled}
+        className={className}
+        closeArea={closeArea}
+        onClose={onClose}
+        afterClose={afterClose}
+        onClick={onClick}
+        type={type}
+        size={size}
+        closable
+      >
+        {children}
+      </Tag>
+    );
+  }
 }
 
 export default Closeable;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/tag/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/tag/index.jsx
index 62fdea8d2..dd4ce6dcf 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/tag/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/tag/index.jsx
@@ -6,58 +6,58 @@ import Selectable from './selectable';
 import Closable from './closeable';
 
 const ConfigTag = ConfigProvider.config(Tag, {
-    transfrom: /* istanbul ignore next */ (props, deprecated) => {
-        const { shape, type } = props;
-        if (shape === 'selectable') {
-            deprecated('shape=selectable', 'Tag.Selectable', 'Tag');
-        }
+  transfrom: /* istanbul ignore next */ (props, deprecated) => {
+    const { shape, type } = props;
+    if (shape === 'selectable') {
+      deprecated('shape=selectable', 'Tag.Selectable', 'Tag');
+    }
 
-        if (shape === 'deletable') {
-            deprecated('shape=deletable', 'Tag.Closeable', 'Tag');
-        }
+    if (shape === 'deletable') {
+      deprecated('shape=deletable', 'Tag.Closeable', 'Tag');
+    }
 
-        if (shape === 'link') {
-            deprecated('shape=link', '<Tag><a href="x">x</a></Tag>', 'Tag');
-        }
+    if (shape === 'link') {
+      deprecated('shape=link', '<Tag><a href="x">x</a></Tag>', 'Tag');
+    }
 
-        if (shape === 'readonly' || shape === 'interactive') {
-            log.warning(`Warning: [ shape=${shape} ] is deprecated at [ Tag ]`);
-        }
+    if (shape === 'readonly' || shape === 'interactive') {
+      log.warning(`Warning: [ shape=${shape} ] is deprecated at [ Tag ]`);
+    }
 
-        if (type === 'secondary') {
-            log.warning('Warning: [ type=secondary ] is deprecated at [ Tag ]');
-        }
+    if (type === 'secondary') {
+      log.warning('Warning: [ type=secondary ] is deprecated at [ Tag ]');
+    }
 
-        ['count', 'marked', 'value', 'onChange'].forEach(key => {
-            if (key in props) {
-                log.warning(`Warning: [ ${key} ] is deprecated at [ Tag ]`);
-            }
-        });
+    ['count', 'marked', 'value', 'onChange'].forEach(key => {
+      if (key in props) {
+        log.warning(`Warning: [ ${key} ] is deprecated at [ Tag ]`);
+      }
+    });
 
-        if ('selected' in props || 'defaultSelected' in props) {
-            log.warning(
-                'Warning: [ selected|defaultSelected  ] is deprecated at [ Tag ], use [ checked|defaultChecked ] at [ Tag.Selectable ] instead of it'
-            );
-        }
+    if ('selected' in props || 'defaultSelected' in props) {
+      log.warning(
+        'Warning: [ selected|defaultSelected  ] is deprecated at [ Tag ], use [ checked|defaultChecked ] at [ Tag.Selectable ] instead of it',
+      );
+    }
 
-        if ('closed' in props) {
-            log.warning(
-                'Warning: [ closed  ] is deprecated at [ Tag ], use [ onClose ] at [ Tag.Closeable ] instead of it'
-            );
-        }
+    if ('closed' in props) {
+      log.warning(
+        'Warning: [ closed  ] is deprecated at [ Tag ], use [ onClose ] at [ Tag.Closeable ] instead of it',
+      );
+    }
 
-        if ('onSelect' in props) {
-            deprecated('onSelect', '<Tag.Selectable onChange/>', 'Tag');
-        }
+    if ('onSelect' in props) {
+      deprecated('onSelect', '<Tag.Selectable onChange/>', 'Tag');
+    }
 
-        if ('afterClose' in props) {
-            log.warning(
-                'Warning: [ afterClose  ] is deprecated at [ Tag ], use [ afterClose ] at [ Tag.Closeable ] instead of it'
-            );
-        }
+    if ('afterClose' in props) {
+      log.warning(
+        'Warning: [ afterClose  ] is deprecated at [ Tag ], use [ afterClose ] at [ Tag.Closeable ] instead of it',
+      );
+    }
 
-        return props;
-    },
+    return props;
+  },
 });
 
 ConfigTag.Group = ConfigProvider.config(Group);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/tag/selectable.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/tag/selectable.jsx
index 34372057b..fff37b04a 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/tag/selectable.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/tag/selectable.jsx
@@ -11,101 +11,101 @@ const { noop, bindCtx } = func;
  * Tag.Selectable
  */
 class Selectable extends Component {
-    static propTypes = {
-        /**
+  static propTypes = {
+    /**
          * 标签是否被选中，受控用法
          * tag checked or not, a controlled way
          */
-        checked: PropTypes.bool,
-        /**
+    checked: PropTypes.bool,
+    /**
          * 标签是否默认被选中，非受控用法
          * tag checked or not by default, a uncontrolled way
          */
-        defaultChecked: PropTypes.bool,
-        /**
+    defaultChecked: PropTypes.bool,
+    /**
          * 选中状态变化时触发的事件
          * @param {Boolean} checked 是否选中
          * @param {Event} e Dom 事件对象
          */
-        onChange: PropTypes.func,
-        /**
+    onChange: PropTypes.func,
+    /**
          * 标签是否被禁用
          */
-        disabled: PropTypes.bool,
-        className: PropTypes.any,
-    };
+    disabled: PropTypes.bool,
+    className: PropTypes.any,
+  };
 
-    static defaultProps = {
-        onChange: noop,
-    };
+  static defaultProps = {
+    onChange: noop,
+  };
 
-    constructor(props) {
-        super(props);
+  constructor(props) {
+    super(props);
 
-        this.state = {
-            checked:
+    this.state = {
+      checked:
                 'checked' in props
-                    ? props.checked
-                    : props.defaultChecked || false,
-        };
+                  ? props.checked
+                  : props.defaultChecked || false,
+    };
 
-        bindCtx(this, ['handleClick']);
+    bindCtx(this, ['handleClick']);
+  }
+
+  static getDerivedStateFromProps(props, state) {
+    if (props.checked !== undefined && props.checked !== state.checked) {
+      return {
+        checked: props.checked,
+      };
     }
 
-    static getDerivedStateFromProps(props, state) {
-        if (props.checked !== undefined && props.checked !== state.checked) {
-            return {
-                checked: props.checked,
-            };
-        }
+    return null;
+  }
 
-        return null;
+  handleClick(e) {
+    e && e.preventDefault();
+    // IE9 不支持 pointer-events，还是可能会触发 click 事件
+    if (this.props.disabled) {
+      return false;
     }
 
-    handleClick(e) {
-        e && e.preventDefault();
-        // IE9 不支持 pointer-events，还是可能会触发 click 事件
-        if (this.props.disabled) {
-            return false;
-        }
+    const { checked } = this.state;
 
-        const { checked } = this.state;
+    this.setState({
+      checked: !checked,
+    });
 
-        this.setState({
-            checked: !checked,
-        });
+    this.props.onChange(!checked, e);
+  }
 
-        this.props.onChange(!checked, e);
-    }
+  render() {
+    const attrFilterTarget = [
+      'checked',
+      'defaultChecked',
+      'onChange',
+      'className',
+      // 防止这些额外的参数影响 tag 的类型
+      '_shape',
+      'closable',
+    ];
 
-    render() {
-        const attrFilterTarget = [
-            'checked',
-            'defaultChecked',
-            'onChange',
-            'className',
-            // 防止这些额外的参数影响 tag 的类型
-            '_shape',
-            'closable',
-        ];
-
-        const others = obj.pickOthers(attrFilterTarget, this.props);
-        const isChecked =
+    const others = obj.pickOthers(attrFilterTarget, this.props);
+    const isChecked =
             'checked' in this.props ? this.props.checked : this.state.checked;
-        const clazz = classNames(this.props.className, {
-            checked: isChecked,
-        });
-        return (
-            <Tag
-                {...others}
-                role="checkbox"
-                _shape="checkable"
-                aria-checked={isChecked}
-                className={clazz}
-                onClick={this.handleClick}
-            />
-        );
-    }
+    const clazz = classNames(this.props.className, {
+      checked: isChecked,
+    });
+    return (
+      <Tag
+        {...others}
+        role="checkbox"
+        _shape="checkable"
+        aria-checked={isChecked}
+        className={clazz}
+        onClick={this.handleClick}
+      />
+    );
+  }
 }
 
 export default polyfill(Selectable);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/tag/tag-group.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/tag/tag-group.jsx
index 10b21ae06..971e4604d 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/tag/tag-group.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/tag/tag-group.jsx
@@ -3,28 +3,28 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
 class Group extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        className: PropTypes.any,
-        children: PropTypes.node,
-        rtl: PropTypes.bool,
-    };
+  static propTypes = {
+    prefix: PropTypes.string,
+    className: PropTypes.any,
+    children: PropTypes.node,
+    rtl: PropTypes.bool,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        rtl: false,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    rtl: false,
+  };
 
-    render() {
-        const { className, prefix, children, rtl, ...others } = this.props;
-        const clazz = classNames(`${prefix || 'next-'}tag-group`, className);
+  render() {
+    const { className, prefix, children, rtl, ...others } = this.props;
+    const clazz = classNames(`${prefix || 'next-'}tag-group`, className);
 
-        return (
-            <div className={clazz} dir={rtl ? 'rtl' : undefined} {...others}>
-                {children}
-            </div>
-        );
-    }
+    return (
+      <div className={clazz} dir={rtl ? 'rtl' : undefined} {...others}>
+        {children}
+      </div>
+    );
+  }
 }
 
 export default Group;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/tag/tag.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/tag/tag.jsx
index 3df077faa..d8ac892dc 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/tag/tag.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/tag/tag.jsx
@@ -15,271 +15,271 @@ const PRESET_COLOR_REG = /blue|green|orange|red|turquoise|yellow/;
  * Tag
  */
 class Tag extends Component {
-    static propTypes = {
-        /**
+  static propTypes = {
+    /**
          * 标签类名前缀,提供给二次开发者用
          * @default next-
          */
-        prefix: PropTypes.string,
-        /**
+    prefix: PropTypes.string,
+    /**
          * 标签的类型
          */
-        type: PropTypes.oneOf(['normal', 'primary']),
-        /**
+    type: PropTypes.oneOf(['normal', 'primary']),
+    /**
          * 标签的尺寸（large 尺寸为兼容表单场景 large = medium）
          */
-        size: PropTypes.oneOf(['small', 'medium', 'large']),
+    size: PropTypes.oneOf(['small', 'medium', 'large']),
 
-        /**
+    /**
          * 标签颜色, 目前支持：blue、 green、 orange、red、 turquoise、 yellow 和 hex 颜色值 （`color keywords`作为 Tag 组件的保留字，请勿直接使用 ）, `1.19.0` 以上版本生效
          */
-        color: PropTypes.string,
-        /**
+    color: PropTypes.string,
+    /**
          * 是否开启动效
          */
-        animation: PropTypes.bool,
-        closeArea: PropTypes.oneOf(['tag', 'tail']),
-        closable: PropTypes.bool,
-        onClose: PropTypes.func,
-        afterClose: PropTypes.func,
-        /**
+    animation: PropTypes.bool,
+    closeArea: PropTypes.oneOf(['tag', 'tail']),
+    closable: PropTypes.bool,
+    onClose: PropTypes.func,
+    afterClose: PropTypes.func,
+    /**
          * 标签出现动画结束后执行的回调
          */
-        afterAppear: PropTypes.func,
-        className: PropTypes.any,
-        children: PropTypes.node,
-        /**
+    afterAppear: PropTypes.func,
+    className: PropTypes.any,
+    children: PropTypes.node,
+    /**
          * 点击回调
          */
-        onClick: PropTypes.func,
-        _shape: PropTypes.oneOf(['default', 'closable', 'checkable']),
-        disabled: PropTypes.bool,
-        rtl: PropTypes.bool,
-        locale: PropTypes.object,
+    onClick: PropTypes.func,
+    _shape: PropTypes.oneOf(['default', 'closable', 'checkable']),
+    disabled: PropTypes.bool,
+    rtl: PropTypes.bool,
+    locale: PropTypes.object,
+  };
+
+  static defaultProps = {
+    prefix: 'next-',
+    type: 'normal',
+    size: 'medium',
+    closeArea: 'tail',
+    animation: false,
+    onClose: noop,
+    afterClose: noop,
+    afterAppear: noop,
+    onClick: noop,
+    _shape: 'default',
+    disabled: false,
+    rtl: false,
+    locale: zhCN.Tag,
+  };
+
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      visible: true,
     };
 
-    static defaultProps = {
-        prefix: 'next-',
-        type: 'normal',
-        size: 'medium',
-        closeArea: 'tail',
-        animation: false,
-        onClose: noop,
-        afterClose: noop,
-        afterAppear: noop,
-        onClick: noop,
-        _shape: 'default',
-        disabled: false,
-        rtl: false,
-        locale: zhCN.Tag,
+    bindCtx(this, [
+      'handleBodyClick',
+      'handleTailClick',
+      'handleAnimationInit',
+      'handleAnimationEnd',
+      'renderTailNode',
+    ]);
+  }
+
+  componentWillUnmount() {
+    this.__destroyed = true;
+  }
+
+  handleClose(from) {
+    const { animation, onClose } = this.props;
+    const hasAnimation = support.animation && animation;
+
+    // 先执行回调
+    const result = onClose(from, this.tagNode);
+
+    // 如果回调函数返回 false，则阻止关闭行为
+    if (result !== false && !this.__destroyed) {
+      this.setState(
+        {
+          visible: false,
+        },
+        () => {
+          // 如果没有动画，则直接执行 afterClose
+          !hasAnimation && this.props.afterClose(this.tagNode);
+        },
+      );
+    }
+  }
+
+  // 标签体点击
+  handleBodyClick(e) {
+    const { closable, closeArea, onClick } = this.props;
+
+    if (closable && closeArea === 'tag') {
+      this.handleClose('tag');
+    }
+
+    if (typeof onClick === 'function') {
+      return onClick(e);
+    }
+  }
+
+  onKeyDown = e => {
+    // 针对无障碍化要求 添加键盘SPACE事件
+    const { closable, closeArea, onClick, disabled } = this.props;
+    if (e.keyCode !== KEYCODE.SPACE || disabled) {
+      return;
+    }
+
+    e.preventDefault();
+    e.stopPropagation();
+
+    if (closable) {
+      this.handleClose(closeArea);
+    } else {
+      typeof onClick === 'function' && onClick(e);
+    }
+  };
+
+  handleTailClick(e) {
+    e && e.preventDefault();
+    e && e.stopPropagation();
+
+    this.handleClose('tail');
+  }
+
+  handleAnimationInit(node) {
+    this.props.afterAppear(node);
+  }
+
+  handleAnimationEnd(node) {
+    this.props.afterClose(node);
+  }
+
+  renderAnimatedTag(children, animationName) {
+    return (
+      <Animate
+        animation={animationName}
+        afterAppear={this.handleAnimationInit}
+        afterLeave={this.handleAnimationEnd}
+      >
+        {children}
+      </Animate>
+    );
+  }
+
+  renderTailNode() {
+    const { prefix, closable, locale } = this.props;
+
+    if (!closable) {
+      return null;
+    }
+
+    return (
+      <span
+        className={`${prefix}tag-close-btn`}
+        onClick={this.handleTailClick}
+        role="button"
+        aria-label={locale.delete}
+      >
+        <Icon type="close" />
+      </span>
+    );
+  }
+
+  isPresetColor() {
+    const { color } = this.props;
+
+    if (!color) {
+      return false;
+    }
+
+    return PRESET_COLOR_REG.test(color);
+  }
+
+  getTagStyle() {
+    const { color = '', style } = this.props;
+    const isPresetColor = this.isPresetColor();
+    const customColorStyle = {
+      backgroundColor: color,
+      borderColor: color,
+      color: '#fff',
     };
 
-    constructor(props) {
-        super(props);
-
-        this.state = {
-            visible: true,
-        };
-
-        bindCtx(this, [
-            'handleBodyClick',
-            'handleTailClick',
-            'handleAnimationInit',
-            'handleAnimationEnd',
-            'renderTailNode',
-        ]);
-    }
-
-    componentWillUnmount() {
-        this.__destroyed = true;
-    }
-
-    handleClose(from) {
-        const { animation, onClose } = this.props;
-        const hasAnimation = support.animation && animation;
-
-        // 先执行回调
-        const result = onClose(from, this.tagNode);
-
-        // 如果回调函数返回 false，则阻止关闭行为
-        if (result !== false && !this.__destroyed) {
-            this.setState(
-                {
-                    visible: false,
-                },
-                () => {
-                    // 如果没有动画，则直接执行 afterClose
-                    !hasAnimation && this.props.afterClose(this.tagNode);
-                }
-            );
-        }
-    }
-
-    // 标签体点击
-    handleBodyClick(e) {
-        const { closable, closeArea, onClick } = this.props;
-
-        if (closable && closeArea === 'tag') {
-            this.handleClose('tag');
-        }
-
-        if (typeof onClick === 'function') {
-            return onClick(e);
-        }
-    }
-
-    onKeyDown = e => {
-        // 针对无障碍化要求 添加键盘SPACE事件
-        const { closable, closeArea, onClick, disabled } = this.props;
-        if (e.keyCode !== KEYCODE.SPACE || disabled) {
-            return;
-        }
-
-        e.preventDefault();
-        e.stopPropagation();
-
-        if (closable) {
-            this.handleClose(closeArea);
-        } else {
-            typeof onClick === 'function' && onClick(e);
-        }
+    return {
+      ...(color && !isPresetColor ? customColorStyle : null),
+      ...style,
     };
+  }
 
-    handleTailClick(e) {
-        e && e.preventDefault();
-        e && e.stopPropagation();
-
-        this.handleClose('tail');
-    }
-
-    handleAnimationInit(node) {
-        this.props.afterAppear(node);
-    }
-
-    handleAnimationEnd(node) {
-        this.props.afterClose(node);
-    }
-
-    renderAnimatedTag(children, animationName) {
-        return (
-            <Animate
-                animation={animationName}
-                afterAppear={this.handleAnimationInit}
-                afterLeave={this.handleAnimationEnd}
-            >
-                {children}
-            </Animate>
-        );
-    }
-
-    renderTailNode() {
-        const { prefix, closable, locale } = this.props;
-
-        if (!closable) {
-            return null;
-        }
-
-        return (
-            <span
-                className={`${prefix}tag-close-btn`}
-                onClick={this.handleTailClick}
-                role="button"
-                aria-label={locale.delete}
-            >
-                <Icon type="close" />
-            </span>
-        );
-    }
-
-    isPresetColor() {
-        const { color } = this.props;
-
-        if (!color) {
-            return false;
-        }
-
-        return PRESET_COLOR_REG.test(color);
-    }
-
-    getTagStyle() {
-        const { color = '', style } = this.props;
-        const isPresetColor = this.isPresetColor();
-        const customColorStyle = {
-            backgroundColor: color,
-            borderColor: color,
-            color: '#fff',
-        };
-
-        return {
-            ...(color && !isPresetColor ? customColorStyle : null),
-            ...style,
-        };
-    }
-
-    render() {
-        const {
-            prefix,
-            type,
-            size,
-            color,
-            _shape,
-            closable,
-            closeArea,
-            className,
-            children,
-            animation,
-            disabled,
-            rtl,
-        } = this.props;
-        const { visible } = this.state;
-        const isPresetColor = this.isPresetColor();
-        const others = obj.pickOthers(Tag.propTypes, this.props);
-        // eslint-disable-next-line no-unused-vars
-        const { style, ...otherTagProps } = others;
-        const shape = closable ? 'closable' : _shape;
-        const bodyClazz = classNames(
-            [`${prefix}tag`, `${prefix}tag-${shape}`, `${prefix}tag-${size}`],
-            {
-                [`${prefix}tag-level-${type}`]: !color,
-                [`${prefix}tag-closable`]: closable,
-                [`${prefix}tag-body-pointer`]: closable && closeArea === 'tag',
-                [`${prefix}tag-${color}`]:
+  render() {
+    const {
+      prefix,
+      type,
+      size,
+      color,
+      _shape,
+      closable,
+      closeArea,
+      className,
+      children,
+      animation,
+      disabled,
+      rtl,
+    } = this.props;
+    const { visible } = this.state;
+    const isPresetColor = this.isPresetColor();
+    const others = obj.pickOthers(Tag.propTypes, this.props);
+    // eslint-disable-next-line no-unused-vars
+    const { style, ...otherTagProps } = others;
+    const shape = closable ? 'closable' : _shape;
+    const bodyClazz = classNames(
+      [`${prefix}tag`, `${prefix}tag-${shape}`, `${prefix}tag-${size}`],
+      {
+        [`${prefix}tag-level-${type}`]: !color,
+        [`${prefix}tag-closable`]: closable,
+        [`${prefix}tag-body-pointer`]: closable && closeArea === 'tag',
+        [`${prefix}tag-${color}`]:
                     color && isPresetColor && type === 'primary',
-                [`${prefix}tag-${color}-inverse`]:
+        [`${prefix}tag-${color}-inverse`]:
                     color && isPresetColor && type === 'normal',
-            },
-            className
-        );
+      },
+      className,
+    );
 
-        // close btn
-        const tailNode = this.renderTailNode();
-        // tag node
-        const tagNode = !visible ? null : (
-            <div
-                className={bodyClazz}
-                onClick={this.handleBodyClick}
-                onKeyDown={this.onKeyDown}
-                tabIndex={disabled ? '' : '0'}
-                role="button"
-                aria-disabled={disabled}
-                disabled={disabled}
-                dir={rtl ? 'rtl' : undefined}
-                ref={n => (this.tagNode = n)}
-                style={this.getTagStyle()}
-                {...otherTagProps}
-            >
-                <span className={`${prefix}tag-body`}>{children}</span>
-                {tailNode}
-            </div>
-        );
+    // close btn
+    const tailNode = this.renderTailNode();
+    // tag node
+    const tagNode = !visible ? null : (
+      <div
+        className={bodyClazz}
+        onClick={this.handleBodyClick}
+        onKeyDown={this.onKeyDown}
+        tabIndex={disabled ? '' : '0'}
+        role="button"
+        aria-disabled={disabled}
+        disabled={disabled}
+        dir={rtl ? 'rtl' : undefined}
+        ref={n => (this.tagNode = n)}
+        style={this.getTagStyle()}
+        {...otherTagProps}
+      >
+        <span className={`${prefix}tag-body`}>{children}</span>
+        {tailNode}
+      </div>
+    );
 
-        if (animation && support.animation) {
-            return this.renderAnimatedTag(tagNode, `${prefix}tag-zoom`);
-        }
-
-        // 未开启或不支持动画
-        return tagNode;
+    if (animation && support.animation) {
+      return this.renderAnimatedTag(tagNode, `${prefix}tag-zoom`);
     }
+
+    // 未开启或不支持动画
+    return tagNode;
+  }
 }
 
 export default ConfigProvider.config(Tag);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/time-picker/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/time-picker/index.jsx
index 700f03f67..21f07affd 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/time-picker/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/time-picker/index.jsx
@@ -2,23 +2,23 @@ import ConfigProvider from '../config-provider';
 import TimePicker from './time-picker';
 
 export default ConfigProvider.config(TimePicker, {
-    transform: /* istanbul ignore next */ (props, deprecated) => {
-        if ('defaultOpen' in props) {
-            deprecated('defaultOpen', 'defaultVisible', 'TimePicker');
-            const { defaultOpen, ...others } = props;
-            props = { defaultVisible: defaultOpen, ...others };
-        }
-        if ('open' in props) {
-            deprecated('open', 'visible', 'TimePicker');
-            const { open, ...others } = props;
-            props = { visible: open, ...others };
-        }
-        if ('onOpenChange' in props) {
-            deprecated('onOpenChange', 'onVisibleChange', 'TimePicker');
-            const { onOpenChange, ...others } = props;
-            props = { onVisibleChange: onOpenChange, ...others };
-        }
+  transform: /* istanbul ignore next */ (props, deprecated) => {
+    if ('defaultOpen' in props) {
+      deprecated('defaultOpen', 'defaultVisible', 'TimePicker');
+      const { defaultOpen, ...others } = props;
+      props = { defaultVisible: defaultOpen, ...others };
+    }
+    if ('open' in props) {
+      deprecated('open', 'visible', 'TimePicker');
+      const { open, ...others } = props;
+      props = { visible: open, ...others };
+    }
+    if ('onOpenChange' in props) {
+      deprecated('onOpenChange', 'onVisibleChange', 'TimePicker');
+      const { onOpenChange, ...others } = props;
+      props = { onVisibleChange: onOpenChange, ...others };
+    }
 
-        return props;
-    },
+    return props;
+  },
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/time-picker/module/time-menu.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/time-picker/module/time-menu.jsx
index 8d7189155..22254b2a1 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/time-picker/module/time-menu.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/time-picker/module/time-menu.jsx
@@ -4,143 +4,143 @@ import classnames from 'classnames';
 import { checkMomentObj } from '../utils';
 
 function scrollTo(element, to, duration) {
-    const requestAnimationFrame =
+  const requestAnimationFrame =
         window.requestAnimationFrame ||
         function requestAnimationFrameTimeout(...params) {
-            return setTimeout(params[0], 10);
+          return setTimeout(params[0], 10);
         };
 
-    if (duration <= 0) {
-        element.scrollTop = to;
-        return;
+  if (duration <= 0) {
+    element.scrollTop = to;
+    return;
+  }
+
+  const difference = to - element.scrollTop;
+  const perTick = (difference / duration) * 10;
+
+  requestAnimationFrame(() => {
+    element.scrollTop += perTick;
+
+    if (element.scrollTop === to) {
+      return;
     }
 
-    const difference = to - element.scrollTop;
-    const perTick = (difference / duration) * 10;
-
-    requestAnimationFrame(() => {
-        element.scrollTop = element.scrollTop + perTick;
-
-        if (element.scrollTop === to) {
-            return;
-        }
-
-        scrollTo(element, to, duration - 10);
-    });
+    scrollTo(element, to, duration - 10);
+  });
 }
 
 const noop = () => {};
 
 class TimeMenu extends React.Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        title: PropTypes.node,
-        mode: PropTypes.oneOf(['hour', 'minute', 'second']),
-        step: PropTypes.number,
-        activeIndex: PropTypes.number,
-        value: checkMomentObj,
-        disabledItems: PropTypes.func,
-        renderTimeMenuItems: PropTypes.func,
-        onSelect: PropTypes.func,
-        disabled: PropTypes.bool,
-    };
+  static propTypes = {
+    prefix: PropTypes.string,
+    title: PropTypes.node,
+    mode: PropTypes.oneOf(['hour', 'minute', 'second']),
+    step: PropTypes.number,
+    activeIndex: PropTypes.number,
+    value: checkMomentObj,
+    disabledItems: PropTypes.func,
+    renderTimeMenuItems: PropTypes.func,
+    onSelect: PropTypes.func,
+    disabled: PropTypes.bool,
+  };
 
-    static defaultProps = {
-        step: 1,
-        disabledItems: () => false,
-        renderTimeMenuItems: list => list,
-        onSelect: () => {},
-        disabled: false,
-    };
+  static defaultProps = {
+    step: 1,
+    disabledItems: () => false,
+    renderTimeMenuItems: list => list,
+    onSelect: () => {},
+    disabled: false,
+  };
 
-    componentDidMount() {
-        this.scrollToSelected(0);
+  componentDidMount() {
+    this.scrollToSelected(0);
+  }
+
+  componentDidUpdate(prevProps) {
+    if (prevProps.activeIndex !== this.props.activeIndex) {
+      this.scrollToSelected(120);
     }
+  }
 
-    componentDidUpdate(prevProps) {
-        if (prevProps.activeIndex !== this.props.activeIndex) {
-            this.scrollToSelected(120);
-        }
-    }
+  scrollToSelected(duration = 0) {
+    const { activeIndex, step } = this.props;
+    const targetIndex = Math.floor((activeIndex || 0) / step);
+    const firstItem = this.menu.children[targetIndex];
+    const offsetTo = firstItem.offsetTop;
+    scrollTo(this.menu, offsetTo, duration);
+  }
 
-    scrollToSelected(duration = 0) {
-        const { activeIndex, step } = this.props;
-        const targetIndex = Math.floor((activeIndex || 0) / step);
-        const firstItem = this.menu.children[targetIndex];
-        const offsetTo = firstItem.offsetTop;
-        scrollTo(this.menu, offsetTo, duration);
-    }
+  _menuRefHandler = ref => {
+    this.menu = ref;
+  };
 
-    _menuRefHandler = ref => {
-        this.menu = ref;
-    };
+  createMenuItems = list => {
+    const {
+      prefix,
+      mode,
+      disabled,
+      disabledItems,
+      activeIndex,
+      onSelect,
+      renderTimeMenuItems,
+      value: timeValue,
+    } = this.props;
+    list = renderTimeMenuItems(list, mode, timeValue) || list;
 
-    createMenuItems = list => {
-        const {
-            prefix,
-            mode,
-            disabled,
-            disabledItems,
-            activeIndex,
-            onSelect,
-            renderTimeMenuItems,
-            value: timeValue,
-        } = this.props;
-        list = renderTimeMenuItems(list, mode, timeValue) || list;
+    return list.map(({ label, value }) => {
+      const isDisabled = disabled || disabledItems(value);
+      const itemCls = classnames({
+        [`${prefix}time-picker-menu-item`]: true,
+        [`${prefix}disabled`]: isDisabled,
+        [`${prefix}selected`]: value === activeIndex,
+      });
+      const onClick = isDisabled ? noop : () => onSelect(value, mode);
+      return (
+        <li
+          role="option"
+          aria-selected={String(value === activeIndex)}
+          key={value}
+          title={value}
+          className={itemCls}
+          onClick={onClick}
+        >
+          {label}
+        </li>
+      );
+    });
+  };
 
-        return list.map(({ label, value }) => {
-            const isDisabled = disabled || disabledItems(value);
-            const itemCls = classnames({
-                [`${prefix}time-picker-menu-item`]: true,
-                [`${prefix}disabled`]: isDisabled,
-                [`${prefix}selected`]: value === activeIndex,
-            });
-            const onClick = isDisabled ? noop : () => onSelect(value, mode);
-            return (
-                <li
-                    role="option"
-                    aria-selected={String(value === activeIndex)}
-                    key={value}
-                    title={value}
-                    className={itemCls}
-                    onClick={onClick}
-                >
-                    {label}
-                </li>
-            );
+  render() {
+    const { prefix, title, mode, step } = this.props;
+    const total = mode === 'hour' ? 24 : 60;
+    const list = [];
+    for (let i = 0; i < total; i++) {
+      if (i % step === 0) {
+        list.push({
+          label: i,
+          value: i,
         });
-    };
-
-    render() {
-        const { prefix, title, mode, step } = this.props;
-        const total = mode === 'hour' ? 24 : 60;
-        const list = [];
-        for (let i = 0; i < total; i++) {
-            if (i % step === 0) {
-                list.push({
-                    label: i,
-                    value: i,
-                });
-            }
-        }
-
-        const menuTitle = title ? (
-            <div className={`${prefix}time-picker-menu-title`}>{title}</div>
-        ) : null;
-
-        return (
-            <div className={`${prefix}time-picker-menu`}>
-                {menuTitle}
-                <ul
-                    role="listbox"
-                    className={`${prefix}time-picker-menu-${mode}`}
-                    ref={this._menuRefHandler}
-                >
-                    {this.createMenuItems(list)}
-                </ul>
-            </div>
-        );
+      }
     }
+
+    const menuTitle = title ? (
+      <div className={`${prefix}time-picker-menu-title`}>{title}</div>
+    ) : null;
+
+    return (
+      <div className={`${prefix}time-picker-menu`}>
+        {menuTitle}
+        <ul
+          role="listbox"
+          className={`${prefix}time-picker-menu-${mode}`}
+          ref={this._menuRefHandler}
+        >
+          {this.createMenuItems(list)}
+        </ul>
+      </div>
+    );
+  }
 }
 
 export default TimeMenu;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/time-picker/panel.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/time-picker/panel.jsx
index 213924139..fb3b6ed98 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/time-picker/panel.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/time-picker/panel.jsx
@@ -10,55 +10,55 @@ import { checkMomentObj } from './utils';
 const { noop } = func;
 
 class TimePickerPanel extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    /**
          * 时间值（moment 对象）
          */
-        value: checkMomentObj,
-        /**
+    value: checkMomentObj,
+    /**
          * 是否显示小时
          */
-        showHour: PropTypes.bool,
-        /**
+    showHour: PropTypes.bool,
+    /**
          * 是否显示分钟
          */
-        showMinute: PropTypes.bool,
-        /**
+    showMinute: PropTypes.bool,
+    /**
          * 是否显示秒
          */
-        showSecond: PropTypes.bool,
-        /**
+    showSecond: PropTypes.bool,
+    /**
          * 小时选项步长
          */
-        hourStep: PropTypes.number,
-        /**
+    hourStep: PropTypes.number,
+    /**
          * 分钟选项步长
          */
-        minuteStep: PropTypes.number,
-        /**
+    minuteStep: PropTypes.number,
+    /**
          * 秒钟选项步长
          */
-        secondStep: PropTypes.number,
-        /**
+    secondStep: PropTypes.number,
+    /**
          * 禁用小时函数
          * @param {Number} index 时 0 - 23
          * @return {Boolean} 是否禁用
          */
-        disabledHours: PropTypes.func,
-        /**
+    disabledHours: PropTypes.func,
+    /**
          * 禁用分钟函数
          * @param {Number} index 分 0 - 59
          * @return {Boolean} 是否禁用
          */
-        disabledMinutes: PropTypes.func,
-        /**
+    disabledMinutes: PropTypes.func,
+    /**
          * 禁用秒函数
          * @param {Number} index 秒 0 - 59
          * @return {Boolean} 是否禁用
          */
-        disabledSeconds: PropTypes.func,
-        /**
+    disabledSeconds: PropTypes.func,
+    /**
          * 渲染的可选择时间列表
          * [{
          *  label: '01',
@@ -69,129 +69,129 @@ class TimePickerPanel extends Component {
          * @param {moment} value 当前时间，可能为 null
          * @return {Array} 返回需要渲染的数据
          */
-        renderTimeMenuItems: PropTypes.func,
-        /**
+    renderTimeMenuItems: PropTypes.func,
+    /**
          * 选择某个日期值时的回调
          * @param {Object} 选中后的日期值
          */
-        onSelect: PropTypes.func,
-        locale: PropTypes.object,
-        disabled: PropTypes.bool,
-        className: PropTypes.string,
-    };
+    onSelect: PropTypes.func,
+    locale: PropTypes.object,
+    disabled: PropTypes.bool,
+    className: PropTypes.string,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        showHour: true,
-        showSecond: true,
-        showMinute: true,
-        disabledHours: noop,
-        disabledMinutes: noop,
-        disabledSeconds: noop,
-        onSelect: noop,
-        disabled: false,
-        locale: nextLocale.TimePicker,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    showHour: true,
+    showSecond: true,
+    showMinute: true,
+    disabledHours: noop,
+    disabledMinutes: noop,
+    disabledSeconds: noop,
+    onSelect: noop,
+    disabled: false,
+    locale: nextLocale.TimePicker,
+  };
 
-    onSelectMenuItem = (index, type) => {
-        const { value } = this.props;
-        const clonedValue = value
-            ? value.clone()
-            : moment('00:00:00', 'HH:mm:ss', true);
-        switch (type) {
-            case 'hour':
-                clonedValue.hour(index);
-                break;
-            case 'minute':
-                clonedValue.minute(index);
-                break;
-            case 'second':
-                clonedValue.second(index);
-                break;
-        }
-        this.props.onSelect(clonedValue);
-    };
-
-    render() {
-        const {
-            prefix,
-            value,
-            locale,
-            className,
-            disabled,
-            showHour,
-            showMinute,
-            showSecond,
-            hourStep,
-            minuteStep,
-            secondStep,
-            disabledHours,
-            disabledMinutes,
-            disabledSeconds,
-            renderTimeMenuItems,
-            ...others
-        } = this.props;
-
-        const colLen = [showHour, showMinute, showSecond].filter(v => v).length;
-        const classNames = classnames(
-            `${prefix}time-picker-panel`,
-            `${prefix}time-picker-panel-col-${colLen}`,
-            className
-        );
-
-        const commonProps = {
-            prefix,
-            disabled,
-            onSelect: this.onSelectMenuItem,
-            renderTimeMenuItems,
-            value,
-        };
-
-        let activeHour;
-        let activeMinute;
-        let activeSecond;
-
-        if (value && moment.isMoment(value)) {
-            activeHour = value.hour();
-            activeMinute = value.minute();
-            activeSecond = value.second();
-        }
-
-        return (
-            <div {...others} className={classNames}>
-                {showHour ? (
-                    <TimeMenu
-                        {...commonProps}
-                        activeIndex={activeHour}
-                        title={locale.hour}
-                        mode="hour"
-                        step={hourStep}
-                        disabledItems={disabledHours}
-                    />
-                ) : null}
-                {showMinute ? (
-                    <TimeMenu
-                        {...commonProps}
-                        activeIndex={activeMinute}
-                        title={locale.minute}
-                        mode="minute"
-                        step={minuteStep}
-                        disabledItems={disabledMinutes}
-                    />
-                ) : null}
-                {showSecond ? (
-                    <TimeMenu
-                        {...commonProps}
-                        activeIndex={activeSecond}
-                        title={locale.second}
-                        step={secondStep}
-                        mode="second"
-                        disabledItems={disabledSeconds}
-                    />
-                ) : null}
-            </div>
-        );
+  onSelectMenuItem = (index, type) => {
+    const { value } = this.props;
+    const clonedValue = value
+      ? value.clone()
+      : moment('00:00:00', 'HH:mm:ss', true);
+    switch (type) {
+      case 'hour':
+        clonedValue.hour(index);
+        break;
+      case 'minute':
+        clonedValue.minute(index);
+        break;
+      case 'second':
+        clonedValue.second(index);
+        break;
     }
+    this.props.onSelect(clonedValue);
+  };
+
+  render() {
+    const {
+      prefix,
+      value,
+      locale,
+      className,
+      disabled,
+      showHour,
+      showMinute,
+      showSecond,
+      hourStep,
+      minuteStep,
+      secondStep,
+      disabledHours,
+      disabledMinutes,
+      disabledSeconds,
+      renderTimeMenuItems,
+      ...others
+    } = this.props;
+
+    const colLen = [showHour, showMinute, showSecond].filter(v => v).length;
+    const classNames = classnames(
+      `${prefix}time-picker-panel`,
+      `${prefix}time-picker-panel-col-${colLen}`,
+      className,
+    );
+
+    const commonProps = {
+      prefix,
+      disabled,
+      onSelect: this.onSelectMenuItem,
+      renderTimeMenuItems,
+      value,
+    };
+
+    let activeHour;
+    let activeMinute;
+    let activeSecond;
+
+    if (value && moment.isMoment(value)) {
+      activeHour = value.hour();
+      activeMinute = value.minute();
+      activeSecond = value.second();
+    }
+
+    return (
+      <div {...others} className={classNames}>
+        {showHour ? (
+          <TimeMenu
+            {...commonProps}
+            activeIndex={activeHour}
+            title={locale.hour}
+            mode="hour"
+            step={hourStep}
+            disabledItems={disabledHours}
+          />
+        ) : null}
+        {showMinute ? (
+          <TimeMenu
+            {...commonProps}
+            activeIndex={activeMinute}
+            title={locale.minute}
+            mode="minute"
+            step={minuteStep}
+            disabledItems={disabledMinutes}
+          />
+        ) : null}
+        {showSecond ? (
+          <TimeMenu
+            {...commonProps}
+            activeIndex={activeSecond}
+            title={locale.second}
+            step={secondStep}
+            mode="second"
+            disabledItems={disabledSeconds}
+          />
+        ) : null}
+      </div>
+    );
+  }
 }
 
 export default TimePickerPanel;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/time-picker/time-picker.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/time-picker/time-picker.jsx
index 5768957cc..4400881f8 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/time-picker/time-picker.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/time-picker/time-picker.jsx
@@ -20,74 +20,74 @@ const timePickerLocale = nextLocale.TimePicker;
  * TimePicker
  */
 class TimePicker extends Component {
-    static propTypes = {
-        ...ConfigProvider.propTypes,
-        prefix: PropTypes.string,
-        rtl: PropTypes.bool,
-        /**
+  static propTypes = {
+    ...ConfigProvider.propTypes,
+    prefix: PropTypes.string,
+    rtl: PropTypes.bool,
+    /**
          * 按钮的文案
          */
-        label: PropTypes.node,
-        /**
+    label: PropTypes.node,
+    /**
          * 输入框状态
          */
-        state: PropTypes.oneOf(['error', 'success']),
-        /**
+    state: PropTypes.oneOf(['error', 'success']),
+    /**
          * 输入框提示
          */
-        placeholder: PropTypes.string,
-        /**
+    placeholder: PropTypes.string,
+    /**
          * 时间值（moment 对象或时间字符串，受控状态使用）
          */
-        value: checkDateValue,
-        /**
+    value: checkDateValue,
+    /**
          * 时间初值（moment 对象或时间字符串，非受控状态使用）
          */
-        defaultValue: checkDateValue,
-        /**
+    defaultValue: checkDateValue,
+    /**
          * 时间选择框的尺寸
          */
-        size: PropTypes.oneOf(['small', 'medium', 'large']),
-        /**
+    size: PropTypes.oneOf(['small', 'medium', 'large']),
+    /**
          * 是否允许清空时间
          */
-        hasClear: PropTypes.bool,
-        /**
+    hasClear: PropTypes.bool,
+    /**
          * 时间的格式
          * https://momentjs.com/docs/#/parsing/string-format/
          */
-        format: PropTypes.string,
-        /**
+    format: PropTypes.string,
+    /**
          * 小时选项步长
          */
-        hourStep: PropTypes.number,
-        /**
+    hourStep: PropTypes.number,
+    /**
          * 分钟选项步长
          */
-        minuteStep: PropTypes.number,
-        /**
+    minuteStep: PropTypes.number,
+    /**
          * 秒钟选项步长
          */
-        secondStep: PropTypes.number,
-        /**
+    secondStep: PropTypes.number,
+    /**
          * 禁用小时函数
          * @param {Number} index 时 0 - 23
          * @return {Boolean} 是否禁用
          */
-        disabledHours: PropTypes.func,
-        /**
+    disabledHours: PropTypes.func,
+    /**
          * 禁用分钟函数
          * @param {Number} index 分 0 - 59
          * @return {Boolean} 是否禁用
          */
-        disabledMinutes: PropTypes.func,
-        /**
+    disabledMinutes: PropTypes.func,
+    /**
          * 禁用秒钟函数
          * @param {Number} index 秒 0 - 59
          * @return {Boolean} 是否禁用
          */
-        disabledSeconds: PropTypes.func,
-        /**
+    disabledSeconds: PropTypes.func,
+    /**
          * 渲染的可选择时间列表
          * [{
          *  label: '01',
@@ -98,404 +98,402 @@ class TimePicker extends Component {
          * @param {moment} value 当前时间，可能为 null
          * @return {Array} 返回需要渲染的数据
          */
-        renderTimeMenuItems: PropTypes.func,
-        /**
+    renderTimeMenuItems: PropTypes.func,
+    /**
          * 弹层是否显示（受控）
          */
-        visible: PropTypes.bool,
-        /**
+    visible: PropTypes.bool,
+    /**
          * 弹层默认是否显示（非受控）
          */
-        defaultVisible: PropTypes.bool,
-        /**
+    defaultVisible: PropTypes.bool,
+    /**
          * 弹层容器
          * @param {Object} target 目标节点
          * @return {ReactNode} 容器节点
          */
-        popupContainer: PropTypes.any,
-        /**
+    popupContainer: PropTypes.any,
+    /**
          * 弹层对齐方式, 详情见Overlay 文档
          */
-        popupAlign: PropTypes.string,
-        /**
+    popupAlign: PropTypes.string,
+    /**
          * 弹层触发方式
          */
-        popupTriggerType: PropTypes.oneOf(['click', 'hover']),
-        /**
+    popupTriggerType: PropTypes.oneOf(['click', 'hover']),
+    /**
          * 弹层展示状态变化时的回调
          * @param {Boolean} visible 弹层是否隐藏和显示
          * @param {String} type 触发弹层显示和隐藏的来源 fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发
          */
-        onVisibleChange: PropTypes.func,
-        /**
+    onVisibleChange: PropTypes.func,
+    /**
          * 弹层自定义样式
          */
-        popupStyle: PropTypes.object,
-        /**
+    popupStyle: PropTypes.object,
+    /**
          * 弹层自定义样式类
          */
-        popupClassName: PropTypes.string,
-        /**
+    popupClassName: PropTypes.string,
+    /**
          * 弹层属性
          */
-        popupProps: PropTypes.object,
-        /**
+    popupProps: PropTypes.object,
+    /**
          * 是否跟随滚动
          */
-        followTrigger: PropTypes.bool,
-        /**
+    followTrigger: PropTypes.bool,
+    /**
          * 是否禁用
          */
-        disabled: PropTypes.bool,
-        /**
+    disabled: PropTypes.bool,
+    /**
          * 是否为预览态
          */
-        isPreview: PropTypes.bool,
-        /**
+    isPreview: PropTypes.bool,
+    /**
          * 预览态模式下渲染的内容
          * @param {MomentObject} value 时间
          */
-        renderPreview: PropTypes.func,
-        /**
+    renderPreview: PropTypes.func,
+    /**
          * 时间值改变时的回调
          * @param {Object|String} value 时间对象或时间字符串
          */
-        onChange: PropTypes.func,
-        className: PropTypes.string,
-        name: PropTypes.string,
-        inputProps: PropTypes.object,
-        popupComponent: PropTypes.elementType,
-        popupContent: PropTypes.node,
-    };
+    onChange: PropTypes.func,
+    className: PropTypes.string,
+    name: PropTypes.string,
+    inputProps: PropTypes.object,
+    popupComponent: PropTypes.elementType,
+    popupContent: PropTypes.node,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        rtl: false,
-        locale: timePickerLocale,
-        size: 'medium',
-        format: 'HH:mm:ss',
-        hasClear: true,
-        disabled: false,
-        popupAlign: 'tl tl',
-        popupTriggerType: 'click',
-        onChange: noop,
-        onVisibleChange: noop,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    rtl: false,
+    locale: timePickerLocale,
+    size: 'medium',
+    format: 'HH:mm:ss',
+    hasClear: true,
+    disabled: false,
+    popupAlign: 'tl tl',
+    popupTriggerType: 'click',
+    onChange: noop,
+    onVisibleChange: noop,
+  };
 
-    constructor(props, context) {
-        super(props, context);
-        const value = formatDateValue(
-            props.value || props.defaultValue,
-            props.format
-        );
-        this.inputAsString =
+  constructor(props, context) {
+    super(props, context);
+    const value = formatDateValue(
+      props.value || props.defaultValue,
+      props.format,
+    );
+    this.inputAsString =
             typeof (props.value || props.defaultValue) === 'string';
-        this.state = {
-            value,
-            inputStr: '',
-            inputing: false,
-            visible: props.visible || props.defaultVisible,
-        };
+    this.state = {
+      value,
+      inputStr: '',
+      inputing: false,
+      visible: props.visible || props.defaultVisible,
+    };
+  }
+
+  static getDerivedStateFromProps(props) {
+    const state = {};
+
+    if ('value' in props) {
+      state.value = formatDateValue(props.value, props.format);
     }
 
-    static getDerivedStateFromProps(props) {
-        const state = {};
-
-        if ('value' in props) {
-            state.value = formatDateValue(props.value, props.format);
-        }
-
-        if ('visible' in props) {
-            state.visible = props.visible;
-        }
-
-        return state;
+    if ('visible' in props) {
+      state.visible = props.visible;
     }
 
-    onValueChange(newValue) {
-        const ret =
+    return state;
+  }
+
+  onValueChange(newValue) {
+    const ret =
             this.inputAsString && newValue
-                ? newValue.format(this.props.format)
-                : newValue;
-        this.props.onChange(ret);
-    }
+              ? newValue.format(this.props.format)
+              : newValue;
+    this.props.onChange(ret);
+  }
 
-    onClearValue = () => {
+  onClearValue = () => {
+    this.setState({
+      value: null,
+    });
+    if (this.state.value) {
+      this.onValueChange(null);
+    }
+  };
+
+  onInputChange = (inputValue, e, eventType) => {
+    if (!('value' in this.props)) {
+      if (eventType === 'clear' || !inputValue) {
+        e.stopPropagation();
+        this.onClearValue();
+      }
+
+      this.setState({
+        inputStr: inputValue,
+        inputing: true,
+      });
+    } else if (eventType === 'clear') {
+      // 受控状态下用户点击 clear
+      e.stopPropagation();
+      this.onValueChange(null);
+    }
+  };
+
+  onInputBlur = () => {
+    const { inputStr } = this.state;
+    if (inputStr) {
+      const { format } = this.props;
+      const parsed = moment(inputStr, format, true);
+      if (parsed.isValid()) {
         this.setState({
-            value: null,
+          value: parsed,
+          inputStr: '',
         });
-        if (this.state.value) {
-            this.onValueChange(null);
-        }
-    };
+        this.onValueChange(parsed);
+      }
+      this.setState({
+        inputing: false,
+      });
+    }
+  };
 
-    onInputChange = (inputValue, e, eventType) => {
-        if (!('value' in this.props)) {
-            if (eventType === 'clear' || !inputValue) {
-                e.stopPropagation();
-                this.onClearValue();
-            }
+  onKeyown = e => {
+    const { value, inputStr } = this.state;
+    const {
+      format,
+      hourStep = 1,
+      minuteStep = 1,
+      secondStep = 1,
+      disabledMinutes,
+      disabledSeconds,
+    } = this.props;
 
-            this.setState({
-                inputStr: inputValue,
-                inputing: true,
-            });
-        } else if (eventType === 'clear') {
-            // 受控状态下用户点击 clear
-            e.stopPropagation();
-            this.onValueChange(null);
-        }
-    };
+    let unit = 'second';
 
-    onInputBlur = () => {
-        const { inputStr } = this.state;
-        if (inputStr) {
-            const { format } = this.props;
-            const parsed = moment(inputStr, format, true);
-            if (parsed.isValid()) {
-                this.setState({
-                    value: parsed,
-                    inputStr: '',
-                });
-                this.onValueChange(parsed);
-            }
-            this.setState({
-                inputing: false,
-            });
-        }
-    };
+    if (disabledSeconds) {
+      unit = disabledMinutes ? 'hour' : 'minute';
+    }
+    const timeStr = onTimeKeydown(
+      e,
+      {
+        format,
+        timeInputStr: inputStr,
+        steps: {
+          hour: hourStep,
+          minute: minuteStep,
+          second: secondStep,
+        },
+        value,
+      },
+      unit,
+    );
 
-    onKeyown = e => {
-        const { value, inputStr } = this.state;
-        const {
-            format,
-            hourStep = 1,
-            minuteStep = 1,
-            secondStep = 1,
-            disabledMinutes,
-            disabledSeconds,
-        } = this.props;
+    if (!timeStr) return;
 
-        let unit = 'second';
+    this.onInputChange(timeStr);
+  };
 
-        if (disabledSeconds) {
-            unit = disabledMinutes ? 'hour' : 'minute';
-        }
-        const timeStr = onTimeKeydown(
-            e,
-            {
-                format,
-                timeInputStr: inputStr,
-                steps: {
-                    hour: hourStep,
-                    minute: minuteStep,
-                    second: secondStep,
-                },
-                value,
-            },
-            unit
-        );
-
-        if (!timeStr) return;
-
-        this.onInputChange(timeStr);
-    };
-
-    onTimePanelSelect = value => {
-        if (!('value' in this.props)) {
-            this.setState({
-                value,
-                inputing: false,
-            });
-        }
-        if (
-            !this.state.value ||
+  onTimePanelSelect = value => {
+    if (!('value' in this.props)) {
+      this.setState({
+        value,
+        inputing: false,
+      });
+    }
+    if (
+      !this.state.value ||
             value.valueOf() !== this.state.value.valueOf()
-        ) {
-            this.onValueChange(value);
-        }
-    };
+    ) {
+      this.onValueChange(value);
+    }
+  };
 
-    onVisibleChange = (visible, type) => {
-        if (!('visible' in this.props)) {
-            this.setState({
-                visible,
-            });
-        }
-        this.props.onVisibleChange(visible, type);
-    };
+  onVisibleChange = (visible, type) => {
+    if (!('visible' in this.props)) {
+      this.setState({
+        visible,
+      });
+    }
+    this.props.onVisibleChange(visible, type);
+  };
 
-    renderPreview(others) {
-        const { prefix, format, className, renderPreview } = this.props;
-        const { value } = this.state;
-        const previewCls = classnames(className, `${prefix}form-preview`);
+  renderPreview(others) {
+    const { prefix, format, className, renderPreview } = this.props;
+    const { value } = this.state;
+    const previewCls = classnames(className, `${prefix}form-preview`);
 
-        const label = value ? value.format(format) : '';
+    const label = value ? value.format(format) : '';
 
-        if (typeof renderPreview === 'function') {
-            return (
-                <div {...others} className={previewCls}>
-                    {renderPreview(value, this.props)}
-                </div>
-            );
-        }
-
-        return (
-            <p {...others} className={previewCls}>
-                {label}
-            </p>
-        );
+    if (typeof renderPreview === 'function') {
+      return (
+        <div {...others} className={previewCls}>
+          {renderPreview(value, this.props)}
+        </div>
+      );
     }
 
-    render() {
-        const {
-            prefix,
-            label,
-            state,
-            placeholder,
-            size,
-            format,
-            hasClear,
-            hourStep,
-            minuteStep,
-            secondStep,
-            disabledHours,
-            disabledMinutes,
-            disabledSeconds,
-            renderTimeMenuItems,
-            inputProps,
-            popupAlign,
-            popupTriggerType,
-            popupContainer,
-            popupStyle,
-            popupClassName,
-            popupProps,
-            popupComponent,
-            popupContent,
-            followTrigger,
-            disabled,
-            className,
-            locale,
-            rtl,
-            isPreview,
-            ...others
-        } = this.props;
+    return (
+      <p {...others} className={previewCls}>
+        {label}
+      </p>
+    );
+  }
 
-        const { value, inputStr, inputing, visible } = this.state;
+  render() {
+    const {
+      prefix,
+      label,
+      state,
+      placeholder,
+      size,
+      format,
+      hasClear,
+      hourStep,
+      minuteStep,
+      secondStep,
+      disabledHours,
+      disabledMinutes,
+      disabledSeconds,
+      renderTimeMenuItems,
+      inputProps,
+      popupAlign,
+      popupTriggerType,
+      popupContainer,
+      popupStyle,
+      popupClassName,
+      popupProps,
+      popupComponent,
+      popupContent,
+      followTrigger,
+      disabled,
+      className,
+      locale,
+      rtl,
+      isPreview,
+      ...others
+    } = this.props;
 
-        const triggerCls = classnames({
-            [`${prefix}time-picker-trigger`]: true,
-        });
+    const { value, inputStr, inputing, visible } = this.state;
 
-        if (rtl) {
-            others.dir = 'rtl';
-        }
+    const triggerCls = classnames({
+      [`${prefix}time-picker-trigger`]: true,
+    });
 
-        if (isPreview) {
-            return this.renderPreview(
-                obj.pickOthers(others, TimePicker.PropTypes)
-            );
-        }
+    if (rtl) {
+      others.dir = 'rtl';
+    }
 
-        const inputValue = inputing
-            ? inputStr
-            : (value && value.format(format)) || '';
-        const sharedInputProps = {
-            ...inputProps,
-            size,
-            disabled,
-            value: inputValue,
-            hasClear: value && hasClear,
-            onChange: this.onInputChange,
-            onBlur: this.onInputBlur,
-            onPressEnter: this.onInputBlur,
-            onKeyDown: this.onKeyown,
-            hint: 'clock',
-        };
+    if (isPreview) {
+      return this.renderPreview(
+        obj.pickOthers(others, TimePicker.PropTypes),
+      );
+    }
 
-        const triggerInput = (
-            <div className={triggerCls}>
-                <Input
-                    {...sharedInputProps}
-                    label={label}
-                    state={state}
-                    placeholder={placeholder || locale.placeholder}
-                    className={`${prefix}time-picker-input`}
-                />
-            </div>
-        );
+    const inputValue = inputing
+      ? inputStr
+      : (value && value.format(format)) || '';
+    const sharedInputProps = {
+      ...inputProps,
+      size,
+      disabled,
+      value: inputValue,
+      hasClear: value && hasClear,
+      onChange: this.onInputChange,
+      onBlur: this.onInputBlur,
+      onPressEnter: this.onInputBlur,
+      onKeyDown: this.onKeyown,
+      hint: 'clock',
+    };
 
-        const panelProps = {
-            prefix,
-            locale,
-            value,
-            disabled,
-            showHour: format.indexOf('H') > -1,
-            showSecond: format.indexOf('s') > -1,
-            showMinute: format.indexOf('m') > -1,
-            hourStep,
-            minuteStep,
-            secondStep,
-            disabledHours,
-            disabledMinutes,
-            disabledSeconds,
-            renderTimeMenuItems,
-            onSelect: this.onTimePanelSelect,
-        };
+    const triggerInput = (
+      <div className={triggerCls}>
+        <Input
+          {...sharedInputProps}
+          label={label}
+          state={state}
+          placeholder={placeholder || locale.placeholder}
+          className={`${prefix}time-picker-input`}
+        />
+      </div>
+    );
 
-        const classNames = classnames(
-            {
-                [`${prefix}time-picker`]: true,
-                [`${prefix}time-picker-${size}`]: size,
-                [`${prefix}disabled`]: disabled,
-            },
-            className
-        );
+    const panelProps = {
+      prefix,
+      locale,
+      value,
+      disabled,
+      showHour: format.indexOf('H') > -1,
+      showSecond: format.indexOf('s') > -1,
+      showMinute: format.indexOf('m') > -1,
+      hourStep,
+      minuteStep,
+      secondStep,
+      disabledHours,
+      disabledMinutes,
+      disabledSeconds,
+      renderTimeMenuItems,
+      onSelect: this.onTimePanelSelect,
+    };
 
-        const PopupComponent = popupComponent ? popupComponent : Popup;
+    const classNames = classnames(
+      {
+        [`${prefix}time-picker`]: true,
+        [`${prefix}time-picker-${size}`]: size,
+        [`${prefix}disabled`]: disabled,
+      },
+      className,
+    );
 
-        return (
+    const PopupComponent = popupComponent || Popup;
+
+    return (
+      <div
+        {...obj.pickOthers(TimePicker.propTypes, others)}
+        className={classNames}
+      >
+        <PopupComponent
+          autoFocus
+          align={popupAlign}
+          {...popupProps}
+          followTrigger={followTrigger}
+          visible={visible}
+          onVisibleChange={this.onVisibleChange}
+          trigger={triggerInput}
+          container={popupContainer}
+          disabled={disabled}
+          triggerType={popupTriggerType}
+          style={popupStyle}
+          className={popupClassName}
+        >
+          {popupContent || (
+          <div
+            dir={others.dir}
+            className={`${prefix}time-picker-body`}
+          >
             <div
-                {...obj.pickOthers(TimePicker.propTypes, others)}
-                className={classNames}
+              className={`${prefix}time-picker-panel-header`}
             >
-                <PopupComponent
-                    autoFocus
-                    align={popupAlign}
-                    {...popupProps}
-                    followTrigger={followTrigger}
-                    visible={visible}
-                    onVisibleChange={this.onVisibleChange}
-                    trigger={triggerInput}
-                    container={popupContainer}
-                    disabled={disabled}
-                    triggerType={popupTriggerType}
-                    style={popupStyle}
-                    className={popupClassName}
-                >
-                    {popupContent ? (
-                        popupContent
-                    ) : (
-                        <div
-                            dir={others.dir}
-                            className={`${prefix}time-picker-body`}
-                        >
-                            <div
-                                className={`${prefix}time-picker-panel-header`}
-                            >
-                                <Input
-                                    {...sharedInputProps}
-                                    placeholder={format}
-                                    className={`${prefix}time-picker-panel-input`}
-                                />
-                            </div>
-                            <TimePickerPanel {...panelProps} />
-                        </div>
-                    )}
-                </PopupComponent>
+              <Input
+                {...sharedInputProps}
+                placeholder={format}
+                className={`${prefix}time-picker-panel-input`}
+              />
             </div>
-        );
-    }
+            <TimePickerPanel {...panelProps} />
+          </div>
+          )}
+        </PopupComponent>
+      </div>
+    );
+  }
 }
 
 export default polyfill(TimePicker);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/time-picker/utils/index.js b/packages/material-parser/test/fixtures/fusion-next-component/src/time-picker/utils/index.js
index de33e6709..129a19763 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/time-picker/utils/index.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/time-picker/utils/index.js
@@ -2,30 +2,30 @@ import moment from 'moment';
 
 // 检查传入值是否为 moment 对象
 export function checkMomentObj(props, propName, componentName) {
-    if (props[propName] && !moment.isMoment(props[propName])) {
-        return new Error(
-            `Invalid prop ${propName} supplied to ${componentName}. Required a moment object`
-        );
-    }
+  if (props[propName] && !moment.isMoment(props[propName])) {
+    return new Error(
+      `Invalid prop ${propName} supplied to ${componentName}. Required a moment object`,
+    );
+  }
 }
 
 // 检查传入值是否为 moment 对象或时间字符串，字符串不检测是否为日期字符串
 export function checkDateValue(props, propName, componentName) {
-    if (
-        props[propName] &&
+  if (
+    props[propName] &&
         !moment.isMoment(props[propName]) &&
         typeof props[propName] !== 'string'
-    ) {
-        return new Error(
-            `Invalid prop ${propName} supplied to ${componentName}. Required a moment object or format date string!`
-        );
-    }
+  ) {
+    return new Error(
+      `Invalid prop ${propName} supplied to ${componentName}. Required a moment object or format date string!`,
+    );
+  }
 }
 
 export function formatDateValue(value, format) {
-    const val = typeof value === 'string' ? moment(value, format, true) : value;
-    if (val && moment.isMoment(val) && val.isValid()) {
-        return val;
-    }
-    return null;
+  const val = typeof value === 'string' ? moment(value, format, true) : value;
+  if (val && moment.isMoment(val) && val.isValid()) {
+    return val;
+  }
+  return null;
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/timeline/locale/index.js b/packages/material-parser/test/fixtures/fusion-next-component/src/timeline/locale/index.js
index f34609966..e167dd0bf 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/timeline/locale/index.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/timeline/locale/index.js
@@ -1,6 +1,6 @@
 const locale = {
-    expand: '展开',
-    collapse: '收起',
+  expand: '展开',
+  collapse: '收起',
 };
 
 export default locale;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/timeline/view/timeline-item.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/timeline/view/timeline-item.jsx
index 5b177f48c..ad62a3a9c 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/timeline/view/timeline-item.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/timeline/view/timeline-item.jsx
@@ -10,190 +10,190 @@ import { obj } from '../../util';
 const { Expand } = Animate;
 /** Timeline.Item */
 class TimelineItem extends Component {
-    static propTypes = {
-        ...ConfigProvider.propTypes,
-        prefix: PropTypes.string,
-        index: PropTypes.number,
-        total: PropTypes.number,
-        folderIndex: PropTypes.number,
-        foldShow: PropTypes.bool,
-        /**
+  static propTypes = {
+    ...ConfigProvider.propTypes,
+    prefix: PropTypes.string,
+    index: PropTypes.number,
+    total: PropTypes.number,
+    folderIndex: PropTypes.number,
+    foldShow: PropTypes.bool,
+    /**
          * 节点状态
          */
-        state: PropTypes.oneOf(['done', 'process', 'error', 'success']),
-        /**
+    state: PropTypes.oneOf(['done', 'process', 'error', 'success']),
+    /**
          * 图标
          */
-        icon: PropTypes.string,
-        /**
+    icon: PropTypes.string,
+    /**
          * 自定义时间轴节点
          */
-        dot: PropTypes.node,
-        /**
+    dot: PropTypes.node,
+    /**
          * 格式化后的时间
          */
-        time: PropTypes.node,
-        /**
+    time: PropTypes.node,
+    /**
          * 标题
          */
-        title: PropTypes.node,
-        /**
+    title: PropTypes.node,
+    /**
          * 左侧时间
          */
-        timeLeft: PropTypes.node,
-        /**
+    timeLeft: PropTypes.node,
+    /**
          * 右侧内容
          */
-        content: PropTypes.node,
-        toggleFold: PropTypes.func,
-        className: PropTypes.string,
-        locale: PropTypes.object,
-        /**
+    content: PropTypes.node,
+    toggleFold: PropTypes.func,
+    className: PropTypes.string,
+    locale: PropTypes.object,
+    /**
          * 动画
          */
-        animation: PropTypes.bool,
-    };
+    animation: PropTypes.bool,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        state: 'done',
-        toggleFold: () => {},
-        animation: true,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    state: 'done',
+    toggleFold: () => {},
+    animation: true,
+  };
 
-    toggleFold(folderIndex) {
-        this.props.toggleFold(folderIndex);
-    }
+  toggleFold(folderIndex) {
+    this.props.toggleFold(folderIndex);
+  }
 
-    beforeEnter = () => {
-        this['timeline-item'].style['min-height'] = 'auto';
-    };
-    beforeLeave = () => {
-        this['timeline-item'].style['min-height'] = '48px'; // timeleft 节点最小高度
-    };
-    render() {
-        const {
-            prefix,
-            className,
-            state,
-            icon,
-            dot,
-            time,
-            title,
-            timeLeft,
-            content,
-            index,
-            total,
-            folderIndex,
-            foldShow,
-            locale,
-            animation,
-            ...others
-        } = this.props;
-        const finalItemNode = dot ? (
-            dot
-        ) : icon ? (
-            <span className={`${prefix}timeline-item-icon`}>
-                <Icon type={icon} size="xs" />
-            </span>
-        ) : (
-            <span className={`${prefix}timeline-item-dot`} />
-        );
-        const itemCls = classNames({
-            [`${prefix}timeline-item`]: true,
-            [`${prefix}timeline-item-first`]: index === 0,
-            [`${prefix}timeline-item-last`]: index === total - 1,
-            [`${prefix}timeline-item-${state}`]: state,
-            [`${prefix}timeline-item-folded`]: folderIndex,
-            [`${prefix}timeline-item-unfolded`]: foldShow,
-            [`${prefix}timeline-item-has-left-content`]: timeLeft,
-            [className]: className,
-        });
-        const folderCls = classNames({
-            [`${prefix}timeline-item-folder`]: true,
-            [`${prefix}timeline-item-has-left-content`]: timeLeft,
-        });
-        const itemNodeCls = classNames({
-            [`${prefix}timeline-item-node`]: true,
-            [`${prefix}timeline-item-node-custom`]: dot,
-        });
-        const dotTailCls = classNames({
-            [`${prefix}timeline-item-dot-tail`]: true,
-            [`${prefix}timeline-item-dot-tail-solid`]: foldShow,
-            [`${prefix}timeline-hide`]: index === total - 1 && foldShow,
-        });
+  beforeEnter = () => {
+    this['timeline-item'].style['min-height'] = 'auto';
+  };
 
-        const buttonProps = {
-            text: true,
-            size: 'small',
-            type: 'primary',
-            onClick: this.toggleFold.bind(this, folderIndex, total),
-        };
-        const timelineNode =
+  beforeLeave = () => {
+    this['timeline-item'].style['min-height'] = '48px'; // timeleft 节点最小高度
+  };
+
+  render() {
+    const {
+      prefix,
+      className,
+      state,
+      icon,
+      dot,
+      time,
+      title,
+      timeLeft,
+      content,
+      index,
+      total,
+      folderIndex,
+      foldShow,
+      locale,
+      animation,
+      ...others
+    } = this.props;
+    const finalItemNode = dot || (icon ? (
+      <span className={`${prefix}timeline-item-icon`}>
+        <Icon type={icon} size="xs" />
+      </span>
+    ) : (
+      <span className={`${prefix}timeline-item-dot`} />
+    ));
+    const itemCls = classNames({
+      [`${prefix}timeline-item`]: true,
+      [`${prefix}timeline-item-first`]: index === 0,
+      [`${prefix}timeline-item-last`]: index === total - 1,
+      [`${prefix}timeline-item-${state}`]: state,
+      [`${prefix}timeline-item-folded`]: folderIndex,
+      [`${prefix}timeline-item-unfolded`]: foldShow,
+      [`${prefix}timeline-item-has-left-content`]: timeLeft,
+      [className]: className,
+    });
+    const folderCls = classNames({
+      [`${prefix}timeline-item-folder`]: true,
+      [`${prefix}timeline-item-has-left-content`]: timeLeft,
+    });
+    const itemNodeCls = classNames({
+      [`${prefix}timeline-item-node`]: true,
+      [`${prefix}timeline-item-node-custom`]: dot,
+    });
+    const dotTailCls = classNames({
+      [`${prefix}timeline-item-dot-tail`]: true,
+      [`${prefix}timeline-item-dot-tail-solid`]: foldShow,
+      [`${prefix}timeline-hide`]: index === total - 1 && foldShow,
+    });
+
+    const buttonProps = {
+      text: true,
+      size: 'small',
+      type: 'primary',
+      onClick: this.toggleFold.bind(this, folderIndex, total),
+    };
+    const timelineNode =
             (folderIndex && foldShow) || !folderIndex ? (
-                <div
-                    {...obj.pickOthers(TimelineItem.propTypes, others)}
-                    className={itemCls}
-                    ref={e => {
-                        this['timeline-item'] = e;
-                    }}
-                >
-                    <div className={`${prefix}timeline-item-left-content`}>
-                        <p className={`${prefix}timeline-item-body`}>
-                            {timeLeft}
-                        </p>
-                    </div>
-                    <div className={`${prefix}timeline-item-timeline`}>
-                        <div className={`${prefix}timeline-item-tail`}>
-                            <i />
-                        </div>
-                        <div className={itemNodeCls}>{finalItemNode}</div>
-                    </div>
-                    <div className={`${prefix}timeline-item-content`}>
-                        <div className={`${prefix}timeline-item-title`}>
-                            {title}
-                        </div>
-                        <div className={`${prefix}timeline-item-body`}>
-                            {content}
-                        </div>
-                        <div className={`${prefix}timeline-item-time`}>
-                            {time}
-                        </div>
-                    </div>
+              <div
+                {...obj.pickOthers(TimelineItem.propTypes, others)}
+                className={itemCls}
+                ref={e => {
+                  this['timeline-item'] = e;
+                }}
+              >
+                <div className={`${prefix}timeline-item-left-content`}>
+                  <p className={`${prefix}timeline-item-body`}>
+                    {timeLeft}
+                  </p>
                 </div>
+                <div className={`${prefix}timeline-item-timeline`}>
+                  <div className={`${prefix}timeline-item-tail`}>
+                    <i />
+                  </div>
+                  <div className={itemNodeCls}>{finalItemNode}</div>
+                </div>
+                <div className={`${prefix}timeline-item-content`}>
+                  <div className={`${prefix}timeline-item-title`}>
+                    {title}
+                  </div>
+                  <div className={`${prefix}timeline-item-body`}>
+                    {content}
+                  </div>
+                  <div className={`${prefix}timeline-item-time`}>
+                    {time}
+                  </div>
+                </div>
+              </div>
             ) : null;
-        return (
-            <li tabIndex="0">
-                {animation && folderIndex ? (
-                    <Expand
-                        animationAppear={false}
-                        beforeEnter={this.beforeEnter}
-                        beforeLeave={this.beforeEnter}
-                        afterEnter={this.beforeLeave}
-                    >
-                        {timelineNode}
-                    </Expand>
-                ) : (
-                    timelineNode
-                )}
-                {folderIndex === index ? (
-                    <div className={folderCls}>
-                        <div className={dotTailCls} />
-                        {foldShow ? (
-                            <Button {...buttonProps}>
-                                {locale.fold}
-                                <Icon type="arrow-up" />
-                            </Button>
-                        ) : (
-                            <Button {...buttonProps}>
-                                {locale.expand}
-                                <Icon type="arrow-down" />
-                            </Button>
-                        )}
-                    </div>
-                ) : null}
-            </li>
-        );
-    }
+    return (
+      <li tabIndex="0">
+        {animation && folderIndex ? (
+          <Expand
+            animationAppear={false}
+            beforeEnter={this.beforeEnter}
+            beforeLeave={this.beforeEnter}
+            afterEnter={this.beforeLeave}
+          >
+            {timelineNode}
+          </Expand>
+        ) : (
+          timelineNode
+        )}
+        {folderIndex === index ? (
+          <div className={folderCls}>
+            <div className={dotTailCls} />
+            {foldShow ? (
+              <Button {...buttonProps}>
+                {locale.fold}
+                <Icon type="arrow-up" />
+              </Button>
+            ) : (
+              <Button {...buttonProps}>
+                {locale.expand}
+                <Icon type="arrow-down" />
+              </Button>
+            )}
+          </div>
+        ) : null}
+      </li>
+    );
+  }
 }
 export default TimelineItem;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/timeline/view/timeline.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/timeline/view/timeline.jsx
index 1a9b2f45a..cc702bcab 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/timeline/view/timeline.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/timeline/view/timeline.jsx
@@ -9,146 +9,146 @@ import nextLocale from '../../locale/zh-cn';
 
 /** Timeline */
 class Timeline extends Component {
-    static propTypes = {
-        ...ConfigProvider.propTypes,
-        /**
+  static propTypes = {
+    ...ConfigProvider.propTypes,
+    /**
          * 样式的品牌前缀
          */
-        prefix: PropTypes.string,
-        rtl: PropTypes.bool,
-        /**
+    prefix: PropTypes.string,
+    rtl: PropTypes.bool,
+    /**
          * 自定义折叠选项 示例`[{foldArea: [startIndex, endIndex], foldShow: boolean}]`
          */
-        fold: PropTypes.array,
-        /**
+    fold: PropTypes.array,
+    /**
          * 自定义类名
          */
-        className: PropTypes.string,
-        children: PropTypes.any,
-        locale: PropTypes.object,
-        animation: PropTypes.bool,
+    className: PropTypes.string,
+    children: PropTypes.any,
+    locale: PropTypes.object,
+    animation: PropTypes.bool,
+  };
+
+  static defaultProps = {
+    prefix: 'next-',
+    rtl: false,
+    fold: [],
+    locale: nextLocale.Timeline,
+    animation: true,
+  };
+
+  constructor(props, context) {
+    super(props, context);
+
+    this.state = {
+      fold: props.fold,
     };
+  }
 
-    static defaultProps = {
-        prefix: 'next-',
-        rtl: false,
-        fold: [],
-        locale: nextLocale.Timeline,
-        animation: true,
-    };
+  static getDerivedStateFromProps(nextProps, prevState) {
+    const { innerUpdate, fold } = prevState;
 
-    constructor(props, context) {
-        super(props, context);
-
-        this.state = {
-            fold: props.fold,
-        };
+    if (innerUpdate) {
+      return {
+        fold,
+        innerUpdate: false,
+      };
     }
 
-    static getDerivedStateFromProps(nextProps, prevState) {
-        const { innerUpdate, fold } = prevState;
-
-        if (innerUpdate) {
-            return {
-                fold,
-                innerUpdate: false,
-            };
-        }
-
-        if ('fold' in nextProps) {
-            return {
-                fold: nextProps.fold,
-            };
-        }
-
-        return null;
+    if ('fold' in nextProps) {
+      return {
+        fold: nextProps.fold,
+      };
     }
 
-    toggleFold(folderIndex, total) {
-        const fold = this.state.fold.map(item => ({ ...item }));
+    return null;
+  }
 
-        if (folderIndex) {
-            for (let i = 0; i < fold.length; i++) {
-                const { foldArea, foldShow } = fold[i];
+  toggleFold(folderIndex, total) {
+    const fold = this.state.fold.map(item => ({ ...item }));
 
-                if (
-                    (foldArea[1] && folderIndex === foldArea[1]) ||
+    if (folderIndex) {
+      for (let i = 0; i < fold.length; i++) {
+        const { foldArea, foldShow } = fold[i];
+
+        if (
+          (foldArea[1] && folderIndex === foldArea[1]) ||
                     (!foldArea[1] && folderIndex === total - 1)
-                ) {
-                    fold[i].foldShow = !foldShow;
-                }
-            }
-
-            this.setState({ fold, innerUpdate: true });
+        ) {
+          fold[i].foldShow = !foldShow;
         }
+      }
+
+      this.setState({ fold, innerUpdate: true });
     }
+  }
 
-    render() {
-        const {
-            prefix,
-            rtl,
-            className,
-            children,
-            locale,
-            animation,
-            ...others
-        } = this.props;
-        const { fold } = this.state;
+  render() {
+    const {
+      prefix,
+      rtl,
+      className,
+      children,
+      locale,
+      animation,
+      ...others
+    } = this.props;
+    const { fold } = this.state;
 
-        // 修改子节点属性
-        const childrenCount = React.Children.count(children);
-        const cloneChildren = Children.map(children, (child, i) => {
-            let folderIndex = null;
-            let foldNodeShow = false;
+    // 修改子节点属性
+    const childrenCount = React.Children.count(children);
+    const cloneChildren = Children.map(children, (child, i) => {
+      let folderIndex = null;
+      let foldNodeShow = false;
 
-            fold.forEach(item => {
-                const { foldArea, foldShow } = item;
+      fold.forEach(item => {
+        const { foldArea, foldShow } = item;
 
-                if (
-                    foldArea[0] &&
+        if (
+          foldArea[0] &&
                     i >= foldArea[0] &&
                     (i <= foldArea[1] || !foldArea[1])
-                ) {
-                    folderIndex = foldArea[1] || childrenCount - 1;
-                    foldNodeShow = foldShow;
-                }
-            });
-
-            return React.cloneElement(child, {
-                prefix: prefix,
-                locale: locale,
-                total: childrenCount,
-                index: i,
-                folderIndex: folderIndex,
-                foldShow: foldNodeShow,
-                toggleFold:
-                    folderIndex === i
-                        ? this.toggleFold.bind(this, folderIndex, childrenCount)
-                        : () => {},
-                animation: animation,
-            });
-        });
-
-        const timelineCls = classNames(
-            {
-                [`${prefix}timeline`]: true,
-            },
-            className
-        );
-
-        if (rtl) {
-            others.dir = 'rtl';
+        ) {
+          folderIndex = foldArea[1] || childrenCount - 1;
+          foldNodeShow = foldShow;
         }
+      });
 
-        return (
-            <ul
-                {...obj.pickOthers(Timeline.propTypes, others)}
-                className={timelineCls}
-            >
-                {cloneChildren}
-            </ul>
-        );
+      return React.cloneElement(child, {
+        prefix,
+        locale,
+        total: childrenCount,
+        index: i,
+        folderIndex,
+        foldShow: foldNodeShow,
+        toggleFold:
+                    folderIndex === i
+                      ? this.toggleFold.bind(this, folderIndex, childrenCount)
+                      : () => {},
+        animation,
+      });
+    });
+
+    const timelineCls = classNames(
+      {
+        [`${prefix}timeline`]: true,
+      },
+      className,
+    );
+
+    if (rtl) {
+      others.dir = 'rtl';
     }
+
+    return (
+      <ul
+        {...obj.pickOthers(Timeline.propTypes, others)}
+        className={timelineCls}
+      >
+        {cloneChildren}
+      </ul>
+    );
+  }
 }
 
 export default ConfigProvider.config(polyfill(Timeline));
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/transfer/view/transfer-item.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/transfer/view/transfer-item.jsx
index 202478bb9..e2bca4001 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/transfer/view/transfer-item.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/transfer/view/transfer-item.jsx
@@ -10,172 +10,172 @@ const { pickOthers } = obj;
 const { getOffset } = dom;
 
 export default class TransferItem extends Component {
-    static menuChildType = CheckboxItem.menuChildType;
+  static menuChildType = CheckboxItem.menuChildType;
 
-    static propTypes = {
-        prefix: PropTypes.string,
-        mode: PropTypes.oneOf(['normal', 'simple']),
-        value: PropTypes.array,
-        disabled: PropTypes.bool,
-        item: PropTypes.object,
-        onCheck: PropTypes.func,
-        onClick: PropTypes.func,
-        needHighlight: PropTypes.bool,
-        itemRender: PropTypes.func,
-        draggable: PropTypes.bool,
-        onDragStart: PropTypes.func,
-        onDragOver: PropTypes.func,
-        onDragEnd: PropTypes.func,
-        onDrop: PropTypes.func,
-        dragPosition: PropTypes.oneOf(['left', 'right']),
-        dragValue: PropTypes.string,
-        dragOverValue: PropTypes.string,
-        panelPosition: PropTypes.oneOf(['left', 'right']),
+  static propTypes = {
+    prefix: PropTypes.string,
+    mode: PropTypes.oneOf(['normal', 'simple']),
+    value: PropTypes.array,
+    disabled: PropTypes.bool,
+    item: PropTypes.object,
+    onCheck: PropTypes.func,
+    onClick: PropTypes.func,
+    needHighlight: PropTypes.bool,
+    itemRender: PropTypes.func,
+    draggable: PropTypes.bool,
+    onDragStart: PropTypes.func,
+    onDragOver: PropTypes.func,
+    onDragEnd: PropTypes.func,
+    onDrop: PropTypes.func,
+    dragPosition: PropTypes.oneOf(['left', 'right']),
+    dragValue: PropTypes.string,
+    dragOverValue: PropTypes.string,
+    panelPosition: PropTypes.oneOf(['left', 'right']),
+  };
+
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      highlight: false,
     };
 
-    constructor(props) {
-        super(props);
+    bindCtx(this, [
+      'getItemDOM',
+      'handleClick',
+      'handleDragStart',
+      'handleDragOver',
+      'handleDragEnd',
+      'handleDrop',
+    ]);
+  }
 
-        this.state = {
-            highlight: false,
-        };
-
-        bindCtx(this, [
-            'getItemDOM',
-            'handleClick',
-            'handleDragStart',
-            'handleDragOver',
-            'handleDragEnd',
-            'handleDrop',
-        ]);
+  componentDidMount() {
+    if (this.props.needHighlight) {
+      this.addHighlightTimer = setTimeout(() => {
+        this.setState({
+          highlight: true,
+        });
+      }, 1);
+      this.removeHighlightTimer = setTimeout(() => {
+        this.setState({
+          highlight: false,
+        });
+      }, 201);
     }
+  }
 
-    componentDidMount() {
-        if (this.props.needHighlight) {
-            this.addHighlightTimer = setTimeout(() => {
-                this.setState({
-                    highlight: true,
-                });
-            }, 1);
-            this.removeHighlightTimer = setTimeout(() => {
-                this.setState({
-                    highlight: false,
-                });
-            }, 201);
-        }
-    }
+  componentWillUnmount() {
+    clearTimeout(this.addHighlightTimer);
+    clearTimeout(this.removeHighlightTimer);
+  }
 
-    componentWillUnmount() {
-        clearTimeout(this.addHighlightTimer);
-        clearTimeout(this.removeHighlightTimer);
-    }
+  getItemDOM(ref) {
+    this.item = ref;
+  }
 
-    getItemDOM(ref) {
-        this.item = ref;
-    }
+  handleClick() {
+    const { onClick, panelPosition, item } = this.props;
+    onClick(panelPosition === 'left' ? 'right' : 'left', item.value);
+  }
 
-    handleClick() {
-        const { onClick, panelPosition, item } = this.props;
-        onClick(panelPosition === 'left' ? 'right' : 'left', item.value);
-    }
-
-    handleDragStart(ev) {
-        ev &&
+  handleDragStart(ev) {
+    ev &&
             ev.dataTransfer &&
             typeof ev.dataTransfer.setData === 'function' &&
             ev.dataTransfer.setData('text/plain', ev.target.id);
-        const { onDragStart, panelPosition, item } = this.props;
-        onDragStart(panelPosition, item.value);
+    const { onDragStart, panelPosition, item } = this.props;
+    onDragStart(panelPosition, item.value);
+  }
+
+  getDragGap(e) {
+    const referenceTop = getOffset(e.currentTarget).top;
+    const referenceHeight = e.currentTarget.offsetHeight;
+    return e.pageY <= referenceTop + referenceHeight / 2
+      ? 'before'
+      : 'after';
+  }
+
+  handleDragOver(e) {
+    const { panelPosition, dragPosition, onDragOver, item } = this.props;
+    if (panelPosition === dragPosition) {
+      e.preventDefault();
+
+      const dragGap = this.getDragGap(e);
+      if (this.dragGap !== dragGap) {
+        this.dragGap = dragGap;
+        onDragOver(item.value);
+      }
     }
+  }
 
-    getDragGap(e) {
-        const referenceTop = getOffset(e.currentTarget).top;
-        const referenceHeight = e.currentTarget.offsetHeight;
-        return e.pageY <= referenceTop + referenceHeight / 2
-            ? 'before'
-            : 'after';
-    }
+  handleDragEnd() {
+    const { onDragEnd } = this.props;
+    onDragEnd();
+  }
 
-    handleDragOver(e) {
-        const { panelPosition, dragPosition, onDragOver, item } = this.props;
-        if (panelPosition === dragPosition) {
-            e.preventDefault();
+  handleDrop(e) {
+    e.preventDefault();
 
-            const dragGap = this.getDragGap(e);
-            if (this.dragGap !== dragGap) {
-                this.dragGap = dragGap;
-                onDragOver(item.value);
-            }
-        }
-    }
+    const { onDrop, item, panelPosition, dragValue } = this.props;
+    onDrop(panelPosition, dragValue, item.value, this.dragGap);
+  }
 
-    handleDragEnd() {
-        const { onDragEnd } = this.props;
-        onDragEnd();
-    }
+  render() {
+    const {
+      prefix,
+      mode,
+      checked,
+      disabled,
+      item,
+      onCheck,
+      itemRender,
+      draggable,
+      dragOverValue,
+      panelPosition,
+      dragPosition,
+    } = this.props;
+    const others = pickOthers(
+      Object.keys(TransferItem.propTypes),
+      this.props,
+    );
+    const { highlight } = this.state;
+    const isSimple = mode === 'simple';
 
-    handleDrop(e) {
-        e.preventDefault();
-
-        const { onDrop, item, panelPosition, dragValue } = this.props;
-        onDrop(panelPosition, dragValue, item.value, this.dragGap);
-    }
-
-    render() {
-        const {
-            prefix,
-            mode,
-            checked,
-            disabled,
-            item,
-            onCheck,
-            itemRender,
-            draggable,
-            dragOverValue,
-            panelPosition,
-            dragPosition,
-        } = this.props;
-        const others = pickOthers(
-            Object.keys(TransferItem.propTypes),
-            this.props
-        );
-        const { highlight } = this.state;
-        const isSimple = mode === 'simple';
-
-        const classNames = cx({
-            [`${prefix}transfer-panel-item`]: true,
-            [`${prefix}insert-${this.dragGap}`]:
+    const classNames = cx({
+      [`${prefix}transfer-panel-item`]: true,
+      [`${prefix}insert-${this.dragGap}`]:
                 dragOverValue === item.value && panelPosition === dragPosition,
-            [`${prefix}focused`]: highlight,
-            [`${prefix}simple`]: isSimple,
-        });
+      [`${prefix}focused`]: highlight,
+      [`${prefix}simple`]: isSimple,
+    });
 
-        const itemProps = {
-            ref: this.getItemDOM,
-            className: classNames,
-            children: itemRender(item),
-            disabled,
-            draggable: draggable && !disabled,
-            onDragStart: this.handleDragStart,
-            onDragOver: this.handleDragOver,
-            onDragEnd: this.handleDragEnd,
-            onDrop: this.handleDrop,
-            ...others,
-        };
-        if (isSimple) {
-            if (!itemProps.disabled) {
-                itemProps.onClick = this.handleClick;
-            }
+    const itemProps = {
+      ref: this.getItemDOM,
+      className: classNames,
+      children: itemRender(item),
+      disabled,
+      draggable: draggable && !disabled,
+      onDragStart: this.handleDragStart,
+      onDragOver: this.handleDragOver,
+      onDragEnd: this.handleDragEnd,
+      onDrop: this.handleDrop,
+      ...others,
+    };
+    if (isSimple) {
+      if (!itemProps.disabled) {
+        itemProps.onClick = this.handleClick;
+      }
 
-            return <Item {...itemProps} />;
-        }
-
-        return (
-            <CheckboxItem
-                checked={checked}
-                onChange={onCheck.bind(this, item.value)}
-                {...itemProps}
-            />
-        );
+      return <Item {...itemProps} />;
     }
+
+    return (
+      <CheckboxItem
+        checked={checked}
+        onChange={onCheck.bind(this, item.value)}
+        {...itemProps}
+      />
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/transfer/view/transfer-panel.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/transfer/view/transfer-panel.jsx
index fca59d3f8..aeafc4c6d 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/transfer/view/transfer-panel.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/transfer/view/transfer-panel.jsx
@@ -10,328 +10,328 @@ import TransferItem from './transfer-item';
 const { bindCtx } = func;
 
 export default class TransferPanel extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        position: PropTypes.oneOf(['left', 'right']),
-        mode: PropTypes.oneOf(['normal', 'simple']),
-        dataSource: PropTypes.array,
-        value: PropTypes.array,
-        onChange: PropTypes.func,
-        onMove: PropTypes.func,
-        onMoveAll: PropTypes.func,
-        disabled: PropTypes.bool,
-        locale: PropTypes.object,
-        title: PropTypes.node,
-        showSearch: PropTypes.bool,
-        filter: PropTypes.func,
-        onSearch: PropTypes.func,
-        searchPlaceholder: PropTypes.string,
-        notFoundContent: PropTypes.node,
-        listClassName: PropTypes.string,
-        listStyle: PropTypes.object,
-        itemRender: PropTypes.func,
-        sortable: PropTypes.bool,
-        onSort: PropTypes.func,
-        baseId: PropTypes.string,
-        customerList: PropTypes.func,
+  static propTypes = {
+    prefix: PropTypes.string,
+    position: PropTypes.oneOf(['left', 'right']),
+    mode: PropTypes.oneOf(['normal', 'simple']),
+    dataSource: PropTypes.array,
+    value: PropTypes.array,
+    onChange: PropTypes.func,
+    onMove: PropTypes.func,
+    onMoveAll: PropTypes.func,
+    disabled: PropTypes.bool,
+    locale: PropTypes.object,
+    title: PropTypes.node,
+    showSearch: PropTypes.bool,
+    filter: PropTypes.func,
+    onSearch: PropTypes.func,
+    searchPlaceholder: PropTypes.string,
+    notFoundContent: PropTypes.node,
+    listClassName: PropTypes.string,
+    listStyle: PropTypes.object,
+    itemRender: PropTypes.func,
+    sortable: PropTypes.bool,
+    onSort: PropTypes.func,
+    baseId: PropTypes.string,
+    customerList: PropTypes.func,
+  };
+
+  constructor(props, context) {
+    super(props, context);
+
+    this.state = {
+      searchedValue: '',
+      dragValue: null,
+      dragOverValue: null,
     };
+    this.footerId = props.baseId
+      ? htmlId.escapeForId(
+        `${props.baseId}-panel-footer-${props.position}`,
+      )
+      : '';
+    this.headerId = props.baseId
+      ? htmlId.escapeForId(
+        `${props.baseId}-panel-header-${props.position}`,
+      )
+      : '';
 
-    constructor(props, context) {
-        super(props, context);
+    bindCtx(this, [
+      'handleCheck',
+      'handleAllCheck',
+      'handleSearch',
+      'handleItemDragStart',
+      'handleItemDragOver',
+      'handleItemDragEnd',
+      'handleItemDrop',
+      'getListDOM',
+    ]);
+    this.firstRender = true;
+  }
 
-        this.state = {
-            searchedValue: '',
-            dragValue: null,
-            dragOverValue: null,
-        };
-        this.footerId = props.baseId
-            ? htmlId.escapeForId(
-                  `${props.baseId}-panel-footer-${props.position}`
-              )
-            : '';
-        this.headerId = props.baseId
-            ? htmlId.escapeForId(
-                  `${props.baseId}-panel-header-${props.position}`
-              )
-            : '';
+  componentDidMount() {
+    this.firstRender = false;
+  }
 
-        bindCtx(this, [
-            'handleCheck',
-            'handleAllCheck',
-            'handleSearch',
-            'handleItemDragStart',
-            'handleItemDragOver',
-            'handleItemDragEnd',
-            'handleItemDrop',
-            'getListDOM',
-        ]);
-        this.firstRender = true;
-    }
-
-    componentDidMount() {
-        this.firstRender = false;
-    }
-
-    componentDidUpdate(prevProps) {
-        if (
-            prevProps.dataSource.length !== this.props.dataSource.length &&
+  componentDidUpdate(prevProps) {
+    if (
+      prevProps.dataSource.length !== this.props.dataSource.length &&
             this.list
-        ) {
-            if (this.list.scrollTop > 0) {
-                this.list.scrollTop = 0;
-            }
-        }
-
-        this.searched = false;
+    ) {
+      if (this.list.scrollTop > 0) {
+        this.list.scrollTop = 0;
+      }
     }
 
-    getListDOM(ref) {
-        this.list = ref;
+    this.searched = false;
+  }
+
+  getListDOM(ref) {
+    this.list = ref;
+  }
+
+  handleAllCheck(allChecked) {
+    const { position, onChange } = this.props;
+
+    let newValue;
+    if (allChecked) {
+      newValue = this.enabledDatasource.map(item => item.value);
+    } else {
+      newValue = [];
     }
 
-    handleAllCheck(allChecked) {
-        const { position, onChange } = this.props;
+    onChange && onChange(position, newValue);
+  }
 
-        let newValue;
-        if (allChecked) {
-            newValue = this.enabledDatasource.map(item => item.value);
-        } else {
-            newValue = [];
-        }
+  handleCheck(itemValue, checked) {
+    const { position, value, onChange } = this.props;
 
-        onChange && onChange(position, newValue);
+    const newValue = [...value];
+    const index = value.indexOf(itemValue);
+    if (checked && index === -1) {
+      newValue.push(itemValue);
+    } else if (!checked && index > -1) {
+      newValue.splice(index, 1);
     }
 
-    handleCheck(itemValue, checked) {
-        const { position, value, onChange } = this.props;
+    onChange && onChange(position, newValue);
+  }
 
-        const newValue = [...value];
-        const index = value.indexOf(itemValue);
-        if (checked && index === -1) {
-            newValue.push(itemValue);
-        } else if (!checked && index > -1) {
-            newValue.splice(index, 1);
-        }
+  handleSearch(searchedValue) {
+    this.setState({
+      searchedValue,
+    });
+    this.searched = true;
 
-        onChange && onChange(position, newValue);
+    const { onSearch, position } = this.props;
+    onSearch(searchedValue, position);
+  }
+
+  handleItemDragStart(position, value) {
+    this.setState({
+      dragPosition: position,
+      dragValue: value,
+    });
+  }
+
+  handleItemDragOver(value) {
+    this.setState({
+      dragOverValue: value,
+    });
+  }
+
+  handleItemDragEnd() {
+    this.setState({
+      dragOverValue: null,
+    });
+  }
+
+  handleItemDrop(...args) {
+    this.setState({
+      dragOverValue: null,
+    });
+
+    this.props.onSort(...args);
+  }
+
+  renderHeader() {
+    const { title, prefix } = this.props;
+
+    return (
+      <div
+        id={this.headerId}
+        className={`${prefix}transfer-panel-header`}
+      >
+        {title}
+      </div>
+    );
+  }
+
+  renderSearch() {
+    const { prefix, searchPlaceholder, locale } = this.props;
+    return (
+      <Search
+        aria-labelledby={this.headerId}
+        shape="simple"
+        className={`${prefix}transfer-panel-search`}
+        placeholder={searchPlaceholder || locale.searchPlaceholder}
+        onChange={this.handleSearch}
+      />
+    );
+  }
+
+  renderList(dataSource) {
+    const {
+      prefix,
+      position,
+      mode,
+      value,
+      onMove,
+      disabled,
+      listClassName,
+      listStyle,
+      itemRender,
+      sortable,
+      customerList,
+    } = this.props;
+    const { dragPosition, dragValue, dragOverValue } = this.state;
+    const newClassName = cx({
+      [`${prefix}transfer-panel-list`]: true,
+      [listClassName]: !!listClassName,
+    });
+
+    const customerPanel = customerList && customerList(this.props);
+    if (customerPanel) {
+      return (
+        <div
+          className={newClassName}
+          style={listStyle}
+          ref={this.getListDOM}
+        >
+          {customerPanel}
+        </div>
+      );
     }
 
-    handleSearch(searchedValue) {
-        this.setState({
-            searchedValue,
-        });
-        this.searched = true;
+    return dataSource.length ? (
+      <Menu
+        className={newClassName}
+        style={listStyle}
+        ref={this.getListDOM}
+      >
+        {dataSource.map(item => (
+          <TransferItem
+            key={item.value}
+            prefix={prefix}
+            mode={mode}
+            checked={value.indexOf(item.value) > -1}
+            disabled={disabled || item.disabled}
+            item={item}
+            onCheck={this.handleCheck}
+            onClick={onMove}
+            needHighlight={!this.firstRender && !this.searched}
+            itemRender={itemRender}
+            draggable={sortable}
+            onDragStart={this.handleItemDragStart}
+            onDragOver={this.handleItemDragOver}
+            onDragEnd={this.handleItemDragEnd}
+            onDrop={this.handleItemDrop}
+            dragPosition={dragPosition}
+            dragValue={dragValue}
+            dragOverValue={dragOverValue}
+            panelPosition={position}
+          />
+        ))}
+      </Menu>
+    ) : (
+      <div className={newClassName} style={listStyle}>
+        {this.renderNotFoundContent()}
+      </div>
+    );
+  }
 
-        const { onSearch, position } = this.props;
-        onSearch(searchedValue, position);
+  renderNotFoundContent() {
+    const { prefix, notFoundContent } = this.props;
+
+    return (
+      <div className={`${prefix}transfer-panel-not-found-container`}>
+        <div className={`${prefix}transfer-panel-not-found`}>
+          {notFoundContent}
+        </div>
+      </div>
+    );
+  }
+
+  renderFooter() {
+    const { prefix, position, mode, disabled, locale } = this.props;
+    if (mode === 'simple') {
+      const { onMoveAll } = this.props;
+      const classNames = cx({
+        [`${prefix}transfer-panel-move-all`]: true,
+        [`${prefix}disabled`]: disabled,
+      });
+      return (
+        <div className={`${prefix}transfer-panel-footer`}>
+          <a
+            className={classNames}
+            onClick={onMoveAll.bind(
+              this,
+              position === 'left' ? 'right' : 'left',
+            )}
+          >
+            {locale.moveAll}
+          </a>
+        </div>
+      );
     }
 
-    handleItemDragStart(position, value) {
-        this.setState({
-            dragPosition: position,
-            dragValue: value,
-        });
-    }
-
-    handleItemDragOver(value) {
-        this.setState({
-            dragOverValue: value,
-        });
-    }
-
-    handleItemDragEnd() {
-        this.setState({
-            dragOverValue: null,
-        });
-    }
-
-    handleItemDrop(...args) {
-        this.setState({
-            dragOverValue: null,
-        });
-
-        this.props.onSort(...args);
-    }
-
-    renderHeader() {
-        const { title, prefix } = this.props;
-
-        return (
-            <div
-                id={this.headerId}
-                className={`${prefix}transfer-panel-header`}
-            >
-                {title}
-            </div>
-        );
-    }
-
-    renderSearch() {
-        const { prefix, searchPlaceholder, locale } = this.props;
-        return (
-            <Search
-                aria-labelledby={this.headerId}
-                shape="simple"
-                className={`${prefix}transfer-panel-search`}
-                placeholder={searchPlaceholder || locale.searchPlaceholder}
-                onChange={this.handleSearch}
-            />
-        );
-    }
-
-    renderList(dataSource) {
-        const {
-            prefix,
-            position,
-            mode,
-            value,
-            onMove,
-            disabled,
-            listClassName,
-            listStyle,
-            itemRender,
-            sortable,
-            customerList,
-        } = this.props;
-        const { dragPosition, dragValue, dragOverValue } = this.state;
-        const newClassName = cx({
-            [`${prefix}transfer-panel-list`]: true,
-            [listClassName]: !!listClassName,
-        });
-
-        const customerPanel = customerList && customerList(this.props);
-        if (customerPanel) {
-            return (
-                <div
-                    className={newClassName}
-                    style={listStyle}
-                    ref={this.getListDOM}
-                >
-                    {customerPanel}
-                </div>
-            );
-        }
-
-        return dataSource.length ? (
-            <Menu
-                className={newClassName}
-                style={listStyle}
-                ref={this.getListDOM}
-            >
-                {dataSource.map(item => (
-                    <TransferItem
-                        key={item.value}
-                        prefix={prefix}
-                        mode={mode}
-                        checked={value.indexOf(item.value) > -1}
-                        disabled={disabled || item.disabled}
-                        item={item}
-                        onCheck={this.handleCheck}
-                        onClick={onMove}
-                        needHighlight={!this.firstRender && !this.searched}
-                        itemRender={itemRender}
-                        draggable={sortable}
-                        onDragStart={this.handleItemDragStart}
-                        onDragOver={this.handleItemDragOver}
-                        onDragEnd={this.handleItemDragEnd}
-                        onDrop={this.handleItemDrop}
-                        dragPosition={dragPosition}
-                        dragValue={dragValue}
-                        dragOverValue={dragOverValue}
-                        panelPosition={position}
-                    />
-                ))}
-            </Menu>
-        ) : (
-            <div className={newClassName} style={listStyle}>
-                {this.renderNotFoundContent()}
-            </div>
-        );
-    }
-
-    renderNotFoundContent() {
-        const { prefix, notFoundContent } = this.props;
-
-        return (
-            <div className={`${prefix}transfer-panel-not-found-container`}>
-                <div className={`${prefix}transfer-panel-not-found`}>
-                    {notFoundContent}
-                </div>
-            </div>
-        );
-    }
-
-    renderFooter() {
-        const { prefix, position, mode, disabled, locale } = this.props;
-        if (mode === 'simple') {
-            const { onMoveAll } = this.props;
-            const classNames = cx({
-                [`${prefix}transfer-panel-move-all`]: true,
-                [`${prefix}disabled`]: disabled,
-            });
-            return (
-                <div className={`${prefix}transfer-panel-footer`}>
-                    <a
-                        className={classNames}
-                        onClick={onMoveAll.bind(
-                            this,
-                            position === 'left' ? 'right' : 'left'
-                        )}
-                    >
-                        {locale.moveAll}
-                    </a>
-                </div>
-            );
-        }
-
-        const { value, dataSource } = this.props;
-        const checkedCount = value.length;
-        const totalCount = dataSource.length;
-        const totalEnabledCount = this.enabledDatasource.length;
-        const checked = checkedCount > 0 && checkedCount >= totalEnabledCount;
-        const indeterminate =
+    const { value, dataSource } = this.props;
+    const checkedCount = value.length;
+    const totalCount = dataSource.length;
+    const totalEnabledCount = this.enabledDatasource.length;
+    const checked = checkedCount > 0 && checkedCount >= totalEnabledCount;
+    const indeterminate =
             checkedCount > 0 && checkedCount < totalEnabledCount;
-        const items = totalCount > 1 ? locale.items : locale.item;
-        const countLabel =
+    const items = totalCount > 1 ? locale.items : locale.item;
+    const countLabel =
             checkedCount === 0
-                ? `${totalCount} ${items}`
-                : `${checkedCount}/${totalCount} ${items}`;
+              ? `${totalCount} ${items}`
+              : `${checkedCount}/${totalCount} ${items}`;
 
-        return (
-            <div className={`${prefix}transfer-panel-footer`}>
-                <Checkbox
-                    disabled={disabled}
-                    checked={checked}
-                    indeterminate={indeterminate}
-                    onChange={this.handleAllCheck}
-                    aria-labelledby={this.footerId}
-                />
-                <span
-                    className={`${prefix}transfer-panel-count`}
-                    id={this.footerId}
-                >
-                    {countLabel}
-                </span>
-            </div>
-        );
+    return (
+      <div className={`${prefix}transfer-panel-footer`}>
+        <Checkbox
+          disabled={disabled}
+          checked={checked}
+          indeterminate={indeterminate}
+          onChange={this.handleAllCheck}
+          aria-labelledby={this.footerId}
+        />
+        <span
+          className={`${prefix}transfer-panel-count`}
+          id={this.footerId}
+        >
+          {countLabel}
+        </span>
+      </div>
+    );
+  }
+
+  render() {
+    const { prefix, title, showSearch, filter } = this.props;
+    const { searchedValue } = this.state;
+    let { dataSource } = this.props;
+    this.enabledDatasource = dataSource.filter(item => !item.disabled);
+    if (showSearch && searchedValue) {
+      dataSource = dataSource.filter(item => filter(searchedValue, item));
     }
 
-    render() {
-        const { prefix, title, showSearch, filter } = this.props;
-        const { searchedValue } = this.state;
-        let dataSource = this.props.dataSource;
-        this.enabledDatasource = dataSource.filter(item => !item.disabled);
-        if (showSearch && searchedValue) {
-            dataSource = dataSource.filter(item => filter(searchedValue, item));
-        }
-
-        return (
-            <div className={`${prefix}transfer-panel`}>
-                {title ? this.renderHeader() : null}
-                {showSearch ? this.renderSearch() : null}
-                {this.renderList(dataSource)}
-                {this.renderFooter()}
-            </div>
-        );
-    }
+    return (
+      <div className={`${prefix}transfer-panel`}>
+        {title ? this.renderHeader() : null}
+        {showSearch ? this.renderSearch() : null}
+        {this.renderList(dataSource)}
+        {this.renderFooter()}
+      </div>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/transfer/view/transfer.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/transfer/view/transfer.jsx
index 65870caca..d39947670 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/transfer/view/transfer.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/transfer/view/transfer.jsx
@@ -16,33 +16,33 @@ const { pickOthers } = obj;
  * Transfer
  */
 class Transfer extends Component {
-    static contextTypes = {
-        prefix: PropTypes.string,
-    };
+  static contextTypes = {
+    prefix: PropTypes.string,
+  };
 
-    static propTypes = {
-        ...ConfigProvider.propTypes,
-        prefix: PropTypes.string,
-        pure: PropTypes.bool,
-        rtl: PropTypes.bool,
-        className: PropTypes.string,
-        /**
+  static propTypes = {
+    ...ConfigProvider.propTypes,
+    prefix: PropTypes.string,
+    pure: PropTypes.bool,
+    rtl: PropTypes.bool,
+    className: PropTypes.string,
+    /**
          * 移动选项模式
          */
-        mode: PropTypes.oneOf(['normal', 'simple']),
-        /**
+    mode: PropTypes.oneOf(['normal', 'simple']),
+    /**
          * 数据源
          */
-        dataSource: PropTypes.arrayOf(PropTypes.object),
-        /**
+    dataSource: PropTypes.arrayOf(PropTypes.object),
+    /**
          * （用于受控）当前值
          */
-        value: PropTypes.arrayOf(PropTypes.string),
-        /**
+    value: PropTypes.arrayOf(PropTypes.string),
+    /**
          * （用于非受控）初始值
          */
-        defaultValue: PropTypes.arrayOf(PropTypes.string),
-        /**
+    defaultValue: PropTypes.arrayOf(PropTypes.string),
+    /**
          * 值发生改变的时候触发的回调函数
          * @param {Array} value 右面板值
          * @param {Array} data 右面板数据
@@ -53,561 +53,561 @@ class Transfer extends Component {
          * @param {Object} extra.movedData 发生移动的数据
          * @param {String} extra.direction 移动的方向，值为'left'或'right'
          */
-        onChange: PropTypes.func,
-        /**
+    onChange: PropTypes.func,
+    /**
          * 是否禁用
          */
-        disabled: PropTypes.bool,
-        /**
+    disabled: PropTypes.bool,
+    /**
          * 是否禁用左侧面板
          */
-        leftDisabled: PropTypes.bool,
-        /**
+    leftDisabled: PropTypes.bool,
+    /**
          * 是否禁用右侧面板
          */
-        rightDisabled: PropTypes.bool,
-        /**
+    rightDisabled: PropTypes.bool,
+    /**
          * 列表项渲染函数
          * @param {Object} data 数据
          * @return {ReactNode} 列表项内容
          */
-        itemRender: PropTypes.func,
-        /**
+    itemRender: PropTypes.func,
+    /**
          * 是否显示搜索框
          */
-        showSearch: PropTypes.bool,
-        /**
+    showSearch: PropTypes.bool,
+    /**
          * 自定义搜索函数
          * @param {String} searchedValue 搜索的内容
          * @param {Object} data 数据
          * @return {Boolean} 是否匹配到
          * @default 根据 label 属性匹配
          */
-        filter: PropTypes.func,
-        /**
+    filter: PropTypes.func,
+    /**
          * 搜索框输入时触发的回调函数
          * @param {String} searchedValue 搜索的内容
          * @param {String} position 搜索面板的位置
          */
-        onSearch: PropTypes.func,
-        /**
+    onSearch: PropTypes.func,
+    /**
          * 搜索框占位符
          */
-        searchPlaceholder: PropTypes.string,
-        /**
+    searchPlaceholder: PropTypes.string,
+    /**
          * 列表为空显示内容
          */
-        notFoundContent: PropTypes.node,
-        /**
+    notFoundContent: PropTypes.node,
+    /**
          * 左右面板标题
          */
-        titles: PropTypes.arrayOf(PropTypes.node),
-        /**
+    titles: PropTypes.arrayOf(PropTypes.node),
+    /**
          * 向右向左移动按钮显示内容
          * @default [<Icon type="arrow-right" />, <Icon type="arrow-left" />]
          */
-        operations: PropTypes.arrayOf(PropTypes.node),
-        /**
+    operations: PropTypes.arrayOf(PropTypes.node),
+    /**
          * 左面板默认选中值
          */
-        defaultLeftChecked: PropTypes.arrayOf(PropTypes.string),
-        /**
+    defaultLeftChecked: PropTypes.arrayOf(PropTypes.string),
+    /**
          * 右面板默认选中值
          */
-        defaultRightChecked: PropTypes.arrayOf(PropTypes.string),
-        /**
+    defaultRightChecked: PropTypes.arrayOf(PropTypes.string),
+    /**
          * 左右面板列表自定义样式类名
          */
-        listClassName: PropTypes.string,
-        /**
+    listClassName: PropTypes.string,
+    /**
          * 左右面板列表自定义样式对象
          */
-        listStyle: PropTypes.object,
-        /**
+    listStyle: PropTypes.object,
+    /**
          * 是否允许拖拽排序
          */
-        sortable: PropTypes.bool,
-        /**
+    sortable: PropTypes.bool,
+    /**
          * 拖拽排序时触发的回调函数
          * @param {Array} value 排序后的值
          * @param {String} position 拖拽的面板位置，值为：left 或 right
          */
-        onSort: PropTypes.func,
-        /**
+    onSort: PropTypes.func,
+    /**
          * 自定义国际化文案对象
          */
-        locale: PropTypes.object,
-        /**
+    locale: PropTypes.object,
+    /**
          * 请设置 id 以保证transfer的可访问性
          */
-        id: PropTypes.string,
-        /**
+    id: PropTypes.string,
+    /**
          * 接收 children 自定义渲染列表
          */
-        children: PropTypes.func,
-    };
+    children: PropTypes.func,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        pure: false,
-        mode: 'normal',
-        dataSource: [],
-        defaultValue: [],
-        disabled: false,
-        leftDisabled: false,
-        rightDisabled: false,
-        itemRender: data => data.label,
-        showSearch: false,
-        filter: (searchedValue, data) => {
-            let labelString = '';
-            const loop = arg => {
-                if (React.isValidElement(arg) && arg.props.children) {
-                    React.Children.forEach(arg.props.children, loop);
-                } else if (typeof arg === 'string') {
-                    labelString += arg;
-                }
-            };
-            loop(data.label);
+  static defaultProps = {
+    prefix: 'next-',
+    pure: false,
+    mode: 'normal',
+    dataSource: [],
+    defaultValue: [],
+    disabled: false,
+    leftDisabled: false,
+    rightDisabled: false,
+    itemRender: data => data.label,
+    showSearch: false,
+    filter: (searchedValue, data) => {
+      let labelString = '';
+      const loop = arg => {
+        if (React.isValidElement(arg) && arg.props.children) {
+          React.Children.forEach(arg.props.children, loop);
+        } else if (typeof arg === 'string') {
+          labelString += arg;
+        }
+      };
+      loop(data.label);
 
-            return (
-                labelString.length >= searchedValue.length &&
+      return (
+        labelString.length >= searchedValue.length &&
                 labelString.indexOf(searchedValue) > -1
-            );
-        },
-        onSearch: () => {},
-        notFoundContent: 'Not Found',
-        titles: [],
-        operations: [],
-        defaultLeftChecked: [],
-        defaultRightChecked: [],
-        sortable: false,
-        onSort: () => {},
-        locale: zhCN.Transfer,
+      );
+    },
+    onSearch: () => {},
+    notFoundContent: 'Not Found',
+    titles: [],
+    operations: [],
+    defaultLeftChecked: [],
+    defaultRightChecked: [],
+    sortable: false,
+    onSort: () => {},
+    locale: zhCN.Transfer,
+  };
+
+  static normalizeValue(value) {
+    if (value) {
+      if (Array.isArray(value)) {
+        return value;
+      }
+      /* istanbul ignore next */
+      return [value];
+    }
+
+    return [];
+  }
+
+  constructor(props, context) {
+    super(props, context);
+
+    const {
+      value,
+      defaultValue,
+      defaultLeftChecked,
+      defaultRightChecked,
+      dataSource,
+      rtl,
+      operations,
+    } = props;
+    if (operations.length === 0) {
+      operations.push(<Icon rtl={rtl} type="arrow-right" />);
+      operations.push(<Icon rtl={rtl} type="arrow-left" />);
+    }
+    const { left, right } = this.filterCheckedValue(
+      Transfer.normalizeValue(defaultLeftChecked),
+      Transfer.normalizeValue(defaultRightChecked),
+      dataSource,
+    );
+
+    this.state = {
+      value: Transfer.normalizeValue(
+        'value' in props ? value : defaultValue,
+      ),
+      leftCheckedValue: left,
+      rightCheckedValue: right,
     };
 
-    static normalizeValue(value) {
-        if (value) {
-            if (Array.isArray(value)) {
-                return value;
-            }
-            /* istanbul ignore next */
-            return [value];
+    this.leftValue = this.getLeftValue(dataSource, this.state.value);
+
+    bindCtx(this, [
+      'handlePanelChange',
+      'handlePanelSort',
+      'handleMoveItem',
+      'handleSimpleMove',
+      'handleSimpleMoveAll',
+    ]);
+  }
+
+  componentWillReceiveProps(nextProps) {
+    const st = {};
+
+    let newValue;
+    if ('value' in nextProps) {
+      const value = Transfer.normalizeValue(nextProps.value);
+      st.value = value;
+      newValue = value;
+    } else {
+      /* istanbul ignore next */
+      newValue = this.state.value;
+    }
+    this.leftValue = this.getLeftValue(nextProps.dataSource, newValue);
+
+    const { left, right } = this.filterCheckedValue(
+      this.state.leftCheckedValue,
+      this.state.rightCheckedValue,
+      nextProps.dataSource,
+    );
+    st.leftCheckedValue = left;
+    st.rightCheckedValue = right;
+
+    this.setState(st);
+  }
+
+  filterCheckedValue(left, right, dataSource) {
+    const result = {
+      left: [],
+      right: [],
+    };
+
+    if (left.length || right.length) {
+      const value = dataSource.map(item => item.value);
+      value.forEach(itemValue => {
+        if (left.indexOf(itemValue) > -1) {
+          result.left.push(itemValue);
+        } else if (right.indexOf(itemValue) > -1) {
+          result.right.push(itemValue);
         }
-
-        return [];
+      });
     }
 
-    constructor(props, context) {
-        super(props, context);
+    return result;
+  }
 
-        const {
-            value,
-            defaultValue,
-            defaultLeftChecked,
-            defaultRightChecked,
-            dataSource,
-            rtl,
-            operations,
-        } = props;
-        if (operations.length === 0) {
-            operations.push(<Icon rtl={rtl} type="arrow-right" />);
-            operations.push(<Icon rtl={rtl} type="arrow-left" />);
-        }
-        const { left, right } = this.filterCheckedValue(
-            Transfer.normalizeValue(defaultLeftChecked),
-            Transfer.normalizeValue(defaultRightChecked),
-            dataSource
-        );
+  getLeftValue(dataSource, rightValue) {
+    return dataSource
+      .map(item => item.value)
+      .filter(itemValue => {
+        return rightValue.indexOf(itemValue) === -1;
+      });
+  }
 
-        this.state = {
-            value: Transfer.normalizeValue(
-                'value' in props ? value : defaultValue
-            ),
-            leftCheckedValue: left,
-            rightCheckedValue: right,
-        };
+  groupDatasource(value, itemValues, dataSource) {
+    return value.reduce((ret, itemValue) => {
+      const index = itemValues.indexOf(itemValue);
+      if (index > -1) {
+        ret.push(dataSource[index]);
+      }
+      return ret;
+    }, []);
+  }
 
-        this.leftValue = this.getLeftValue(dataSource, this.state.value);
-
-        bindCtx(this, [
-            'handlePanelChange',
-            'handlePanelSort',
-            'handleMoveItem',
-            'handleSimpleMove',
-            'handleSimpleMoveAll',
-        ]);
-    }
-
-    componentWillReceiveProps(nextProps) {
-        const st = {};
-
-        let newValue;
-        if ('value' in nextProps) {
-            const value = Transfer.normalizeValue(nextProps.value);
-            st.value = value;
-            newValue = value;
-        } else {
-            /* istanbul ignore next */
-            newValue = this.state.value;
-        }
-        this.leftValue = this.getLeftValue(nextProps.dataSource, newValue);
-
-        const { left, right } = this.filterCheckedValue(
-            this.state.leftCheckedValue,
-            this.state.rightCheckedValue,
-            nextProps.dataSource
-        );
-        st.leftCheckedValue = left;
-        st.rightCheckedValue = right;
-
-        this.setState(st);
-    }
-
-    filterCheckedValue(left, right, dataSource) {
-        const result = {
-            left: [],
-            right: [],
-        };
-
-        if (left.length || right.length) {
-            const value = dataSource.map(item => item.value);
-            value.forEach(itemValue => {
-                if (left.indexOf(itemValue) > -1) {
-                    result.left.push(itemValue);
-                } else if (right.indexOf(itemValue) > -1) {
-                    result.right.push(itemValue);
-                }
-            });
-        }
-
-        return result;
-    }
-
-    getLeftValue(dataSource, rightValue) {
-        return dataSource
-            .map(item => item.value)
-            .filter(itemValue => {
-                return rightValue.indexOf(itemValue) === -1;
-            });
-    }
-
-    groupDatasource(value, itemValues, dataSource) {
-        return value.reduce((ret, itemValue) => {
-            const index = itemValues.indexOf(itemValue);
-            if (index > -1) {
-                ret.push(dataSource[index]);
-            }
-            return ret;
-        }, []);
-    }
-
-    handlePanelChange(position, value) {
-        const valuePropName =
+  handlePanelChange(position, value) {
+    const valuePropName =
             position === 'left' ? 'leftCheckedValue' : 'rightCheckedValue';
-        this.setState({
-            [valuePropName]: value,
-        });
-    }
+    this.setState({
+      [valuePropName]: value,
+    });
+  }
 
-    handlePanelSort(position, dragValue, referenceValue, dragGap) {
-        const value = position === 'right' ? this.state.value : this.leftValue;
-        const currentIndex = value.indexOf(dragValue);
-        const referenceIndex = value.indexOf(referenceValue);
-        let expectIndex =
+  handlePanelSort(position, dragValue, referenceValue, dragGap) {
+    const value = position === 'right' ? this.state.value : this.leftValue;
+    const currentIndex = value.indexOf(dragValue);
+    const referenceIndex = value.indexOf(referenceValue);
+    let expectIndex =
             dragGap === 'before' ? referenceIndex : referenceIndex + 1;
-        if (currentIndex === expectIndex) {
-            return;
-        }
+    if (currentIndex === expectIndex) {
+      return;
+    }
 
-        value.splice(currentIndex, 1);
-        if (currentIndex < expectIndex) {
-            expectIndex = expectIndex - 1;
-        }
-        value.splice(expectIndex, 0, dragValue);
+    value.splice(currentIndex, 1);
+    if (currentIndex < expectIndex) {
+      expectIndex -= 1;
+    }
+    value.splice(expectIndex, 0, dragValue);
 
-        this.setState(
-            {
-                value: this.state.value,
-            },
-            () => {
-                this.props.onSort(value, position);
-            }
+    this.setState(
+      {
+        value: this.state.value,
+      },
+      () => {
+        this.props.onSort(value, position);
+      },
+    );
+  }
+
+  handleMoveItem(direction) {
+    let rightValue;
+    let leftValue;
+    let movedValue;
+    let valuePropName;
+
+    const { value, leftCheckedValue, rightCheckedValue } = this.state;
+
+    if (direction === 'right') {
+      rightValue = leftCheckedValue.concat(value);
+      leftValue = this.leftValue.filter(
+        itemValue => leftCheckedValue.indexOf(itemValue) === -1,
+      );
+      movedValue = leftCheckedValue;
+      valuePropName = 'leftCheckedValue';
+    } else {
+      rightValue = value.filter(
+        itemValue => rightCheckedValue.indexOf(itemValue) === -1,
+      );
+      leftValue = rightCheckedValue.concat(this.leftValue);
+      movedValue = rightCheckedValue;
+      valuePropName = 'rightCheckedValue';
+    }
+
+    const st = { [valuePropName]: [] };
+
+    this.setValueState(st, rightValue, leftValue, movedValue, direction);
+  }
+
+  handleSimpleMove(direction, v) {
+    let rightValue;
+    let leftValue;
+
+    const { value } = this.state;
+
+    if (direction === 'right') {
+      rightValue = [v].concat(value);
+      leftValue = this.leftValue.filter(itemValue => itemValue !== v);
+    } else {
+      rightValue = value.filter(itemValue => itemValue !== v);
+      leftValue = [v].concat(this.leftValue);
+    }
+
+    this.setValueState({}, rightValue, leftValue, [v], direction);
+  }
+
+  handleSimpleMoveAll(direction) {
+    let rightValue;
+    let leftValue;
+    let movedValue;
+
+    const { dataSource } = this.props;
+    const { value } = this.state;
+    const disabledValue = dataSource.reduce((ret, item) => {
+      if (item.disabled) {
+        ret.push(item.value);
+      }
+
+      return ret;
+    }, []);
+
+    if (direction === 'right') {
+      movedValue = this.leftValue.filter(
+        itemValue => disabledValue.indexOf(itemValue) === -1,
+      );
+      rightValue = movedValue.concat(value);
+      leftValue = this.leftValue.filter(
+        itemValue => disabledValue.indexOf(itemValue) > -1,
+      );
+    } else {
+      movedValue = value.filter(
+        itemValue => disabledValue.indexOf(itemValue) === -1,
+      );
+      rightValue = value.filter(
+        itemValue => disabledValue.indexOf(itemValue) > -1,
+      );
+      leftValue = movedValue.concat(this.leftValue);
+    }
+
+    this.setValueState({}, rightValue, leftValue, movedValue, direction);
+  }
+
+  // eslint-disable-next-line max-params
+  setValueState(st, rightValue, leftValue, movedValue, direction) {
+    const { dataSource } = this.props;
+    const callback = () => {
+      if ('onChange' in this.props) {
+        const itemValues = dataSource.map(item => item.value);
+        const rightData = this.groupDatasource(
+          rightValue,
+          itemValues,
+          dataSource,
         );
+        const leftData = this.groupDatasource(
+          leftValue,
+          itemValues,
+          dataSource,
+        );
+        const movedData = this.groupDatasource(
+          movedValue,
+          itemValues,
+          dataSource,
+        );
+
+        this.props.onChange(rightValue, rightData, {
+          leftValue,
+          leftData,
+          movedValue,
+          movedData,
+          direction,
+        });
+      }
+    };
+
+    if (!('value' in this.props)) {
+      st.value = rightValue;
+      this.leftValue = leftValue;
     }
 
-    handleMoveItem(direction) {
-        let rightValue;
-        let leftValue;
-        let movedValue;
-        let valuePropName;
-
-        const { value, leftCheckedValue, rightCheckedValue } = this.state;
-
-        if (direction === 'right') {
-            rightValue = leftCheckedValue.concat(value);
-            leftValue = this.leftValue.filter(
-                itemValue => leftCheckedValue.indexOf(itemValue) === -1
-            );
-            movedValue = leftCheckedValue;
-            valuePropName = 'leftCheckedValue';
-        } else {
-            rightValue = value.filter(
-                itemValue => rightCheckedValue.indexOf(itemValue) === -1
-            );
-            leftValue = rightCheckedValue.concat(this.leftValue);
-            movedValue = rightCheckedValue;
-            valuePropName = 'rightCheckedValue';
-        }
-
-        const st = { [valuePropName]: [] };
-
-        this.setValueState(st, rightValue, leftValue, movedValue, direction);
+    if (Object.keys(st).length) {
+      this.setState(st, callback);
+    } else {
+      // eslint-disable-next-line callback-return
+      callback();
     }
+  }
 
-    handleSimpleMove(direction, v) {
-        let rightValue;
-        let leftValue;
-
-        const { value } = this.state;
-
-        if (direction === 'right') {
-            rightValue = [v].concat(value);
-            leftValue = this.leftValue.filter(itemValue => itemValue !== v);
-        } else {
-            rightValue = value.filter(itemValue => itemValue !== v);
-            leftValue = [v].concat(this.leftValue);
-        }
-
-        this.setValueState({}, rightValue, leftValue, [v], direction);
-    }
-
-    handleSimpleMoveAll(direction) {
-        let rightValue;
-        let leftValue;
-        let movedValue;
-
-        const { dataSource } = this.props;
-        const { value } = this.state;
-        const disabledValue = dataSource.reduce((ret, item) => {
-            if (item.disabled) {
-                ret.push(item.value);
-            }
-
-            return ret;
-        }, []);
-
-        if (direction === 'right') {
-            movedValue = this.leftValue.filter(
-                itemValue => disabledValue.indexOf(itemValue) === -1
-            );
-            rightValue = movedValue.concat(value);
-            leftValue = this.leftValue.filter(
-                itemValue => disabledValue.indexOf(itemValue) > -1
-            );
-        } else {
-            movedValue = value.filter(
-                itemValue => disabledValue.indexOf(itemValue) === -1
-            );
-            rightValue = value.filter(
-                itemValue => disabledValue.indexOf(itemValue) > -1
-            );
-            leftValue = movedValue.concat(this.leftValue);
-        }
-
-        this.setValueState({}, rightValue, leftValue, movedValue, direction);
-    }
-
-    // eslint-disable-next-line max-params
-    setValueState(st, rightValue, leftValue, movedValue, direction) {
-        const { dataSource } = this.props;
-        const callback = () => {
-            if ('onChange' in this.props) {
-                const itemValues = dataSource.map(item => item.value);
-                const rightData = this.groupDatasource(
-                    rightValue,
-                    itemValues,
-                    dataSource
-                );
-                const leftData = this.groupDatasource(
-                    leftValue,
-                    itemValues,
-                    dataSource
-                );
-                const movedData = this.groupDatasource(
-                    movedValue,
-                    itemValues,
-                    dataSource
-                );
-
-                this.props.onChange(rightValue, rightData, {
-                    leftValue,
-                    leftData,
-                    movedValue,
-                    movedData,
-                    direction,
-                });
-            }
-        };
-
-        if (!('value' in this.props)) {
-            st.value = rightValue;
-            this.leftValue = leftValue;
-        }
-
-        if (Object.keys(st).length) {
-            this.setState(st, callback);
-        } else {
-            // eslint-disable-next-line callback-return
-            callback();
-        }
-    }
-
-    renderCenter() {
-        const {
-            prefix,
-            mode,
-            operations,
-            disabled,
-            leftDisabled,
-            rightDisabled,
-            locale,
-        } = this.props;
-        const { leftCheckedValue, rightCheckedValue } = this.state;
-        return (
-            <div className={`${prefix}transfer-operations`}>
-                {mode === 'simple' ? (
-                    <Icon
-                        className={`${prefix}transfer-move`}
-                        size="large"
-                        type="switch"
-                    />
-                ) : (
-                    [
-                        <Button
-                            aria-label={locale.moveToRight}
-                            key="l2r"
-                            className={`${prefix}transfer-operation`}
-                            type={
+  renderCenter() {
+    const {
+      prefix,
+      mode,
+      operations,
+      disabled,
+      leftDisabled,
+      rightDisabled,
+      locale,
+    } = this.props;
+    const { leftCheckedValue, rightCheckedValue } = this.state;
+    return (
+      <div className={`${prefix}transfer-operations`}>
+        {mode === 'simple' ? (
+          <Icon
+            className={`${prefix}transfer-move`}
+            size="large"
+            type="switch"
+          />
+        ) : (
+          [
+            <Button
+              aria-label={locale.moveToRight}
+              key="l2r"
+              className={`${prefix}transfer-operation`}
+              type={
                                 leftCheckedValue.length ? 'primary' : 'normal'
                             }
-                            disabled={
+              disabled={
                                 leftDisabled ||
                                 disabled ||
                                 !leftCheckedValue.length
                             }
-                            onClick={this.handleMoveItem.bind(this, 'right')}
-                        >
-                            {operations[0]}
-                        </Button>,
-                        <Button
-                            aria-label={locale.moveToLeft}
-                            key="r2l"
-                            className={`${prefix}transfer-operation`}
-                            type={
+              onClick={this.handleMoveItem.bind(this, 'right')}
+            >
+              {operations[0]}
+            </Button>,
+            <Button
+              aria-label={locale.moveToLeft}
+              key="r2l"
+              className={`${prefix}transfer-operation`}
+              type={
                                 rightCheckedValue.length ? 'primary' : 'normal'
                             }
-                            disabled={
+              disabled={
                                 rightDisabled ||
                                 disabled ||
                                 !rightCheckedValue.length
                             }
-                            onClick={this.handleMoveItem.bind(this, 'left')}
-                        >
-                            {operations[1]}
-                        </Button>,
-                    ]
-                )}
-            </div>
-        );
-    }
-
-    render() {
-        const {
-            prefix,
-            mode,
-            disabled,
-            className,
-            dataSource,
-            locale,
-            showSearch,
-            filter,
-            onSearch,
-            leftDisabled,
-            rightDisabled,
-            searchPlaceholder,
-            notFoundContent,
-            titles,
-            listClassName,
-            listStyle,
-            itemRender,
-            sortable,
-            rtl,
-            id,
-            children,
-        } = this.props;
-        const { value, leftCheckedValue, rightCheckedValue } = this.state;
-        const itemValues = dataSource.map(item => item.value);
-        const leftDatasource = this.groupDatasource(
-            this.leftValue,
-            itemValues,
-            dataSource
-        );
-        const rightDatasource = this.groupDatasource(
-            value,
-            itemValues,
-            dataSource
-        );
-        const panelProps = {
-            prefix,
-            mode,
-            locale,
-            showSearch,
-            filter,
-            onSearch,
-            searchPlaceholder,
-            notFoundContent,
-            listClassName,
-            listStyle,
-            itemRender,
-            onMove: this.handleSimpleMove,
-            onMoveAll: this.handleSimpleMoveAll,
-            onChange: this.handlePanelChange,
-            sortable,
-            onSort: this.handlePanelSort,
-            baseId: id,
-            customerList: children,
-        };
-        const others = pickOthers(Object.keys(Transfer.propTypes), this.props);
-
-        if (rtl) {
-            others.dir = 'rtl';
-        }
-        return (
-            <div
-                className={cx(`${prefix}transfer`, className)}
-                id={id}
-                {...others}
+              onClick={this.handleMoveItem.bind(this, 'left')}
             >
-                <TransferPanel
-                    {...panelProps}
-                    position="left"
-                    dataSource={leftDatasource}
-                    disabled={leftDisabled || disabled}
-                    value={leftCheckedValue}
-                    title={titles[0]}
-                />
-                {this.renderCenter()}
-                <TransferPanel
-                    {...panelProps}
-                    position="right"
-                    dataSource={rightDatasource}
-                    disabled={rightDisabled || disabled}
-                    value={rightCheckedValue}
-                    title={titles[1]}
-                />
-            </div>
-        );
+              {operations[1]}
+            </Button>,
+          ]
+        )}
+      </div>
+    );
+  }
+
+  render() {
+    const {
+      prefix,
+      mode,
+      disabled,
+      className,
+      dataSource,
+      locale,
+      showSearch,
+      filter,
+      onSearch,
+      leftDisabled,
+      rightDisabled,
+      searchPlaceholder,
+      notFoundContent,
+      titles,
+      listClassName,
+      listStyle,
+      itemRender,
+      sortable,
+      rtl,
+      id,
+      children,
+    } = this.props;
+    const { value, leftCheckedValue, rightCheckedValue } = this.state;
+    const itemValues = dataSource.map(item => item.value);
+    const leftDatasource = this.groupDatasource(
+      this.leftValue,
+      itemValues,
+      dataSource,
+    );
+    const rightDatasource = this.groupDatasource(
+      value,
+      itemValues,
+      dataSource,
+    );
+    const panelProps = {
+      prefix,
+      mode,
+      locale,
+      showSearch,
+      filter,
+      onSearch,
+      searchPlaceholder,
+      notFoundContent,
+      listClassName,
+      listStyle,
+      itemRender,
+      onMove: this.handleSimpleMove,
+      onMoveAll: this.handleSimpleMoveAll,
+      onChange: this.handlePanelChange,
+      sortable,
+      onSort: this.handlePanelSort,
+      baseId: id,
+      customerList: children,
+    };
+    const others = pickOthers(Object.keys(Transfer.propTypes), this.props);
+
+    if (rtl) {
+      others.dir = 'rtl';
     }
+    return (
+      <div
+        className={cx(`${prefix}transfer`, className)}
+        id={id}
+        {...others}
+      >
+        <TransferPanel
+          {...panelProps}
+          position="left"
+          dataSource={leftDatasource}
+          disabled={leftDisabled || disabled}
+          value={leftCheckedValue}
+          title={titles[0]}
+        />
+        {this.renderCenter()}
+        <TransferPanel
+          {...panelProps}
+          position="right"
+          dataSource={rightDatasource}
+          disabled={rightDisabled || disabled}
+          value={rightCheckedValue}
+          title={titles[1]}
+        />
+      </div>
+    );
+  }
 }
 
 export default config(Transfer);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/tree-select/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/tree-select/index.jsx
index a8af75804..e50020bef 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/tree-select/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/tree-select/index.jsx
@@ -2,19 +2,19 @@ import ConfigProvider from '../config-provider';
 import TreeSelect from './tree-select';
 
 export default ConfigProvider.config(TreeSelect, {
-    transform: /* istanbul ignore next */ (props, deprecated) => {
-        if ('shape' in props) {
-            deprecated('shape', 'hasBorder', 'TreeSelect');
-            const { shape, ...others } = props;
-            props = { hasBorder: shape !== 'arrow-only', ...others };
-        }
+  transform: /* istanbul ignore next */ (props, deprecated) => {
+    if ('shape' in props) {
+      deprecated('shape', 'hasBorder', 'TreeSelect');
+      const { shape, ...others } = props;
+      props = { hasBorder: shape !== 'arrow-only', ...others };
+    }
 
-        if ('container' in props) {
-            deprecated('container', 'popupContainer', 'TreeSelect');
-            const { container, ...others } = props;
-            props = { popupContainer: container, ...others };
-        }
+    if ('container' in props) {
+      deprecated('container', 'popupContainer', 'TreeSelect');
+      const { container, ...others } = props;
+      props = { popupContainer: container, ...others };
+    }
 
-        return props;
-    },
+    return props;
+  },
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/tree-select/tree-select.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/tree-select/tree-select.jsx
index 99cc5778f..1d5396950 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/tree-select/tree-select.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/tree-select/tree-select.jsx
@@ -1,19 +1,19 @@
 import React, {
-    Component,
-    Children,
-    isValidElement,
-    cloneElement,
+  Component,
+  Children,
+  isValidElement,
+  cloneElement,
 } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Select from '../select';
 import Tree from '../tree';
 import {
-    normalizeToArray,
-    getAllCheckedKeys,
-    filterChildKey,
-    filterParentKey,
-    isDescendantOrSelf,
+  normalizeToArray,
+  getAllCheckedKeys,
+  filterChildKey,
+  filterParentKey,
+  isDescendantOrSelf,
 } from '../tree/view/util';
 import { func, obj, KEYCODE } from '../util';
 
@@ -26,825 +26,825 @@ const { pickOthers } = obj;
  * TreeSelect
  */
 export default class TreeSelect extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        pure: PropTypes.bool,
-        className: PropTypes.string,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    pure: PropTypes.bool,
+    className: PropTypes.string,
+    /**
          * 树节点
          */
-        children: PropTypes.node,
-        /**
+    children: PropTypes.node,
+    /**
          * 选择框大小
          */
-        size: PropTypes.oneOf(['small', 'medium', 'large']),
-        /**
+    size: PropTypes.oneOf(['small', 'medium', 'large']),
+    /**
          * 选择框占位符
          */
-        placeholder: PropTypes.string,
-        /**
+    placeholder: PropTypes.string,
+    /**
          * 是否禁用
          */
-        disabled: PropTypes.bool,
-        /**
+    disabled: PropTypes.bool,
+    /**
          * 是否有下拉箭头
          */
-        hasArrow: PropTypes.bool,
-        /**
+    hasArrow: PropTypes.bool,
+    /**
          * 是否有边框
          */
-        hasBorder: PropTypes.bool,
-        /**
+    hasBorder: PropTypes.bool,
+    /**
          * 是否有清空按钮
          */
-        hasClear: PropTypes.bool,
-        /**
+    hasClear: PropTypes.bool,
+    /**
          * 自定义内联 label
          */
-        label: PropTypes.node,
-        /**
+    label: PropTypes.node,
+    /**
          * 是否只读，只读模式下可以展开弹层但不能选择
          */
-        readOnly: PropTypes.bool,
-        /**
+    readOnly: PropTypes.bool,
+    /**
          * 下拉框是否与选择器对齐
          */
-        autoWidth: PropTypes.bool,
-        /**
+    autoWidth: PropTypes.bool,
+    /**
          * 数据源，该属性优先级高于 children
          */
-        dataSource: PropTypes.arrayOf(PropTypes.object),
-        /**
+    dataSource: PropTypes.arrayOf(PropTypes.object),
+    /**
          * （受控）当前值
          */
-        value: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.arrayOf(PropTypes.string),
-        ]),
-        /**
+    value: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.arrayOf(PropTypes.string),
+    ]),
+    /**
          * （非受控）默认值
          */
-        defaultValue: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.arrayOf(PropTypes.string),
-        ]),
-        /**
+    defaultValue: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.arrayOf(PropTypes.string),
+    ]),
+    /**
          * 选中值改变时触发的回调函数
          * @param {String|Array} value 选中的值，单选时返回单个值，多选时返回数组
          * @param {Object|Array} data 选中的数据，包括 value, label, pos, key属性，单选时返回单个值，多选时返回数组，父子节点选中关联时，同时选中，只返回父节点
          */
-        onChange: PropTypes.func,
-        /**
+    onChange: PropTypes.func,
+    /**
          * 是否显示搜索框
          */
-        showSearch: PropTypes.bool,
-        /**
+    showSearch: PropTypes.bool,
+    /**
          * 在搜索框中输入时触发的回调函数
          * @param {String} keyword 输入的关键字
          */
-        onSearch: PropTypes.func,
-        onSearchClear: PropTypes.func,
-        /**
+    onSearch: PropTypes.func,
+    onSearchClear: PropTypes.func,
+    /**
          * 无数据时显示内容
          */
-        notFoundContent: PropTypes.node,
-        /**
+    notFoundContent: PropTypes.node,
+    /**
          * 是否支持多选
          */
-        multiple: PropTypes.bool,
-        /**
+    multiple: PropTypes.bool,
+    /**
          * 下拉框中的树是否支持勾选节点的复选框
          */
-        treeCheckable: PropTypes.bool,
-        /**
+    treeCheckable: PropTypes.bool,
+    /**
          * 下拉框中的树勾选节点复选框是否完全受控（父子节点选中状态不再关联）
          */
-        treeCheckStrictly: PropTypes.bool,
-        /**
+    treeCheckStrictly: PropTypes.bool,
+    /**
          * 定义选中时回填的方式
          * @enumdesc 返回所有选中的节点, 父子节点都选中时只返回父节点, 父子节点都选中时只返回子节点
          */
-        treeCheckedStrategy: PropTypes.oneOf(['all', 'parent', 'child']),
-        /**
+    treeCheckedStrategy: PropTypes.oneOf(['all', 'parent', 'child']),
+    /**
          * 下拉框中的树是否默认展开所有节点
          */
-        treeDefaultExpandAll: PropTypes.bool,
-        /**
+    treeDefaultExpandAll: PropTypes.bool,
+    /**
          * 下拉框中的树默认展开节点key的数组
          */
-        treeDefaultExpandedKeys: PropTypes.arrayOf(PropTypes.string),
-        /**
+    treeDefaultExpandedKeys: PropTypes.arrayOf(PropTypes.string),
+    /**
          * 下拉框中的树异步加载数据的函数，使用请参考[Tree的异步加载数据Demo](https://fusion.design/component/tree)
          * @param {ReactElement} node 被点击展开的节点
          */
-        treeLoadData: PropTypes.func,
-        /**
+    treeLoadData: PropTypes.func,
+    /**
          * 透传到 Tree 的属性对象
          */
-        treeProps: PropTypes.object,
-        /**
+    treeProps: PropTypes.object,
+    /**
          * 初始下拉框是否显示
          */
-        defaultVisible: PropTypes.bool,
-        /**
+    defaultVisible: PropTypes.bool,
+    /**
          * 当前下拉框是否显示
          */
-        visible: PropTypes.bool,
-        /**
+    visible: PropTypes.bool,
+    /**
          * 下拉框显示或关闭时触发事件的回调函数
          * @param {Boolean} visible 是否显示
          * @param {String} type 触发显示关闭的操作类型
          */
-        onVisibleChange: PropTypes.func,
-        /**
+    onVisibleChange: PropTypes.func,
+    /**
          * 下拉框自定义样式对象
          */
-        popupStyle: PropTypes.object,
-        /**
+    popupStyle: PropTypes.object,
+    /**
          * 下拉框样式自定义类名
          */
-        popupClassName: PropTypes.string,
-        /**
+    popupClassName: PropTypes.string,
+    /**
          * 下拉框挂载的容器节点
          */
-        popupContainer: PropTypes.any,
-        /**
+    popupContainer: PropTypes.any,
+    /**
          * 透传到 Popup 的属性对象
          */
-        popupProps: PropTypes.object,
-        /**
+    popupProps: PropTypes.object,
+    /**
          * 是否跟随滚动
          */
-        followTrigger: PropTypes.bool,
-        /**
+    followTrigger: PropTypes.bool,
+    /**
          * 是否为预览态
          */
-        isPreview: PropTypes.bool,
-        /**
+    isPreview: PropTypes.bool,
+    /**
          * 预览态模式下渲染的内容
          * @param {Array<data>} value 选择值 { label: , value:}
          */
-        renderPreview: PropTypes.func,
+    renderPreview: PropTypes.func,
+  };
+
+  static defaultProps = {
+    prefix: 'next-',
+    pure: false,
+    size: 'medium',
+    disabled: false,
+    hasArrow: true,
+    hasBorder: true,
+    hasClear: false,
+    autoWidth: true,
+    defaultValue: null,
+    onChange: noop,
+    showSearch: false,
+    onSearch: noop,
+    onSearchClear: noop,
+    notFoundContent: 'Not Found',
+    multiple: false,
+    treeCheckable: false,
+    treeCheckStrictly: false,
+    treeCheckedStrategy: 'parent',
+    treeDefaultExpandAll: false,
+    treeDefaultExpandedKeys: [],
+    treeProps: {},
+    defaultVisible: false,
+    onVisibleChange: noop,
+  };
+
+  constructor(props, context) {
+    super(props, context);
+
+    const { defaultVisible, visible, defaultValue, value } = props;
+    this.state = {
+      visible: typeof visible === 'undefined' ? defaultVisible : visible,
+      value: normalizeToArray(
+        typeof value === 'undefined' ? defaultValue : value,
+      ),
+      searchedValue: '',
+      expandedKeys: [],
+      autoExpandParent: false,
     };
 
-    static defaultProps = {
-        prefix: 'next-',
-        pure: false,
-        size: 'medium',
-        disabled: false,
-        hasArrow: true,
-        hasBorder: true,
-        hasClear: false,
-        autoWidth: true,
-        defaultValue: null,
-        onChange: noop,
-        showSearch: false,
-        onSearch: noop,
-        onSearchClear: noop,
-        notFoundContent: 'Not Found',
-        multiple: false,
-        treeCheckable: false,
-        treeCheckStrictly: false,
-        treeCheckedStrategy: 'parent',
-        treeDefaultExpandAll: false,
-        treeDefaultExpandedKeys: [],
-        treeProps: {},
-        defaultVisible: false,
-        onVisibleChange: noop,
-    };
+    bindCtx(this, [
+      'handleSelect',
+      'handleCheck',
+      'handleSearch',
+      'handleSearchClear',
+      'handleVisibleChange',
+      'handleChange',
+      'handleRemove',
+      'handleExpand',
+      'handleKeyDown',
+      'saveTreeRef',
+      'saveSelectRef',
+    ]);
 
-    constructor(props, context) {
-        super(props, context);
+    this.updateCache(props);
+  }
 
-        const { defaultVisible, visible, defaultValue, value } = props;
-        this.state = {
-            visible: typeof visible === 'undefined' ? defaultVisible : visible,
-            value: normalizeToArray(
-                typeof value === 'undefined' ? defaultValue : value
-            ),
-            searchedValue: '',
-            expandedKeys: [],
-            autoExpandParent: false,
+  componentWillReceiveProps(nextProps) {
+    this.updateCache(nextProps);
+
+    const st = {};
+    if ('value' in nextProps) {
+      st.value = normalizeToArray(nextProps.value);
+    }
+    if ('visible' in nextProps) {
+      st.visible = nextProps.visible;
+    }
+
+    if (Object.keys(st).length) {
+      this.setState(st);
+    }
+  }
+
+  updateCache(props) {
+    this._k2n = {};
+    this._p2n = {};
+    this._v2n = {};
+
+    if ('dataSource' in props) {
+      const loop = (data, prefix = '0') => data.map((item, index) => {
+        const { value, children } = item;
+        const pos = `${prefix}-${index}`;
+        const key = item.key || pos;
+        const newItem = { ...item, key, pos };
+        if (children && children.length) {
+          newItem.children = loop(children, pos);
+        }
+
+        this._k2n[key] = this._p2n[pos] = this._v2n[
+          value
+        ] = newItem;
+        return newItem;
+      });
+      loop(props.dataSource);
+    } else if ('children' in props) {
+      const loop = (children, prefix = '0') => Children.map(children, (node, index) => {
+        if (!React.isValidElement(node)) {
+          return;
+        }
+
+        const { value, children } = node.props;
+        const pos = `${prefix}-${index}`;
+        const key = node.key || pos;
+        const newItem = { ...node.props, key, pos };
+        if (children && Children.count(children)) {
+          newItem.children = loop(children, pos);
+        }
+
+        this._k2n[key] = this._p2n[pos] = this._v2n[
+          value
+        ] = newItem;
+        return newItem;
+      });
+      loop(props.children);
+    }
+  }
+
+  getKeysByValue(value) {
+    return value.reduce((ret, v) => {
+      const k = this._v2n[v] && this._v2n[v].key;
+      if (k) {
+        ret.push(k);
+      }
+
+      return ret;
+    }, []);
+  }
+
+  getValueByKeys(keys) {
+    return keys.map(k => this._k2n[k].value);
+  }
+
+  getValueForSelect(value) {
+    const { treeCheckedStrategy } = this.props;
+
+    let keys = this.getKeysByValue(value);
+    keys = getAllCheckedKeys(keys, this._k2n, this._p2n);
+
+    switch (treeCheckedStrategy) {
+      case 'parent':
+        keys = filterChildKey(keys, this._k2n, this._p2n);
+        break;
+      case 'child':
+        keys = filterParentKey(keys, this._k2n, this._p2n);
+        break;
+      default:
+        break;
+    }
+
+    return this.getValueByKeys(keys);
+  }
+
+  getData(value, forSelect) {
+    return value.reduce((ret, v) => {
+      const k = this._v2n[v] && this._v2n[v].key;
+      if (k) {
+        const { label, pos, disabled, checkboxDisabled } = this._k2n[k];
+        const d = {
+          value: v,
+          label,
+          pos,
         };
-
-        bindCtx(this, [
-            'handleSelect',
-            'handleCheck',
-            'handleSearch',
-            'handleSearchClear',
-            'handleVisibleChange',
-            'handleChange',
-            'handleRemove',
-            'handleExpand',
-            'handleKeyDown',
-            'saveTreeRef',
-            'saveSelectRef',
-        ]);
-
-        this.updateCache(props);
-    }
-
-    componentWillReceiveProps(nextProps) {
-        this.updateCache(nextProps);
-
-        const st = {};
-        if ('value' in nextProps) {
-            st.value = normalizeToArray(nextProps.value);
-        }
-        if ('visible' in nextProps) {
-            st.visible = nextProps.visible;
-        }
-
-        if (Object.keys(st).length) {
-            this.setState(st);
-        }
-    }
-
-    updateCache(props) {
-        this._k2n = {};
-        this._p2n = {};
-        this._v2n = {};
-
-        if ('dataSource' in props) {
-            const loop = (data, prefix = '0') =>
-                data.map((item, index) => {
-                    const { value, children } = item;
-                    const pos = `${prefix}-${index}`;
-                    const key = item.key || pos;
-                    const newItem = { ...item, key, pos };
-                    if (children && children.length) {
-                        newItem.children = loop(children, pos);
-                    }
-
-                    this._k2n[key] = this._p2n[pos] = this._v2n[
-                        value
-                    ] = newItem;
-                    return newItem;
-                });
-            loop(props.dataSource);
-        } else if ('children' in props) {
-            const loop = (children, prefix = '0') =>
-                Children.map(children, (node, index) => {
-                    if (!React.isValidElement(node)) {
-                        return;
-                    }
-
-                    const { value, children } = node.props;
-                    const pos = `${prefix}-${index}`;
-                    const key = node.key || pos;
-                    const newItem = { ...node.props, key, pos };
-                    if (children && Children.count(children)) {
-                        newItem.children = loop(children, pos);
-                    }
-
-                    this._k2n[key] = this._p2n[pos] = this._v2n[
-                        value
-                    ] = newItem;
-                    return newItem;
-                });
-            loop(props.children);
-        }
-    }
-
-    getKeysByValue(value) {
-        return value.reduce((ret, v) => {
-            const k = this._v2n[v] && this._v2n[v].key;
-            if (k) {
-                ret.push(k);
-            }
-
-            return ret;
-        }, []);
-    }
-
-    getValueByKeys(keys) {
-        return keys.map(k => this._k2n[k].value);
-    }
-
-    getValueForSelect(value) {
-        const { treeCheckedStrategy } = this.props;
-
-        let keys = this.getKeysByValue(value);
-        keys = getAllCheckedKeys(keys, this._k2n, this._p2n);
-
-        switch (treeCheckedStrategy) {
-            case 'parent':
-                keys = filterChildKey(keys, this._k2n, this._p2n);
-                break;
-            case 'child':
-                keys = filterParentKey(keys, this._k2n, this._p2n);
-                break;
-            default:
-                break;
-        }
-
-        return this.getValueByKeys(keys);
-    }
-
-    getData(value, forSelect) {
-        return value.reduce((ret, v) => {
-            const k = this._v2n[v] && this._v2n[v].key;
-            if (k) {
-                const { label, pos, disabled, checkboxDisabled } = this._k2n[k];
-                const d = {
-                    value: v,
-                    label,
-                    pos,
-                };
-                if (forSelect) {
-                    d.disabled = disabled || checkboxDisabled;
-                } else {
-                    d.key = k;
-                }
-                ret.push(d);
-            }
-
-            return ret;
-        }, []);
-    }
-
-    saveTreeRef(ref) {
-        this.tree = ref;
-    }
-
-    saveSelectRef(ref) {
-        this.select = ref;
-    }
-
-    handleVisibleChange(visible, type) {
-        if (!('visible' in this.props)) {
-            this.setState({
-                visible,
-            });
-        }
-
-        if (['fromTree', 'keyboard'].indexOf(type) !== -1 && !visible) {
-            this.select.focusInput();
-        }
-
-        this.props.onVisibleChange(visible, type);
-    }
-
-    handleSelect(selectedKeys, extra) {
-        const { multiple, onChange } = this.props;
-        const { selected } = extra;
-
-        if (multiple || selected) {
-            const value = this.getValueByKeys(selectedKeys);
-            if (!('value' in this.props)) {
-                this.setState({
-                    value,
-                });
-            }
-            if (!multiple) {
-                this.handleVisibleChange(false, 'fromTree');
-            }
-
-            const data = this.getData(value);
-            multiple ? onChange(value, data) : onChange(value[0], data[0]);
+        if (forSelect) {
+          d.disabled = disabled || checkboxDisabled;
         } else {
-            this.handleVisibleChange(false, 'fromTree');
+          d.key = k;
         }
+        ret.push(d);
+      }
+
+      return ret;
+    }, []);
+  }
+
+  saveTreeRef(ref) {
+    this.tree = ref;
+  }
+
+  saveSelectRef(ref) {
+    this.select = ref;
+  }
+
+  handleVisibleChange(visible, type) {
+    if (!('visible' in this.props)) {
+      this.setState({
+        visible,
+      });
     }
 
-    handleCheck(checkedKeys) {
-        const { onChange } = this.props;
-
-        const value = this.getValueByKeys(checkedKeys);
-        if (!('value' in this.props)) {
-            this.setState({
-                value,
-            });
-        }
-
-        onChange(value, this.getData(value));
+    if (['fromTree', 'keyboard'].indexOf(type) !== -1 && !visible) {
+      this.select.focusInput();
     }
 
-    handleRemove(removedItem) {
-        const { value: removedValue } = removedItem;
-        const {
-            treeCheckable,
-            treeCheckStrictly,
-            treeCheckedStrategy,
-            onChange,
-        } = this.props;
+    this.props.onVisibleChange(visible, type);
+  }
 
-        let value;
-        if (
-            treeCheckable &&
+  handleSelect(selectedKeys, extra) {
+    const { multiple, onChange } = this.props;
+    const { selected } = extra;
+
+    if (multiple || selected) {
+      const value = this.getValueByKeys(selectedKeys);
+      if (!('value' in this.props)) {
+        this.setState({
+          value,
+        });
+      }
+      if (!multiple) {
+        this.handleVisibleChange(false, 'fromTree');
+      }
+
+      const data = this.getData(value);
+      multiple ? onChange(value, data) : onChange(value[0], data[0]);
+    } else {
+      this.handleVisibleChange(false, 'fromTree');
+    }
+  }
+
+  handleCheck(checkedKeys) {
+    const { onChange } = this.props;
+
+    const value = this.getValueByKeys(checkedKeys);
+    if (!('value' in this.props)) {
+      this.setState({
+        value,
+      });
+    }
+
+    onChange(value, this.getData(value));
+  }
+
+  handleRemove(removedItem) {
+    const { value: removedValue } = removedItem;
+    const {
+      treeCheckable,
+      treeCheckStrictly,
+      treeCheckedStrategy,
+      onChange,
+    } = this.props;
+
+    let value;
+    if (
+      treeCheckable &&
             !treeCheckStrictly &&
             ['parent', 'all'].indexOf(treeCheckedStrategy) !== -1
-        ) {
-            const removedPos = this._v2n[removedValue].pos;
-            value = this.state.value.filter(v => {
-                const p = this._v2n[v].pos;
-                return !isDescendantOrSelf(removedPos, p);
-            });
+    ) {
+      const removedPos = this._v2n[removedValue].pos;
+      value = this.state.value.filter(v => {
+        const p = this._v2n[v].pos;
+        return !isDescendantOrSelf(removedPos, p);
+      });
 
-            const nums = removedPos.split('-');
-            for (let i = nums.length; i > 2; i--) {
-                const parentPos = nums.slice(0, i - 1).join('-');
-                const parentValue = this._p2n[parentPos].value;
-                const parentIndex = value.indexOf(parentValue);
-                if (parentIndex > -1) {
-                    value.splice(parentIndex, 1);
-                } else {
-                    break;
-                }
-            }
+      const nums = removedPos.split('-');
+      for (let i = nums.length; i > 2; i--) {
+        const parentPos = nums.slice(0, i - 1).join('-');
+        const parentValue = this._p2n[parentPos].value;
+        const parentIndex = value.indexOf(parentValue);
+        if (parentIndex > -1) {
+          value.splice(parentIndex, 1);
         } else {
-            value = this.state.value.filter(v => v !== removedValue);
+          break;
         }
-
-        if (!('value' in this.props)) {
-            this.setState({
-                value,
-            });
-        }
-
-        const data = this.getData(value);
-        onChange(value, data);
+      }
+    } else {
+      value = this.state.value.filter(v => v !== removedValue);
     }
 
-    handleSearch(searchedValue) {
-        const searchedKeys = [];
-        const retainedKeys = [];
-        Object.keys(this._k2n).forEach(k => {
-            const { label, pos } = this._k2n[k];
-            if (this.isSearched(label, searchedValue)) {
-                searchedKeys.push(k);
-                const posArr = pos.split('-');
-                posArr.forEach((n, i) => {
-                    if (i > 0) {
-                        const p = posArr.slice(0, i + 1).join('-');
-                        const kk = this._p2n[p].key;
-                        if (retainedKeys.indexOf(kk) === -1) {
-                            retainedKeys.push(kk);
-                        }
-                    }
-                });
+    if (!('value' in this.props)) {
+      this.setState({
+        value,
+      });
+    }
+
+    const data = this.getData(value);
+    onChange(value, data);
+  }
+
+  handleSearch(searchedValue) {
+    const searchedKeys = [];
+    const retainedKeys = [];
+    Object.keys(this._k2n).forEach(k => {
+      const { label, pos } = this._k2n[k];
+      if (this.isSearched(label, searchedValue)) {
+        searchedKeys.push(k);
+        const posArr = pos.split('-');
+        posArr.forEach((n, i) => {
+          if (i > 0) {
+            const p = posArr.slice(0, i + 1).join('-');
+            const kk = this._p2n[p].key;
+            if (retainedKeys.indexOf(kk) === -1) {
+              retainedKeys.push(kk);
             }
+          }
         });
+      }
+    });
 
+    this.setState({
+      searchedValue,
+      expandedKeys: searchedKeys,
+      autoExpandParent: true,
+    });
+    this.searchedKeys = searchedKeys;
+    this.retainedKeys = retainedKeys;
+
+    this.props.onSearch(searchedValue);
+  }
+
+  handleSearchClear(triggerType) {
+    this.setState({
+      searchedValue: '',
+      expandedKeys: [],
+    });
+    this.props.onSearchClear(triggerType);
+  }
+
+  handleExpand(expandedKeys) {
+    this.setState({
+      expandedKeys,
+      autoExpandParent: false,
+    });
+  }
+
+  handleKeyDown(e) {
+    const { onKeyDown } = this.props;
+    const { visible } = this.state;
+
+    if (onKeyDown) {
+      onKeyDown(e);
+    }
+
+    if (!visible) {
+      return;
+    }
+
+    switch (e.keyCode) {
+      case KEYCODE.UP:
+      case KEYCODE.DOWN:
+        this.tree.setFocusKey();
+        e.preventDefault();
+        break;
+      default:
+        break;
+    }
+  }
+
+  handleChange() {
+    // 单选时点击清空按钮
+    const { hasClear, multiple, treeCheckable } = this.props;
+    if (hasClear && (!multiple || !treeCheckable)) {
+      if (!('value' in this.props)) {
         this.setState({
-            searchedValue,
-            expandedKeys: searchedKeys,
-            autoExpandParent: true,
+          value: [],
         });
-        this.searchedKeys = searchedKeys;
-        this.retainedKeys = retainedKeys;
+      }
 
-        this.props.onSearch(searchedValue);
+      this.props.onChange(null, null);
     }
+  }
 
-    handleSearchClear(triggerType) {
-        this.setState({
-            searchedValue: '',
-            expandedKeys: [],
-        });
-        this.props.onSearchClear(triggerType);
-    }
+  isSearched(label, searchedValue) {
+    let labelString = '';
+    const loop = arg => {
+      if (isValidElement(arg) && arg.props.children) {
+        Children.forEach(arg.props.children, loop);
+      } else if (typeof arg === 'string') {
+        labelString += arg;
+      }
+    };
+    loop(label);
 
-    handleExpand(expandedKeys) {
-        this.setState({
-            expandedKeys,
-            autoExpandParent: false,
-        });
-    }
-
-    handleKeyDown(e) {
-        const { onKeyDown } = this.props;
-        const { visible } = this.state;
-
-        if (onKeyDown) {
-            onKeyDown(e);
-        }
-
-        if (!visible) {
-            return;
-        }
-
-        switch (e.keyCode) {
-            case KEYCODE.UP:
-            case KEYCODE.DOWN:
-                this.tree.setFocusKey();
-                e.preventDefault();
-                break;
-            default:
-                break;
-        }
-    }
-
-    handleChange() {
-        // 单选时点击清空按钮
-        const { hasClear, multiple, treeCheckable } = this.props;
-        if (hasClear && (!multiple || !treeCheckable)) {
-            if (!('value' in this.props)) {
-                this.setState({
-                    value: [],
-                });
-            }
-
-            this.props.onChange(null, null);
-        }
-    }
-
-    isSearched(label, searchedValue) {
-        let labelString = '';
-        const loop = arg => {
-            if (isValidElement(arg) && arg.props.children) {
-                Children.forEach(arg.props.children, loop);
-            } else if (typeof arg === 'string') {
-                labelString += arg;
-            }
-        };
-        loop(label);
-
-        if (
-            labelString.length >= searchedValue.length &&
+    if (
+      labelString.length >= searchedValue.length &&
             labelString.indexOf(searchedValue) > -1
-        ) {
-            return true;
-        }
-
-        return false;
+    ) {
+      return true;
     }
 
-    searchNodes(children) {
-        const loop = children => {
-            const retainedNodes = [];
-            Children.forEach(children, child => {
-                if (this.searchedKeys.indexOf(child.key) > -1) {
-                    retainedNodes.push(child);
-                } else if (this.retainedKeys.indexOf(child.key) > -1) {
-                    const retainedNode = child.props.children
-                        ? cloneElement(child, {}, loop(child.props.children))
-                        : child;
-                    retainedNodes.push(retainedNode);
-                } else {
-                    const hideNode = cloneElement(child, {
-                        style: { display: 'none' },
-                    });
-                    retainedNodes.push(hideNode);
-                }
-            });
-            return retainedNodes;
+    return false;
+  }
+
+  searchNodes(children) {
+    const loop = children => {
+      const retainedNodes = [];
+      Children.forEach(children, child => {
+        if (this.searchedKeys.indexOf(child.key) > -1) {
+          retainedNodes.push(child);
+        } else if (this.retainedKeys.indexOf(child.key) > -1) {
+          const retainedNode = child.props.children
+            ? cloneElement(child, {}, loop(child.props.children))
+            : child;
+          retainedNodes.push(retainedNode);
+        } else {
+          const hideNode = cloneElement(child, {
+            style: { display: 'none' },
+          });
+          retainedNodes.push(hideNode);
+        }
+      });
+      return retainedNodes;
+    };
+
+    return loop(children);
+  }
+
+  createNodesByData(data, searching) {
+    const loop = (data, isParentMatched, prefix = '0') => {
+      const retainedNodes = [];
+
+      data.forEach((item, index) => {
+        const { children, ...others } = item;
+        const pos = `${prefix}-${index}`;
+        const { key } = this._p2n[pos];
+        const addNode = (isParentMatched, hide) => {
+          if (hide) {
+            others.style = { display: 'none' };
+          }
+          retainedNodes.push(
+            <TreeNode {...others} key={key}>
+              {children && children.length
+                ? loop(children, isParentMatched, pos)
+                : null}
+            </TreeNode>,
+          );
         };
 
-        return loop(children);
-    }
-
-    createNodesByData(data, searching) {
-        const loop = (data, isParentMatched, prefix = '0') => {
-            const retainedNodes = [];
-
-            data.forEach((item, index) => {
-                const { children, ...others } = item;
-                const pos = `${prefix}-${index}`;
-                const key = this._p2n[pos].key;
-                const addNode = (isParentMatched, hide) => {
-                    if (hide) {
-                        others.style = { display: 'none' };
-                    }
-                    retainedNodes.push(
-                        <TreeNode {...others} key={key}>
-                            {children && children.length
-                                ? loop(children, isParentMatched, pos)
-                                : null}
-                        </TreeNode>
-                    );
-                };
-
-                if (searching) {
-                    if (
-                        this.searchedKeys.indexOf(key) > -1 ||
+        if (searching) {
+          if (
+            this.searchedKeys.indexOf(key) > -1 ||
                         isParentMatched
-                    ) {
-                        addNode(true);
-                    } else if (this.retainedKeys.indexOf(key) > -1) {
-                        addNode(false);
-                    } else {
-                        addNode(false, true);
-                    }
-                } else {
-                    addNode();
-                }
-            });
+          ) {
+            addNode(true);
+          } else if (this.retainedKeys.indexOf(key) > -1) {
+            addNode(false);
+          } else {
+            addNode(false, true);
+          }
+        } else {
+          addNode();
+        }
+      });
 
-            return retainedNodes;
-        };
+      return retainedNodes;
+    };
 
-        return loop(data, false);
+    return loop(data, false);
+  }
+
+  /* eslint-disable max-statements */
+  renderPopupContent() {
+    const { prefix } = this.props;
+    const treeSelectPrefix = `${prefix}tree-select-`;
+
+    if (!this.state.visible) {
+      return <div className={`${treeSelectPrefix}dropdown`} />;
     }
-    /*eslint-disable max-statements*/
-    renderPopupContent() {
-        const prefix = this.props.prefix;
-        const treeSelectPrefix = `${prefix}tree-select-`;
 
-        if (!this.state.visible) {
-            return <div className={`${treeSelectPrefix}dropdown`} />;
-        }
+    const {
+      multiple,
+      treeCheckable,
+      treeCheckStrictly,
+      treeCheckedStrategy,
+      treeDefaultExpandAll,
+      treeDefaultExpandedKeys,
+      treeLoadData,
+      treeProps: customTreeProps,
+      showSearch,
+      dataSource,
+      children,
+      readOnly,
+      notFoundContent,
+    } = this.props;
+    const {
+      value,
+      searchedValue,
+      expandedKeys,
+      autoExpandParent,
+    } = this.state;
 
-        const {
-            multiple,
-            treeCheckable,
-            treeCheckStrictly,
-            treeCheckedStrategy,
-            treeDefaultExpandAll,
-            treeDefaultExpandedKeys,
-            treeLoadData,
-            treeProps: customTreeProps,
-            showSearch,
-            dataSource,
-            children,
-            readOnly,
-            notFoundContent,
-        } = this.props;
-        const {
-            value,
-            searchedValue,
-            expandedKeys,
-            autoExpandParent,
-        } = this.state;
+    const treeProps = {
+      multiple,
+      ref: this.saveTreeRef,
+      loadData: treeLoadData,
+      defaultExpandAll: treeDefaultExpandAll,
+      defaultExpandedKeys: treeDefaultExpandedKeys,
+    };
 
-        const treeProps = {
-            multiple,
-            ref: this.saveTreeRef,
-            loadData: treeLoadData,
-            defaultExpandAll: treeDefaultExpandAll,
-            defaultExpandedKeys: treeDefaultExpandedKeys,
-        };
+    const keys = this.getKeysByValue(value);
+    if (treeCheckable) {
+      treeProps.checkable = treeCheckable;
+      treeProps.checkStrictly = treeCheckStrictly;
+      treeProps.checkedStrategy = treeCheckStrictly
+        ? 'all'
+        : treeCheckedStrategy;
+      treeProps.checkedKeys = keys;
+      if (!readOnly) {
+        treeProps.onCheck = this.handleCheck;
+      }
+    } else {
+      treeProps.selectedKeys = keys;
+      if (!readOnly) {
+        treeProps.onSelect = this.handleSelect;
+      }
+    }
 
-        const keys = this.getKeysByValue(value);
-        if (treeCheckable) {
-            treeProps.checkable = treeCheckable;
-            treeProps.checkStrictly = treeCheckStrictly;
-            treeProps.checkedStrategy = treeCheckStrictly
-                ? 'all'
-                : treeCheckedStrategy;
-            treeProps.checkedKeys = keys;
-            if (!readOnly) {
-                treeProps.onCheck = this.handleCheck;
-            }
-        } else {
-            treeProps.selectedKeys = keys;
-            if (!readOnly) {
-                treeProps.onSelect = this.handleSelect;
-            }
-        }
+    let notFound = false;
+    let newChildren;
+    if (showSearch && searchedValue) {
+      treeProps.expandedKeys = expandedKeys;
+      treeProps.autoExpandParent = autoExpandParent;
+      treeProps.onExpand = this.handleExpand;
+      treeProps.filterTreeNode = node => {
+        return this.searchedKeys.indexOf(node.props.eventKey) > -1;
+      };
 
-        let notFound = false;
-        let newChildren;
-        if (showSearch && searchedValue) {
-            treeProps.expandedKeys = expandedKeys;
-            treeProps.autoExpandParent = autoExpandParent;
-            treeProps.onExpand = this.handleExpand;
-            treeProps.filterTreeNode = node => {
-                return this.searchedKeys.indexOf(node.props.eventKey) > -1;
-            };
-
-            if (this.searchedKeys.length) {
-                newChildren = dataSource
-                    ? this.createNodesByData(dataSource, true)
-                    : this.searchNodes(children);
-            } else {
-                notFound = true;
-            }
-        } else {
-            // eslint-disable-next-line
+      if (this.searchedKeys.length) {
+        newChildren = dataSource
+          ? this.createNodesByData(dataSource, true)
+          : this.searchNodes(children);
+      } else {
+        notFound = true;
+      }
+    } else {
+      // eslint-disable-next-line
             if (dataSource) {
-                if (dataSource.length) {
-                    newChildren = this.createNodesByData(dataSource);
-                } else {
-                    notFound = true;
-                }
-            } else {
-                // eslint-disable-next-line
+        if (dataSource.length) {
+          newChildren = this.createNodesByData(dataSource);
+        } else {
+          notFound = true;
+        }
+      } else {
+        // eslint-disable-next-line
                 if (Children.count(children)) {
-                    newChildren = children;
-                } else {
-                    notFound = true;
-                }
-            }
+          newChildren = children;
+        } else {
+          notFound = true;
         }
-
-        return (
-            <div className={`${treeSelectPrefix}dropdown`}>
-                {notFound ? (
-                    <div className={`${treeSelectPrefix}not-found`}>
-                        {notFoundContent}
-                    </div>
-                ) : (
-                    <Tree {...customTreeProps} {...treeProps}>
-                        {newChildren}
-                    </Tree>
-                )}
-            </div>
-        );
+      }
     }
 
-    renderPreview(data, others) {
-        const { prefix, className, renderPreview } = this.props;
+    return (
+      <div className={`${treeSelectPrefix}dropdown`}>
+        {notFound ? (
+          <div className={`${treeSelectPrefix}not-found`}>
+            {notFoundContent}
+          </div>
+        ) : (
+          <Tree {...customTreeProps} {...treeProps}>
+            {newChildren}
+          </Tree>
+        )}
+      </div>
+    );
+  }
 
-        const previewCls = classNames(className, `${prefix}form-preview`);
-        let items = data;
+  renderPreview(data, others) {
+    const { prefix, className, renderPreview } = this.props;
 
-        if (data && !Array.isArray(data)) {
-            items = [data];
-        }
+    const previewCls = classNames(className, `${prefix}form-preview`);
+    let items = data;
 
-        if (typeof renderPreview === 'function') {
-            return (
-                <div {...others} className={previewCls}>
-                    {renderPreview(items, this.props)}
-                </div>
-            );
-        }
-
-        return (
-            <p {...others} className={previewCls}>
-                {items.map(({ label }) => label).join(', ')}
-            </p>
-        );
+    if (data && !Array.isArray(data)) {
+      items = [data];
     }
-    /*eslint-enable*/
-    render() {
-        const {
-            prefix,
-            size,
-            placeholder,
-            disabled,
-            hasArrow,
-            hasBorder,
-            hasClear,
-            label,
-            readOnly,
-            autoWidth,
-            popupStyle,
-            popupClassName,
-            showSearch,
-            multiple,
-            treeCheckable,
-            treeCheckStrictly,
-            className,
-            popupContainer,
-            popupProps,
-            followTrigger,
-            isPreview,
-        } = this.props;
-        const others = pickOthers(
-            Object.keys(TreeSelect.propTypes),
-            this.props
-        );
-        const { value, visible } = this.state;
 
-        const valueForSelect =
+    if (typeof renderPreview === 'function') {
+      return (
+        <div {...others} className={previewCls}>
+          {renderPreview(items, this.props)}
+        </div>
+      );
+    }
+
+    return (
+      <p {...others} className={previewCls}>
+        {items.map(({ label }) => label).join(', ')}
+      </p>
+    );
+  }
+
+  /* eslint-enable */
+  render() {
+    const {
+      prefix,
+      size,
+      placeholder,
+      disabled,
+      hasArrow,
+      hasBorder,
+      hasClear,
+      label,
+      readOnly,
+      autoWidth,
+      popupStyle,
+      popupClassName,
+      showSearch,
+      multiple,
+      treeCheckable,
+      treeCheckStrictly,
+      className,
+      popupContainer,
+      popupProps,
+      followTrigger,
+      isPreview,
+    } = this.props;
+    const others = pickOthers(
+      Object.keys(TreeSelect.propTypes),
+      this.props,
+    );
+    const { value, visible } = this.state;
+
+    const valueForSelect =
             treeCheckable && !treeCheckStrictly
-                ? this.getValueForSelect(value)
-                : value;
-        let data = this.getData(valueForSelect, true);
-        if (!multiple && !treeCheckable) {
-            data = data[0];
-        }
-
-        if (isPreview) {
-            return this.renderPreview(data, others);
-        }
-
-        return (
-            <Select
-                prefix={prefix}
-                className={className}
-                size={size}
-                hasBorder={hasBorder}
-                hasArrow={hasArrow}
-                hasClear={hasClear}
-                placeholder={placeholder}
-                disabled={disabled}
-                autoWidth={autoWidth}
-                label={label}
-                readOnly={readOnly}
-                ref={this.saveSelectRef}
-                mode={treeCheckable || multiple ? 'multiple' : 'single'}
-                value={data}
-                onRemove={this.handleRemove}
-                onChange={this.handleChange}
-                visible={visible}
-                onVisibleChange={this.handleVisibleChange}
-                showSearch={showSearch}
-                onSearch={this.handleSearch}
-                onSearchClear={this.handleSearchClear}
-                onKeyDown={this.handleKeyDown}
-                popupContent={this.renderPopupContent()}
-                popupContainer={popupContainer}
-                popupStyle={popupStyle}
-                popupClassName={popupClassName}
-                popupProps={popupProps}
-                followTrigger={followTrigger}
-                {...others}
-            />
-        );
+              ? this.getValueForSelect(value)
+              : value;
+    let data = this.getData(valueForSelect, true);
+    if (!multiple && !treeCheckable) {
+      data = data[0];
     }
+
+    if (isPreview) {
+      return this.renderPreview(data, others);
+    }
+
+    return (
+      <Select
+        prefix={prefix}
+        className={className}
+        size={size}
+        hasBorder={hasBorder}
+        hasArrow={hasArrow}
+        hasClear={hasClear}
+        placeholder={placeholder}
+        disabled={disabled}
+        autoWidth={autoWidth}
+        label={label}
+        readOnly={readOnly}
+        ref={this.saveSelectRef}
+        mode={treeCheckable || multiple ? 'multiple' : 'single'}
+        value={data}
+        onRemove={this.handleRemove}
+        onChange={this.handleChange}
+        visible={visible}
+        onVisibleChange={this.handleVisibleChange}
+        showSearch={showSearch}
+        onSearch={this.handleSearch}
+        onSearchClear={this.handleSearchClear}
+        onKeyDown={this.handleKeyDown}
+        popupContent={this.renderPopupContent()}
+        popupContainer={popupContainer}
+        popupStyle={popupStyle}
+        popupClassName={popupClassName}
+        popupProps={popupProps}
+        followTrigger={followTrigger}
+        {...others}
+      />
+    );
+  }
 }
 
 TreeSelect.Node = TreeNode;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/tree/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/tree/index.jsx
index b13daf51d..5f4e157d0 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/tree/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/tree/index.jsx
@@ -5,5 +5,5 @@ import TreeNode from './view/tree-node';
 Tree.Node = TreeNode;
 
 export default ConfigProvider.config(Tree, {
-    exportNames: ['setFocusKey'],
+  exportNames: ['setFocusKey'],
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/tree/view/tree-node-input.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/tree/view/tree-node-input.jsx
index e4ded4fff..a30472abe 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/tree/view/tree-node-input.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/tree/view/tree-node-input.jsx
@@ -4,24 +4,24 @@ import PropTypes from 'prop-types';
 import Input from '../../input';
 
 export default class TreeNodeInput extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-    };
+  static propTypes = {
+    prefix: PropTypes.string,
+  };
 
-    componentDidMount() {
-        const inputWrapperNode = findDOMNode(this);
-        inputWrapperNode.querySelector('input').focus();
-    }
+  componentDidMount() {
+    const inputWrapperNode = findDOMNode(this);
+    inputWrapperNode.querySelector('input').focus();
+  }
 
-    render() {
-        const { prefix, ...others } = this.props;
+  render() {
+    const { prefix, ...others } = this.props;
 
-        return (
-            <Input
-                size="small"
-                className={`${prefix}tree-node-input`}
-                {...others}
-            />
-        );
-    }
+    return (
+      <Input
+        size="small"
+        className={`${prefix}tree-node-input`}
+        {...others}
+      />
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/tree/view/tree-node.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/tree/view/tree-node.jsx
index 3e5ea2d98..f240b80e4 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/tree/view/tree-node.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/tree/view/tree-node.jsx
@@ -17,579 +17,579 @@ const isRoot = pos => /^0-(\d)+$/.test(pos);
  * Tree.Node
  */
 export default class TreeNode extends Component {
-    static propTypes = {
-        _key: PropTypes.string,
-        prefix: PropTypes.string,
-        rtl: PropTypes.bool,
-        className: PropTypes.string,
-        /**
+  static propTypes = {
+    _key: PropTypes.string,
+    prefix: PropTypes.string,
+    rtl: PropTypes.bool,
+    className: PropTypes.string,
+    /**
          * 树节点
          */
-        children: PropTypes.node,
-        /**
+    children: PropTypes.node,
+    /**
          * 节点文本内容
          */
-        label: PropTypes.node,
-        /**
+    label: PropTypes.node,
+    /**
          * 单独设置是否支持选中，覆盖 Tree 的 selectable
          */
-        selectable: PropTypes.bool,
-        /**
+    selectable: PropTypes.bool,
+    /**
          * 单独设置是否出现复选框，覆盖 Tree 的 checkable
          */
-        checkable: PropTypes.bool,
-        /**
+    checkable: PropTypes.bool,
+    /**
          * 单独设置是否支持编辑，覆盖 Tree 的 editable
          */
-        editable: PropTypes.bool,
-        /**
+    editable: PropTypes.bool,
+    /**
          * 单独设置是否支持拖拽，覆盖 Tree 的 draggable
          */
-        draggable: PropTypes.bool,
-        /**
+    draggable: PropTypes.bool,
+    /**
          * 是否禁止节点响应
          */
-        disabled: PropTypes.bool,
-        /**
+    disabled: PropTypes.bool,
+    /**
          * 是否禁止勾选节点复选框
          */
-        checkboxDisabled: PropTypes.bool,
-        /**
+    checkboxDisabled: PropTypes.bool,
+    /**
          * 是否是叶子节点，设置loadData时生效
          */
-        isLeaf: PropTypes.bool,
-        root: PropTypes.object,
-        eventKey: PropTypes.string,
-        pos: PropTypes.string,
-        expanded: PropTypes.bool,
-        selected: PropTypes.bool,
-        checked: PropTypes.bool,
-        indeterminate: PropTypes.bool,
-        dragOver: PropTypes.bool,
-        dragOverGapTop: PropTypes.bool,
-        dragOverGapBottom: PropTypes.bool,
-        parentNode: PropTypes.object,
-        onKeyDown: PropTypes.func,
-        size: PropTypes.number,
+    isLeaf: PropTypes.bool,
+    root: PropTypes.object,
+    eventKey: PropTypes.string,
+    pos: PropTypes.string,
+    expanded: PropTypes.bool,
+    selected: PropTypes.bool,
+    checked: PropTypes.bool,
+    indeterminate: PropTypes.bool,
+    dragOver: PropTypes.bool,
+    dragOverGapTop: PropTypes.bool,
+    dragOverGapBottom: PropTypes.bool,
+    parentNode: PropTypes.object,
+    onKeyDown: PropTypes.func,
+    size: PropTypes.number,
+  };
+
+  static defaultProps = {
+    label: '---',
+    rtl: false,
+    disabled: false,
+    checkboxDisabled: false,
+    isLeaf: false,
+    size: 1,
+  };
+
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      editing: false,
+      loading: false,
+      label: props.label,
     };
 
-    static defaultProps = {
-        label: '---',
-        rtl: false,
-        disabled: false,
-        checkboxDisabled: false,
-        isLeaf: false,
-        size: 1,
-    };
+    bindCtx(this, [
+      'handleExpand',
+      'handleSelect',
+      'handleCheck',
+      'handleEditStart',
+      'handleEditFinish',
+      'handleRightClick',
+      'handleDragStart',
+      'handleDragEnter',
+      'handleDragOver',
+      'handleDragLeave',
+      'handleDragEnd',
+      'handleDrop',
+      'handleInputKeyDown',
+      'handleKeyDown',
+    ]);
+  }
 
-    constructor(props) {
-        super(props);
+  componentDidMount() {
+    this.itemNode = findDOMNode(this.refs.node);
+    this.setFocus();
+  }
 
-        this.state = {
-            editing: false,
-            loading: false,
-            label: props.label,
-        };
+  componentWillReceiveProps(nextProps) {
+    if ('label' in nextProps) {
+      this.setState({
+        label: nextProps.label,
+      });
+    }
+  }
 
-        bindCtx(this, [
-            'handleExpand',
-            'handleSelect',
-            'handleCheck',
-            'handleEditStart',
-            'handleEditFinish',
-            'handleRightClick',
-            'handleDragStart',
-            'handleDragEnter',
-            'handleDragOver',
-            'handleDragLeave',
-            'handleDragEnd',
-            'handleDrop',
-            'handleInputKeyDown',
-            'handleKeyDown',
-        ]);
+  componentDidUpdate() {
+    this.setFocus();
+  }
+
+  getParentNode() {
+    return this.props.root.getParentNode(this.props.pos);
+  }
+
+  focusable() {
+    const { root, disabled } = this.props;
+    const { focusable } = root.props;
+    return focusable && !disabled;
+  }
+
+  getFocused() {
+    const { _key, root } = this.props;
+    const { focusedKey } = root.state;
+    return focusedKey === _key;
+  }
+
+  setFocus() {
+    const focused = this.getFocused();
+    if (focused && this.focusable()) {
+      this.itemNode.focus({ preventScroll: true });
+    }
+  }
+
+  handleExpand(e) {
+    const { root, expanded, eventKey } = this.props;
+
+    if (root.props.isNodeBlock) {
+      e.stopPropagation();
     }
 
-    componentDidMount() {
-        this.itemNode = findDOMNode(this.refs.node);
-        this.setFocus();
+    const { loading } = this.state;
+    if (loading) {
+      return;
     }
 
-    componentWillReceiveProps(nextProps) {
-        if ('label' in nextProps) {
-            this.setState({
-                label: nextProps.label,
-            });
-        }
+    const returnValue = root.handleExpand(!expanded, eventKey, this);
+    if (isPromise(returnValue)) {
+      this.setLoading(true);
+      return returnValue.then(
+        () => {
+          this.setLoading(false);
+        },
+        () => {
+          this.setLoading(false);
+        },
+      );
+    }
+  }
+
+  setLoading(loading) {
+    this.setState({ loading });
+  }
+
+  handleSelect(e) {
+    e.preventDefault();
+
+    const { root, selected, eventKey } = this.props;
+    root.handleSelect(!selected, eventKey, this, e);
+  }
+
+  handleCheck() {
+    const { root, checked, eventKey } = this.props;
+    root.handleCheck(!checked, eventKey, this);
+  }
+
+  handleEditStart(e) {
+    e.preventDefault();
+
+    this.setState({
+      editing: true,
+    });
+  }
+
+  handleEditFinish(e) {
+    const label = e.target.value;
+
+    this.setState({
+      editing: false,
+      label,
+    });
+
+    const { root, eventKey } = this.props;
+    root.props.onEditFinish(eventKey, label, this);
+  }
+
+  handleRightClick(e) {
+    this.props.root.props.onRightClick({
+      event: e,
+      node: this,
+    });
+  }
+
+  handleDragStart(e) {
+    e.stopPropagation();
+
+    this.props.root.handleDragStart(e, this);
+  }
+
+  handleDragEnter(e) {
+    e.preventDefault();
+    e.stopPropagation();
+
+    this.props.root.handleDragEnter(e, this);
+  }
+
+  handleDragOver(e) {
+    if (this.props.root.canDrop(this)) {
+      e.preventDefault();
+      e.stopPropagation();
+
+      this.props.root.handleDragOver(e, this);
+    }
+  }
+
+  handleDragLeave(e) {
+    e.stopPropagation();
+
+    this.props.root.handleDragLeave(e, this);
+  }
+
+  handleDragEnd(e) {
+    e.stopPropagation();
+
+    this.props.root.handleDragEnd(e, this);
+  }
+
+  handleDrop(e) {
+    e.preventDefault();
+    e.stopPropagation();
+
+    this.props.root.handleDrop(e, this);
+  }
+
+  handleInputKeyDown(e) {
+    if (e.keyCode === KEYCODE.ENTER) {
+      this.handleEditFinish(e);
+    }
+  }
+
+  handleKeyDown(e) {
+    const { _key, root, disabled } = this.props;
+    if (disabled) {
+      return;
     }
 
-    componentDidUpdate() {
-        this.setFocus();
+    if (this.focusable()) {
+      root.handleItemKeyDown(_key, this, e);
     }
 
-    getParentNode() {
-        return this.props.root.getParentNode(this.props.pos);
-    }
+    this.props.onKeyDown && this.props.onKeyDown(e);
+  }
 
-    focusable() {
-        const { root, disabled } = this.props;
-        const { focusable } = root.props;
-        return focusable && !disabled;
-    }
-
-    getFocused() {
-        const { _key, root } = this.props;
-        const { focusedKey } = root.state;
-        return focusedKey === _key;
-    }
-
-    setFocus() {
-        const focused = this.getFocused();
-        if (focused && this.focusable()) {
-            this.itemNode.focus({ preventScroll: true });
-        }
-    }
-
-    handleExpand(e) {
-        const { root, expanded, eventKey } = this.props;
-
-        if (root.props.isNodeBlock) {
-            e.stopPropagation();
-        }
-
-        const { loading } = this.state;
-        if (loading) {
-            return;
-        }
-
-        const returnValue = root.handleExpand(!expanded, eventKey, this);
-        if (isPromise(returnValue)) {
-            this.setLoading(true);
-            return returnValue.then(
-                () => {
-                    this.setLoading(false);
-                },
-                () => {
-                    this.setLoading(false);
-                }
-            );
-        }
-    }
-
-    setLoading(loading) {
-        this.setState({ loading });
-    }
-
-    handleSelect(e) {
-        e.preventDefault();
-
-        const { root, selected, eventKey } = this.props;
-        root.handleSelect(!selected, eventKey, this, e);
-    }
-
-    handleCheck() {
-        const { root, checked, eventKey } = this.props;
-        root.handleCheck(!checked, eventKey, this);
-    }
-
-    handleEditStart(e) {
-        e.preventDefault();
-
-        this.setState({
-            editing: true,
-        });
-    }
-
-    handleEditFinish(e) {
-        const label = e.target.value;
-
-        this.setState({
-            editing: false,
-            label,
-        });
-
-        const { root, eventKey } = this.props;
-        root.props.onEditFinish(eventKey, label, this);
-    }
-
-    handleRightClick(e) {
-        this.props.root.props.onRightClick({
-            event: e,
-            node: this,
-        });
-    }
-
-    handleDragStart(e) {
-        e.stopPropagation();
-
-        this.props.root.handleDragStart(e, this);
-    }
-
-    handleDragEnter(e) {
-        e.preventDefault();
-        e.stopPropagation();
-
-        this.props.root.handleDragEnter(e, this);
-    }
-
-    handleDragOver(e) {
-        if (this.props.root.canDrop(this)) {
-            e.preventDefault();
-            e.stopPropagation();
-
-            this.props.root.handleDragOver(e, this);
-        }
-    }
-
-    handleDragLeave(e) {
-        e.stopPropagation();
-
-        this.props.root.handleDragLeave(e, this);
-    }
-
-    handleDragEnd(e) {
-        e.stopPropagation();
-
-        this.props.root.handleDragEnd(e, this);
-    }
-
-    handleDrop(e) {
-        e.preventDefault();
-        e.stopPropagation();
-
-        this.props.root.handleDrop(e, this);
-    }
-
-    handleInputKeyDown(e) {
-        if (e.keyCode === KEYCODE.ENTER) {
-            this.handleEditFinish(e);
-        }
-    }
-
-    handleKeyDown(e) {
-        const { _key, root, disabled } = this.props;
-        if (disabled) {
-            return;
-        }
-
-        if (this.focusable()) {
-            root.handleItemKeyDown(_key, this, e);
-        }
-
-        this.props.onKeyDown && this.props.onKeyDown(e);
-    }
-
-    addCallbacks(props) {
-        const { disabled, root } = this.props;
-        if (!disabled) {
-            const selectable =
+  addCallbacks(props) {
+    const { disabled, root } = this.props;
+    if (!disabled) {
+      const selectable =
                 typeof this.props.selectable !== 'undefined'
-                    ? this.props.selectable
-                    : root.props.selectable;
-            if (selectable) {
-                props.onClick = this.handleSelect;
-            }
-            const editable =
+                  ? this.props.selectable
+                  : root.props.selectable;
+      if (selectable) {
+        props.onClick = this.handleSelect;
+      }
+      const editable =
                 typeof this.props.editable !== 'undefined'
-                    ? this.props.editable
-                    : root.props.editable;
-            if (editable) {
-                props.onDoubleClick = this.handleEditStart;
-            }
-            const draggable =
+                  ? this.props.editable
+                  : root.props.editable;
+      if (editable) {
+        props.onDoubleClick = this.handleEditStart;
+      }
+      const draggable =
                 typeof this.props.draggable !== 'undefined'
-                    ? this.props.draggable
-                    : root.props.draggable;
-            if (draggable) {
-                props.draggable = true;
-                props.onDragStart = this.handleDragStart;
-                props.onDragEnd = this.handleDragEnd;
-            }
-            props.onContextMenu = this.handleRightClick;
-        }
+                  ? this.props.draggable
+                  : root.props.draggable;
+      if (draggable) {
+        props.draggable = true;
+        props.onDragStart = this.handleDragStart;
+        props.onDragEnd = this.handleDragEnd;
+      }
+      props.onContextMenu = this.handleRightClick;
     }
+  }
 
-    renderSwitcher() {
-        const { prefix, disabled, expanded, root } = this.props;
-        const { loadData } = root.props;
-        const { loading } = this.state;
-        const showLine = this.showLine;
+  renderSwitcher() {
+    const { prefix, disabled, expanded, root } = this.props;
+    const { loadData } = root.props;
+    const { loading } = this.state;
+    const { showLine } = this;
 
-        const lineState = showLine ? 'line' : 'noline';
-        const className = cx({
-            [`${prefix}tree-switcher`]: true,
-            [`${prefix}${lineState}`]: !loading,
-            [`${prefix}close`]: !loading && !showLine && !expanded,
-            [`${prefix}disabled`]: disabled,
-            [`${prefix}loading`]: loading,
-            [`${prefix}loading-${lineState}`]: loading,
-        });
-        const iconType =
+    const lineState = showLine ? 'line' : 'noline';
+    const className = cx({
+      [`${prefix}tree-switcher`]: true,
+      [`${prefix}${lineState}`]: !loading,
+      [`${prefix}close`]: !loading && !showLine && !expanded,
+      [`${prefix}disabled`]: disabled,
+      [`${prefix}loading`]: loading,
+      [`${prefix}loading-${lineState}`]: loading,
+    });
+    const iconType =
             loadData && loading
-                ? 'loading'
-                : showLine
+              ? 'loading'
+              : showLine
                 ? expanded
-                    ? 'minus'
-                    : 'add'
+                  ? 'minus'
+                  : 'add'
                 : 'arrow-down';
 
-        return (
-            // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-            <span
-                className={className}
-                onClick={disabled ? null : this.handleExpand}
-            >
-                {this.renderRightAngle()}
-                <Icon
-                    className={`${prefix}tree-switcher-icon`}
-                    type={iconType}
-                />
-            </span>
-        );
-    }
+    return (
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events
+      <span
+        className={className}
+        onClick={disabled ? null : this.handleExpand}
+      >
+        {this.renderRightAngle()}
+        <Icon
+          className={`${prefix}tree-switcher-icon`}
+          type={iconType}
+        />
+      </span>
+    );
+  }
 
-    renderNoopSwitcher() {
-        const { prefix, pos } = this.props;
-        const showLine = this.showLine;
+  renderNoopSwitcher() {
+    const { prefix, pos } = this.props;
+    const { showLine } = this;
 
-        const lineState = showLine ? 'line' : 'noline';
-        const className = cx({
-            [`${prefix}tree-switcher`]: true,
-            [`${prefix}noop-${lineState}`]: true,
-            [`${prefix}noop-line-noroot`]: showLine && !isRoot(pos),
-        });
+    const lineState = showLine ? 'line' : 'noline';
+    const className = cx({
+      [`${prefix}tree-switcher`]: true,
+      [`${prefix}noop-${lineState}`]: true,
+      [`${prefix}noop-line-noroot`]: showLine && !isRoot(pos),
+    });
 
-        return <span className={className}>{this.renderRightAngle()}</span>;
-    }
+    return <span className={className}>{this.renderRightAngle()}</span>;
+  }
 
-    renderRightAngle() {
-        const { prefix, pos } = this.props;
-        return this.showLine && !isRoot(pos) ? (
-            <span className={`${prefix}tree-right-angle`} />
-        ) : null;
-    }
+  renderRightAngle() {
+    const { prefix, pos } = this.props;
+    return this.showLine && !isRoot(pos) ? (
+      <span className={`${prefix}tree-right-angle`} />
+    ) : null;
+  }
 
-    renderCheckbox() {
-        const {
-            checked,
-            indeterminate,
-            disabled,
-            checkboxDisabled,
-        } = this.props;
-        const { label } = this.state;
+  renderCheckbox() {
+    const {
+      checked,
+      indeterminate,
+      disabled,
+      checkboxDisabled,
+    } = this.props;
+    const { label } = this.state;
 
-        return (
-            <Checkbox
-                aria-label={typeof label === 'string' ? label : null}
-                checked={checked}
-                tabIndex={-1}
-                indeterminate={indeterminate}
-                disabled={disabled || checkboxDisabled}
-                onChange={this.handleCheck}
-            />
-        );
-    }
+    return (
+      <Checkbox
+        aria-label={typeof label === 'string' ? label : null}
+        checked={checked}
+        tabIndex={-1}
+        indeterminate={indeterminate}
+        disabled={disabled || checkboxDisabled}
+        onChange={this.handleCheck}
+      />
+    );
+  }
 
-    renderLabel() {
-        const { prefix, root, disabled } = this.props;
-        const { isNodeBlock } = root.props;
-        const { label } = this.state;
-        const selectable =
+  renderLabel() {
+    const { prefix, root, disabled } = this.props;
+    const { isNodeBlock } = root.props;
+    const { label } = this.state;
+    const selectable =
             typeof this.props.selectable !== 'undefined'
-                ? this.props.selectable
-                : root.props.selectable;
-        const labelProps = {
-            className: cx({
-                [`${prefix}tree-node-label`]: true,
-                [`${prefix}tree-node-label-selectable`]:
+              ? this.props.selectable
+              : root.props.selectable;
+    const labelProps = {
+      className: cx({
+        [`${prefix}tree-node-label`]: true,
+        [`${prefix}tree-node-label-selectable`]:
                     selectable && !disabled,
-            }),
-        };
+      }),
+    };
 
-        if (!isNodeBlock) {
-            this.addCallbacks(labelProps);
-        }
-
-        return (
-            <div
-                className={`${prefix}tree-node-label-wrapper`}
-                ref="labelWrapper"
-            >
-                <div {...labelProps}>{label}</div>
-            </div>
-        );
+    if (!isNodeBlock) {
+      this.addCallbacks(labelProps);
     }
 
-    renderInput() {
-        const { prefix } = this.props;
-        const { label } = this.state;
-        return (
-            <div
-                className={`${prefix}tree-node-label-wrapper`}
-                ref="labelWrapper"
-            >
-                <TreeNodeInput
-                    prefix={prefix}
-                    defaultValue={label}
-                    onBlur={this.handleEditFinish}
-                    onKeyDown={this.handleInputKeyDown}
-                />
-            </div>
-        );
+    return (
+      <div
+        className={`${prefix}tree-node-label-wrapper`}
+        ref="labelWrapper"
+      >
+        <div {...labelProps}>{label}</div>
+      </div>
+    );
+  }
+
+  renderInput() {
+    const { prefix } = this.props;
+    const { label } = this.state;
+    return (
+      <div
+        className={`${prefix}tree-node-label-wrapper`}
+        ref="labelWrapper"
+      >
+        <TreeNodeInput
+          prefix={prefix}
+          defaultValue={label}
+          onBlur={this.handleEditFinish}
+          onKeyDown={this.handleInputKeyDown}
+        />
+      </div>
+    );
+  }
+
+  renderChildTree(hasChildTree) {
+    const { prefix, children, expanded, root } = this.props;
+    const { animation, renderChildNodes } = root.props;
+
+    if (!expanded || !hasChildTree) {
+      return null;
     }
 
-    renderChildTree(hasChildTree) {
-        const { prefix, children, expanded, root } = this.props;
-        const { animation, renderChildNodes } = root.props;
+    let childTree;
 
-        if (!expanded || !hasChildTree) {
-            return null;
-        }
-
-        let childTree;
-
-        if (renderChildNodes) {
-            childTree = renderChildNodes(children);
-        } else {
-            childTree = (
-                <ul role="group" className={`${prefix}tree-child-tree`}>
-                    {children}
-                </ul>
-            );
-        }
-
-        if (animation) {
-            childTree = <Expand animationAppear={false}>{childTree}</Expand>;
-        }
-
-        return childTree;
+    if (renderChildNodes) {
+      childTree = renderChildNodes(children);
+    } else {
+      childTree = (
+        <ul role="group" className={`${prefix}tree-child-tree`}>
+          {children}
+        </ul>
+      );
     }
 
-    render() {
-        const {
-            prefix,
-            rtl,
-            className,
-            children,
-            isLeaf,
-            root,
-            pos,
-            selected,
-            checked,
-            disabled,
-            expanded,
-            dragOver,
-            dragOverGapTop,
-            dragOverGapBottom,
-            _key,
-            size,
-        } = this.props;
-        const {
-            loadData,
-            isNodeBlock,
-            showLine,
-            draggable: rootDraggable,
-            filterTreeNode,
-        } = root.props;
-        const { label } = this.state;
+    if (animation) {
+      childTree = <Expand animationAppear={false}>{childTree}</Expand>;
+    }
 
-        this.showLine = !isNodeBlock && showLine;
-        const indexArr = pos.split('-');
+    return childTree;
+  }
 
-        const ARIA_PREFIX = 'aria-';
-        const ariaProps = pickAttrsWith(this.props, ARIA_PREFIX);
-        const others = pickOthers(Object.keys(TreeNode.propTypes), this.props);
+  render() {
+    const {
+      prefix,
+      rtl,
+      className,
+      children,
+      isLeaf,
+      root,
+      pos,
+      selected,
+      checked,
+      disabled,
+      expanded,
+      dragOver,
+      dragOverGapTop,
+      dragOverGapBottom,
+      _key,
+      size,
+    } = this.props;
+    const {
+      loadData,
+      isNodeBlock,
+      showLine,
+      draggable: rootDraggable,
+      filterTreeNode,
+    } = root.props;
+    const { label } = this.state;
 
-        // remove aria keys
-        Object.keys(others).forEach(key => {
-            if (key.match(ARIA_PREFIX)) {
-                delete others[key];
-            }
-        });
+    this.showLine = !isNodeBlock && showLine;
+    const indexArr = pos.split('-');
 
-        if (rootDraggable) {
-            others.onDragEnter = this.handleDragEnter;
-            others.onDragOver = this.handleDragOver;
-            others.onDragLeave = this.handleDragLeave;
-            others.onDrop = this.handleDrop;
-        }
-        const newClassName = cx({
-            [`${prefix}tree-node`]: true,
-            [`${prefix}filtered`]:
+    const ARIA_PREFIX = 'aria-';
+    const ariaProps = pickAttrsWith(this.props, ARIA_PREFIX);
+    const others = pickOthers(Object.keys(TreeNode.propTypes), this.props);
+
+    // remove aria keys
+    Object.keys(others).forEach(key => {
+      if (key.match(ARIA_PREFIX)) {
+        delete others[key];
+      }
+    });
+
+    if (rootDraggable) {
+      others.onDragEnter = this.handleDragEnter;
+      others.onDragOver = this.handleDragOver;
+      others.onDragLeave = this.handleDragLeave;
+      others.onDrop = this.handleDrop;
+    }
+    const newClassName = cx({
+      [`${prefix}tree-node`]: true,
+      [`${prefix}filtered`]:
                 !!filterTreeNode && !!root.filterTreeNode(this),
-            [className]: !!className,
-        });
+      [className]: !!className,
+    });
 
-        const innerClassName = cx({
-            [`${prefix}tree-node-inner`]: true,
-            [`${prefix}selected`]: selected,
-            [`${prefix}disabled`]: disabled,
-            [`${prefix}drag-over`]: dragOver,
-            [`${prefix}drag-over-gap-top`]: dragOverGapTop,
-            [`${prefix}drag-over-gap-bottom`]: dragOverGapBottom,
-        });
+    const innerClassName = cx({
+      [`${prefix}tree-node-inner`]: true,
+      [`${prefix}selected`]: selected,
+      [`${prefix}disabled`]: disabled,
+      [`${prefix}drag-over`]: dragOver,
+      [`${prefix}drag-over-gap-top`]: dragOverGapTop,
+      [`${prefix}drag-over-gap-bottom`]: dragOverGapBottom,
+    });
 
-        const defaultPaddingLeft =
+    const defaultPaddingLeft =
             typeof isNodeBlock === 'object'
-                ? parseInt(isNodeBlock.defaultPaddingLeft || 0)
-                : 0;
-        const indent =
+              ? parseInt(isNodeBlock.defaultPaddingLeft || 0)
+              : 0;
+    const indent =
             typeof isNodeBlock === 'object'
-                ? parseInt(isNodeBlock.indent || 24)
-                : 24;
-        const level = indexArr.length - 2;
-        const paddingLeftProp = rtl ? 'paddingRight' : 'paddingLeft';
+              ? parseInt(isNodeBlock.indent || 24)
+              : 24;
+    const level = indexArr.length - 2;
+    const paddingLeftProp = rtl ? 'paddingRight' : 'paddingLeft';
 
-        const innerStyle = isNodeBlock
-            ? { [paddingLeftProp]: `${indent * level + defaultPaddingLeft}px` }
-            : null;
+    const innerStyle = isNodeBlock
+      ? { [paddingLeftProp]: `${indent * level + defaultPaddingLeft}px` }
+      : null;
 
-        const innerProps = {
-            className: innerClassName,
-            style: innerStyle,
-            onKeyDown: this.handleKeyDown,
-            ...ariaProps,
-        };
-        if (isNodeBlock) {
-            this.addCallbacks(innerProps);
-        }
-
-        const hasChildTree = children && Children.count(children);
-        const canExpand = hasChildTree || (loadData && !isLeaf);
-        const checkable =
-            typeof this.props.checkable !== 'undefined'
-                ? this.props.checkable
-                : root.props.checkable;
-        const { editing } = this.state;
-
-        innerProps.tabIndex = root.tabbableKey === _key ? '0' : '-1';
-
-        if (rtl) {
-            others.dir = 'rtl';
-        }
-
-        return (
-            <li role="presentation" className={newClassName} {...others}>
-                <div
-                    ref="node"
-                    role="treeitem"
-                    aria-selected={selected}
-                    aria-disabled={disabled}
-                    aria-checked={checked}
-                    aria-expanded={expanded && !!hasChildTree}
-                    aria-label={typeof label === 'string' ? label : null}
-                    aria-level={level + 1}
-                    aria-posinset={Number(indexArr[indexArr.length - 1]) + 1}
-                    aria-setsize={size}
-                    {...innerProps}
-                >
-                    {canExpand
-                        ? this.renderSwitcher()
-                        : this.renderNoopSwitcher()}
-                    {checkable ? this.renderCheckbox() : null}
-                    {editing ? this.renderInput() : this.renderLabel()}
-                </div>
-                {this.renderChildTree(hasChildTree)}
-            </li>
-        );
+    const innerProps = {
+      className: innerClassName,
+      style: innerStyle,
+      onKeyDown: this.handleKeyDown,
+      ...ariaProps,
+    };
+    if (isNodeBlock) {
+      this.addCallbacks(innerProps);
     }
+
+    const hasChildTree = children && Children.count(children);
+    const canExpand = hasChildTree || (loadData && !isLeaf);
+    const checkable =
+            typeof this.props.checkable !== 'undefined'
+              ? this.props.checkable
+              : root.props.checkable;
+    const { editing } = this.state;
+
+    innerProps.tabIndex = root.tabbableKey === _key ? '0' : '-1';
+
+    if (rtl) {
+      others.dir = 'rtl';
+    }
+
+    return (
+      <li role="presentation" className={newClassName} {...others}>
+        <div
+          ref="node"
+          role="treeitem"
+          aria-selected={selected}
+          aria-disabled={disabled}
+          aria-checked={checked}
+          aria-expanded={expanded && !!hasChildTree}
+          aria-label={typeof label === 'string' ? label : null}
+          aria-level={level + 1}
+          aria-posinset={Number(indexArr[indexArr.length - 1]) + 1}
+          aria-setsize={size}
+          {...innerProps}
+        >
+          {canExpand
+            ? this.renderSwitcher()
+            : this.renderNoopSwitcher()}
+          {checkable ? this.renderCheckbox() : null}
+          {editing ? this.renderInput() : this.renderLabel()}
+        </div>
+        {this.renderChildTree(hasChildTree)}
+      </li>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/tree/view/tree.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/tree/view/tree.jsx
index 30865ce0a..09907bd80 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/tree/view/tree.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/tree/view/tree.jsx
@@ -5,14 +5,14 @@ import cx from 'classnames';
 import { func, dom, obj, KEYCODE } from '../../util';
 import TreeNode from './tree-node';
 import {
-    normalizeToArray,
-    isDescendantOrSelf,
-    isSiblingOrSelf,
-    filterChildKey,
-    filterParentKey,
-    getAllCheckedKeys,
-    forEachEnableNode,
-    isNodeChecked,
+  normalizeToArray,
+  isDescendantOrSelf,
+  isSiblingOrSelf,
+  filterChildKey,
+  filterParentKey,
+  getAllCheckedKeys,
+  forEachEnableNode,
+  isNodeChecked,
 } from './util';
 
 const { bindCtx, noop } = func;
@@ -23,36 +23,36 @@ const { pickOthers, isPlainObject } = obj;
  * Tree
  */
 export default class Tree extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        rtl: PropTypes.bool,
-        pure: PropTypes.bool,
-        className: PropTypes.string,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    rtl: PropTypes.bool,
+    pure: PropTypes.bool,
+    className: PropTypes.string,
+    /**
          * 树节点
          */
-        children: PropTypes.node,
-        /**
+    children: PropTypes.node,
+    /**
          * 数据源，该属性优先级高于 children
          */
-        dataSource: PropTypes.array,
-        /**
+    dataSource: PropTypes.array,
+    /**
          * 是否显示树的线
          */
-        showLine: PropTypes.bool,
-        /**
+    showLine: PropTypes.bool,
+    /**
          * 是否支持选中节点
          */
-        selectable: PropTypes.bool,
-        /**
+    selectable: PropTypes.bool,
+    /**
          * （用于受控）当前选中节点 key 的数组
          */
-        selectedKeys: PropTypes.arrayOf(PropTypes.string),
-        /**
+    selectedKeys: PropTypes.arrayOf(PropTypes.string),
+    /**
          * （用于非受控）默认选中节点 key 的数组
          */
-        defaultSelectedKeys: PropTypes.arrayOf(PropTypes.string),
-        /**
+    defaultSelectedKeys: PropTypes.arrayOf(PropTypes.string),
+    /**
          * 选中或取消选中节点时触发的回调函数
          * @param {Array} selectedKeys 选中节点key的数组
          * @param {Object} extra 额外参数
@@ -60,36 +60,36 @@ export default class Tree extends Component {
          * @param {Object} extra.node 当前操作的节点
          * @param {Boolean} extra.selected 当前操作是否是选中
          */
-        onSelect: PropTypes.func,
-        /**
+    onSelect: PropTypes.func,
+    /**
          * 是否支持多选
          */
-        multiple: PropTypes.bool,
-        /**
+    multiple: PropTypes.bool,
+    /**
          * 是否支持勾选节点的复选框
          */
-        checkable: PropTypes.bool,
-        /**
+    checkable: PropTypes.bool,
+    /**
          * （用于受控）当前勾选复选框节点 key 的数组或 `{checked: Array, indeterminate: Array}` 的对象
          */
-        checkedKeys: PropTypes.oneOfType([
-            PropTypes.arrayOf(PropTypes.string),
-            PropTypes.object,
-        ]),
-        /**
+    checkedKeys: PropTypes.oneOfType([
+      PropTypes.arrayOf(PropTypes.string),
+      PropTypes.object,
+    ]),
+    /**
          * （用于非受控）默认勾选复选框节点 key 的数组
          */
-        defaultCheckedKeys: PropTypes.arrayOf(PropTypes.string),
-        /**
+    defaultCheckedKeys: PropTypes.arrayOf(PropTypes.string),
+    /**
          * 勾选节点复选框是否完全受控（父子节点选中状态不再关联）
          */
-        checkStrictly: PropTypes.bool,
-        /**
+    checkStrictly: PropTypes.bool,
+    /**
          * 定义选中时回填的方式
          * @enumdesc 返回所有选中的节点, 父子节点都选中时只返回父节点, 父子节点都选中时只返回子节点
          */
-        checkedStrategy: PropTypes.oneOf(['all', 'parent', 'child']),
-        /**
+    checkedStrategy: PropTypes.oneOf(['all', 'parent', 'child']),
+    /**
          * 勾选或取消勾选复选框时触发的回调函数
          * @param {Array} checkedKeys 勾选复选框节点key的数组
          * @param {Object} extra 额外参数
@@ -99,83 +99,83 @@ export default class Tree extends Component {
          * @param {Object} extra.node 当前操作的节点
          * @param {Boolean} extra.checked 当前操作是否是勾选
          */
-        onCheck: PropTypes.func,
-        /**
+    onCheck: PropTypes.func,
+    /**
          * （用于受控）当前展开的节点 key 的数组
          */
-        expandedKeys: PropTypes.arrayOf(PropTypes.string),
-        /**
+    expandedKeys: PropTypes.arrayOf(PropTypes.string),
+    /**
          * （用于非受控）默认展开的节点 key 的数组
          */
-        defaultExpandedKeys: PropTypes.arrayOf(PropTypes.string),
-        /**
+    defaultExpandedKeys: PropTypes.arrayOf(PropTypes.string),
+    /**
          * 是否默认展开所有节点
          */
-        defaultExpandAll: PropTypes.bool,
-        /**
+    defaultExpandAll: PropTypes.bool,
+    /**
          * 是否自动展开父节点，建议受控时设置为false
          */
-        autoExpandParent: PropTypes.bool,
-        /**
+    autoExpandParent: PropTypes.bool,
+    /**
          * 展开或收起节点时触发的回调函数
          * @param {Array} expandedKeys 展开的节点key的数组
          * @param {Object} extra 额外参数
          * @param {Object} extra.node 当前操作的节点
          * @param {Boolean} extra.expanded 当前操作是否是展开
          */
-        onExpand: PropTypes.func,
-        /**
+    onExpand: PropTypes.func,
+    /**
          * 是否支持编辑节点内容
          */
-        editable: PropTypes.bool,
-        /**
+    editable: PropTypes.bool,
+    /**
          * 编辑节点内容完成时触发的回调函数
          * @param {String} key 编辑节点的 key
          * @param {String} label 编辑节点完成时节点的文本
          * @param {Object} node 当前编辑的节点
          */
-        onEditFinish: PropTypes.func,
-        /**
+    onEditFinish: PropTypes.func,
+    /**
          * 是否支持拖拽节点
          */
-        draggable: PropTypes.bool,
-        /**
+    draggable: PropTypes.bool,
+    /**
          * 开始拖拽节点时触发的回调函数
          * @param {Object} info 拖拽信息
          * @param {Object} info.event 事件对象
          * @param {Object} info.node 拖拽的节点
          */
-        onDragStart: PropTypes.func,
-        /**
+    onDragStart: PropTypes.func,
+    /**
          * 拖拽节点进入目标节点时触发的回调函数
          * @param {Object} info 拖拽信息
          * @param {Object} info.event 事件对象
          * @param {Object} info.node 目标节点
          * @param {Array} info.expandedKeys 当前展开的节点key的数组
          */
-        onDragEnter: PropTypes.func,
-        /**
+    onDragEnter: PropTypes.func,
+    /**
          * 拖拽节点在目标节点上移动的时候触发的回调函数
          * @param {Object} info 拖拽信息
          * @param {Object} info.event 事件对象
          * @param {Object} info.node 目标节点
          */
-        onDragOver: PropTypes.func,
-        /**
+    onDragOver: PropTypes.func,
+    /**
          * 拖拽节点离开目标节点时触发的回调函数
          * @param {Object} info 拖拽信息
          * @param {Object} info.event 事件对象
          * @param {Object} info.node 目标节点
          */
-        onDragLeave: PropTypes.func,
-        /**
+    onDragLeave: PropTypes.func,
+    /**
          * 拖拽节点拖拽结束时触发的回调函数
          * @param {Object} info 拖拽信息
          * @param {Object} info.event 事件对象
          * @param {Object} info.node 目标节点
          */
-        onDragEnd: PropTypes.func,
-        /**
+    onDragEnd: PropTypes.func,
+    /**
          * 拖拽节点放入目标节点内或前后触发的回调函数
          * @param {Object} info 拖拽信息
          * @param {Object} info.event 事件对象
@@ -184,8 +184,8 @@ export default class Tree extends Component {
          * @param {Array} info.dragNodesKeys 拖拽的节点和其子节点 key 的数组
          * @param {Number} info.dropPosition 放置位置，-1代表当前节点前，0代表当前节点里，1代表当前节点后
          */
-        onDrop: PropTypes.func,
-        /**
+    onDrop: PropTypes.func,
+    /**
          * 节点是否可被作为拖拽的目标节点
          * @param {Object} info 拖拽信息
          * @param {Object} info.node 目标节点
@@ -194,939 +194,931 @@ export default class Tree extends Component {
          * @param {Number} info.dropPosition 放置位置，-1代表当前节点前，0代表当前节点里，1代表当前节点后
          * @return {Boolean} 是否可以被当作目标节点
          */
-        canDrop: PropTypes.func,
-        /**
+    canDrop: PropTypes.func,
+    /**
          * 异步加载数据的函数
          * @param {Object} node 被点击展开的节点
          */
-        loadData: PropTypes.func,
-        /**
+    loadData: PropTypes.func,
+    /**
          * 按需筛选高亮节点
          * @param {Object} node 待筛选的节点
          * @return {Boolean} 是否被筛选中
          */
-        filterTreeNode: PropTypes.func,
-        /**
+    filterTreeNode: PropTypes.func,
+    /**
          * 右键点击节点时触发的回调函数
          * @param {Object} info 信息对象
          * @param {Object} info.event 事件对象
          * @param {Object} info.node 点击的节点
          */
-        onRightClick: PropTypes.func,
-        /**
+    onRightClick: PropTypes.func,
+    /**
          * 设置节点是否占满剩余空间，一般用于统一在各节点右侧添加元素(借助 flex 实现，暂时只支持 ie10+)
          */
-        isLabelBlock: PropTypes.bool,
-        /**
+    isLabelBlock: PropTypes.bool,
+    /**
          * 设置节点是否占满一行
          */
-        isNodeBlock: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
-        /**
+    isNodeBlock: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
+    /**
          * 是否开启展开收起动画
          */
-        animation: PropTypes.bool,
-        /**
+    animation: PropTypes.bool,
+    /**
          * 当前获得焦点的子菜单或菜单项 key 值
          */
-        focusedKey: PropTypes.string,
-        /**
+    focusedKey: PropTypes.string,
+    /**
          * 渲染子节点
          * @param {Array<ReactNode>} nodes 所有的子节点
          * @return {ReactNode} 返回节点
          */
-        renderChildNodes: PropTypes.func,
-        focusable: PropTypes.bool,
-        autoFocus: PropTypes.bool,
-        onItemFocus: PropTypes.func,
-        onBlur: PropTypes.func,
-        onItemKeyDown: PropTypes.func,
-    };
+    renderChildNodes: PropTypes.func,
+    focusable: PropTypes.bool,
+    autoFocus: PropTypes.bool,
+    onItemFocus: PropTypes.func,
+    onBlur: PropTypes.func,
+    onItemKeyDown: PropTypes.func,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        rtl: false,
-        pure: false,
-        showLine: false,
-        selectable: true,
-        editable: false,
-        multiple: false,
-        checkable: false,
-        checkStrictly: false,
-        checkedStrategy: 'all',
-        draggable: false,
-        autoExpandParent: true,
-        defaultExpandAll: false,
-        defaultExpandedKeys: [],
-        defaultCheckedKeys: [],
-        defaultSelectedKeys: [],
-        onExpand: noop,
-        onCheck: noop,
-        onSelect: noop,
-        onDragStart: noop,
-        onDragEnter: noop,
-        onDragOver: noop,
-        onDragLeave: noop,
-        onDragEnd: noop,
-        onDrop: noop,
-        canDrop: () => true,
-        onEditFinish: noop,
-        onRightClick: noop,
-        isLabelBlock: false,
-        isNodeBlock: false,
-        animation: true,
-        focusable: true,
-        autoFocus: false,
-        onItemFocus: noop,
-        onItemKeyDown: noop,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    rtl: false,
+    pure: false,
+    showLine: false,
+    selectable: true,
+    editable: false,
+    multiple: false,
+    checkable: false,
+    checkStrictly: false,
+    checkedStrategy: 'all',
+    draggable: false,
+    autoExpandParent: true,
+    defaultExpandAll: false,
+    defaultExpandedKeys: [],
+    defaultCheckedKeys: [],
+    defaultSelectedKeys: [],
+    onExpand: noop,
+    onCheck: noop,
+    onSelect: noop,
+    onDragStart: noop,
+    onDragEnter: noop,
+    onDragOver: noop,
+    onDragLeave: noop,
+    onDragEnd: noop,
+    onDrop: noop,
+    canDrop: () => true,
+    onEditFinish: noop,
+    onRightClick: noop,
+    isLabelBlock: false,
+    isNodeBlock: false,
+    animation: true,
+    focusable: true,
+    autoFocus: false,
+    onItemFocus: noop,
+    onItemKeyDown: noop,
+  };
 
-    constructor(props) {
-        super(props);
+  constructor(props) {
+    super(props);
 
-        this.updateCache(props);
+    this.updateCache(props);
 
-        const { focusable, autoFocus, focusedKey } = this.props;
+    const { focusable, autoFocus, focusedKey } = this.props;
 
-        if (focusable) {
-            this.tabbableKey = this.getFirstAvaliablelChildKey('0');
-        }
+    if (focusable) {
+      this.tabbableKey = this.getFirstAvaliablelChildKey('0');
+    }
 
-        this.indeterminateKeys = [];
-        this.state = {
-            expandedKeys: this.getExpandedKeys(props),
-            selectedKeys: this.getSelectedKeys(props),
-            checkedKeys: this.getCheckedKeys(props),
-            focusedKey:
+    this.indeterminateKeys = [];
+    this.state = {
+      expandedKeys: this.getExpandedKeys(props),
+      selectedKeys: this.getSelectedKeys(props),
+      checkedKeys: this.getCheckedKeys(props),
+      focusedKey:
                 'focusedKey' in this.props
-                    ? focusedKey
-                    : focusable && autoFocus
+                  ? focusedKey
+                  : focusable && autoFocus
                     ? this.tabbableKey
                     : null,
-        };
+    };
 
-        bindCtx(this, [
-            'handleExpand',
-            'handleSelect',
-            'handleCheck',
-            'handleBlur',
-        ]);
+    bindCtx(this, [
+      'handleExpand',
+      'handleSelect',
+      'handleCheck',
+      'handleBlur',
+    ]);
+  }
+
+  componentWillReceiveProps(nextProps) {
+    this.updateCache(nextProps);
+
+    const st = {};
+
+    if ('expandedKeys' in nextProps) {
+      st.expandedKeys = this.getExpandedKeys(nextProps, true);
+    }
+    if ('selectedKeys' in nextProps) {
+      st.selectedKeys = this.getSelectedKeys(nextProps, true);
+    }
+    if ('checkedKeys' in nextProps) {
+      st.checkedKeys = this.getCheckedKeys(nextProps, true);
     }
 
-    componentWillReceiveProps(nextProps) {
-        this.updateCache(nextProps);
+    this.indeterminateKeys = this.getIndeterminateKeys(
+      st.checkedKeys || this.state.checkedKeys || [],
+    );
 
-        const st = {};
-
-        if ('expandedKeys' in nextProps) {
-            st.expandedKeys = this.getExpandedKeys(nextProps, true);
-        }
-        if ('selectedKeys' in nextProps) {
-            st.selectedKeys = this.getSelectedKeys(nextProps, true);
-        }
-        if ('checkedKeys' in nextProps) {
-            st.checkedKeys = this.getCheckedKeys(nextProps, true);
-        }
-
-        this.indeterminateKeys = this.getIndeterminateKeys(
-            st.checkedKeys || this.state.checkedKeys || []
-        );
-
-        if (Object.keys(st).length) {
-            this.setState(st);
-        }
+    if (Object.keys(st).length) {
+      this.setState(st);
     }
+  }
 
-    updateCache(props) {
-        this._k2n = {};
-        this._p2n = {};
+  updateCache(props) {
+    this._k2n = {};
+    this._p2n = {};
 
-        if ('dataSource' in props) {
-            const loop = (data, prefix = '0') =>
-                data.forEach((item, index) => {
-                    const pos = `${prefix}-${index}`;
-                    let { key } = item;
-                    key = key || pos;
-                    const newItem = { ...item, key, pos };
-                    const { children } = item;
-                    if (children && children.length) {
-                        loop(children, pos);
-                    }
-                    this._k2n[key] = this._p2n[pos] = newItem;
-                });
-            loop(props.dataSource);
-        } else if ('children' in props) {
-            const loop = (children, prefix = '0') =>
-                Children.map(children, (node, index) => {
-                    if (!React.isValidElement(node)) {
-                        return;
-                    }
-
-                    const pos = `${prefix}-${index}`;
-                    let { key } = node;
-                    key = key || pos;
-                    const newItem = { ...node.props, key, pos };
-
-                    const { children } = node.props;
-                    if (children && Children.count(children)) {
-                        newItem.children = loop(children, pos);
-                    }
-                    this._k2n[key] = this._p2n[pos] = newItem;
-                    return newItem;
-                });
-            loop(props.children);
+    if ('dataSource' in props) {
+      const loop = (data, prefix = '0') => data.forEach((item, index) => {
+        const pos = `${prefix}-${index}`;
+        let { key } = item;
+        key = key || pos;
+        const newItem = { ...item, key, pos };
+        const { children } = item;
+        if (children && children.length) {
+          loop(children, pos);
+        }
+        this._k2n[key] = this._p2n[pos] = newItem;
+      });
+      loop(props.dataSource);
+    } else if ('children' in props) {
+      const loop = (children, prefix = '0') => Children.map(children, (node, index) => {
+        if (!React.isValidElement(node)) {
+          return;
         }
-    }
 
-    setFocusKey() {
-        const { selectedKeys = [] } = this.state;
-        this.setState({
-            focusedKey:
+        const pos = `${prefix}-${index}`;
+        let { key } = node;
+        key = key || pos;
+        const newItem = { ...node.props, key, pos };
+
+        const { children } = node.props;
+        if (children && Children.count(children)) {
+          newItem.children = loop(children, pos);
+        }
+        this._k2n[key] = this._p2n[pos] = newItem;
+        return newItem;
+      });
+      loop(props.children);
+    }
+  }
+
+  setFocusKey() {
+    const { selectedKeys = [] } = this.state;
+    this.setState({
+      focusedKey:
                 selectedKeys.length > 0
-                    ? selectedKeys[0]
-                    : this.getFirstAvaliablelChildKey('0'),
-        });
-    }
+                  ? selectedKeys[0]
+                  : this.getFirstAvaliablelChildKey('0'),
+    });
+  }
 
-    getExpandedKeys(props, willReceiveProps) {
-        let expandedKeys;
+  getExpandedKeys(props, willReceiveProps) {
+    let expandedKeys;
 
-        if (!willReceiveProps && props.defaultExpandAll) {
-            expandedKeys = Object.keys(this._k2n).filter(key => {
-                const children = this._k2n[key].children;
-                return children && children.length;
-            });
-        } else {
-            expandedKeys =
+    if (!willReceiveProps && props.defaultExpandAll) {
+      expandedKeys = Object.keys(this._k2n).filter(key => {
+        const { children } = this._k2n[key];
+        return children && children.length;
+      });
+    } else {
+      expandedKeys =
                 'expandedKeys' in props
-                    ? props.expandedKeys
-                    : willReceiveProps
+                  ? props.expandedKeys
+                  : willReceiveProps
                     ? []
                     : props.defaultExpandedKeys;
-            expandedKeys = normalizeToArray(expandedKeys);
+      expandedKeys = normalizeToArray(expandedKeys);
 
-            if (props.autoExpandParent) {
-                const newExpandedKeys = [];
+      if (props.autoExpandParent) {
+        const newExpandedKeys = [];
 
-                const expandedPoss = expandedKeys.reduce((ret, key) => {
-                    const pos = this._k2n[key] && this._k2n[key].pos;
-                    if (pos) {
-                        ret.push(pos);
-                        newExpandedKeys.push(key);
-                    }
-                    return ret;
-                }, []);
+        const expandedPoss = expandedKeys.reduce((ret, key) => {
+          const pos = this._k2n[key] && this._k2n[key].pos;
+          if (pos) {
+            ret.push(pos);
+            newExpandedKeys.push(key);
+          }
+          return ret;
+        }, []);
 
-                expandedPoss.forEach(pos => {
-                    const nums = pos.split('-');
-                    if (nums.length === 2) {
-                        return;
-                    }
-                    for (let i = 1; i <= nums.length - 2; i++) {
-                        const ancestorPos = nums.slice(0, i + 1).join('-');
-                        const ancestorKey = this._p2n[ancestorPos].key;
-                        if (newExpandedKeys.indexOf(ancestorKey) === -1) {
-                            newExpandedKeys.push(ancestorKey);
-                        }
-                    }
-                });
-
-                return newExpandedKeys;
+        expandedPoss.forEach(pos => {
+          const nums = pos.split('-');
+          if (nums.length === 2) {
+            return;
+          }
+          for (let i = 1; i <= nums.length - 2; i++) {
+            const ancestorPos = nums.slice(0, i + 1).join('-');
+            const ancestorKey = this._p2n[ancestorPos].key;
+            if (newExpandedKeys.indexOf(ancestorKey) === -1) {
+              newExpandedKeys.push(ancestorKey);
             }
-        }
+          }
+        });
 
-        return expandedKeys;
+        return newExpandedKeys;
+      }
     }
 
-    getAvailableKey(pos, prev) {
-        const ps = Object.keys(this._p2n).filter(p =>
-            this.isAvailablePos(pos, p)
-        );
-        if (ps.length > 1) {
-            const index = ps.indexOf(pos);
-            let targetIndex;
-            if (prev) {
-                targetIndex = index === 0 ? ps.length - 1 : index - 1;
-            } else {
-                targetIndex = index === ps.length - 1 ? 0 : index + 1;
-            }
+    return expandedKeys;
+  }
 
-            return this._p2n[ps[targetIndex]].key;
-        }
+  getAvailableKey(pos, prev) {
+    const ps = Object.keys(this._p2n).filter(p => this.isAvailablePos(pos, p));
+    if (ps.length > 1) {
+      const index = ps.indexOf(pos);
+      let targetIndex;
+      if (prev) {
+        targetIndex = index === 0 ? ps.length - 1 : index - 1;
+      } else {
+        targetIndex = index === ps.length - 1 ? 0 : index + 1;
+      }
 
-        return null;
+      return this._p2n[ps[targetIndex]].key;
     }
 
-    getFirstAvaliablelChildKey(parentPos) {
-        const pos = Object.keys(this._p2n).find(p =>
-            this.isAvailablePos(`${parentPos}-0`, p)
-        );
-        return pos ? this._p2n[pos].key : null;
-    }
+    return null;
+  }
 
-    isAvailablePos(refPos, targetPos) {
-        const { disabled } = this._p2n[targetPos];
+  getFirstAvaliablelChildKey(parentPos) {
+    const pos = Object.keys(this._p2n).find(p => this.isAvailablePos(`${parentPos}-0`, p));
+    return pos ? this._p2n[pos].key : null;
+  }
 
-        return this.isSibling(refPos, targetPos) && !disabled;
-    }
+  isAvailablePos(refPos, targetPos) {
+    const { disabled } = this._p2n[targetPos];
 
-    isSibling(currentPos, targetPos) {
-        const currentNums = currentPos.split('-').slice(0, -1);
-        const targetNums = targetPos.split('-').slice(0, -1);
+    return this.isSibling(refPos, targetPos) && !disabled;
+  }
 
-        return (
-            currentNums.length === targetNums.length &&
+  isSibling(currentPos, targetPos) {
+    const currentNums = currentPos.split('-').slice(0, -1);
+    const targetNums = targetPos.split('-').slice(0, -1);
+
+    return (
+      currentNums.length === targetNums.length &&
             currentNums.every((num, index) => {
-                return num === targetNums[index];
+              return num === targetNums[index];
             })
-        );
-    }
+    );
+  }
 
-    getParentKey(pos) {
-        return this._p2n[pos.slice(0, pos.length - 2)].key;
-    }
+  getParentKey(pos) {
+    return this._p2n[pos.slice(0, pos.length - 2)].key;
+  }
 
-    getSelectedKeys(props, willReceiveProps) {
-        let selectedKeys =
+  getSelectedKeys(props, willReceiveProps) {
+    let selectedKeys =
             'selectedKeys' in props
-                ? props.selectedKeys
-                : willReceiveProps
+              ? props.selectedKeys
+              : willReceiveProps
                 ? []
                 : props.defaultSelectedKeys;
-        selectedKeys = normalizeToArray(selectedKeys);
+    selectedKeys = normalizeToArray(selectedKeys);
 
-        const newSelectKeys = selectedKeys.filter(key => {
-            return this._k2n[key];
-        });
-        return newSelectKeys;
+    const newSelectKeys = selectedKeys.filter(key => {
+      return this._k2n[key];
+    });
+    return newSelectKeys;
+  }
+
+  /* istanbul ignore next */
+  getCheckedKeys(props, willReceiveProps) {
+    let checkedKeys = props.defaultCheckedKeys;
+
+    if ('checkedKeys' in props) {
+      checkedKeys = props.checkedKeys;
+    } else if (willReceiveProps) {
+      checkedKeys = [];
     }
 
-    /* istanbul ignore next */
-    getCheckedKeys(props, willReceiveProps) {
-        let checkedKeys = props.defaultCheckedKeys;
+    const { checkStrictly } = this.props;
+    if (checkStrictly) {
+      if (isPlainObject(checkedKeys)) {
+        const { checked, indeterminate } = checkedKeys;
+        checkedKeys = normalizeToArray(checked);
+        this.indeterminateKeys = normalizeToArray(indeterminate);
+      } else {
+        checkedKeys = normalizeToArray(checkedKeys);
+      }
 
-        if ('checkedKeys' in props) {
-            checkedKeys = props.checkedKeys;
-        } else if (willReceiveProps) {
-            checkedKeys = [];
-        }
+      checkedKeys = checkedKeys.filter(key => !!this._k2n[key]);
+    } else {
+      checkedKeys = getAllCheckedKeys(checkedKeys, this._k2n, this._p2n);
+      checkedKeys = checkedKeys.filter(key => !!this._k2n[key]);
 
-        const { checkStrictly } = this.props;
-        if (checkStrictly) {
-            if (isPlainObject(checkedKeys)) {
-                const { checked, indeterminate } = checkedKeys;
-                checkedKeys = normalizeToArray(checked);
-                this.indeterminateKeys = normalizeToArray(indeterminate);
-            } else {
-                checkedKeys = normalizeToArray(checkedKeys);
-            }
-
-            checkedKeys = checkedKeys.filter(key => !!this._k2n[key]);
-        } else {
-            checkedKeys = getAllCheckedKeys(checkedKeys, this._k2n, this._p2n);
-            checkedKeys = checkedKeys.filter(key => !!this._k2n[key]);
-
-            this.indeterminateKeys = this.getIndeterminateKeys(checkedKeys);
-        }
-
-        return checkedKeys;
+      this.indeterminateKeys = this.getIndeterminateKeys(checkedKeys);
     }
 
-    processKey(keys, key, add) {
-        const index = keys.indexOf(key);
-        if (add && index === -1) {
-            keys.push(key);
-        } else if (!add && index > -1) {
-            keys.splice(index, 1);
-        }
-        return keys;
+    return checkedKeys;
+  }
+
+  processKey(keys, key, add) {
+    const index = keys.indexOf(key);
+    if (add && index === -1) {
+      keys.push(key);
+    } else if (!add && index > -1) {
+      keys.splice(index, 1);
     }
-    /*eslint-disable max-statements*/
-    handleItemKeyDown(key, item, e) {
-        if (
-            [
-                KEYCODE.UP,
-                KEYCODE.DOWN,
-                KEYCODE.RIGHT,
-                KEYCODE.LEFT,
-                KEYCODE.ENTER,
-                KEYCODE.ESC,
-                KEYCODE.SPACE,
-            ].indexOf(e.keyCode) > -1
-        ) {
-            e.preventDefault();
-            e.stopPropagation();
+    return keys;
+  }
+
+  /* eslint-disable max-statements */
+  handleItemKeyDown(key, item, e) {
+    if (
+      [
+        KEYCODE.UP,
+        KEYCODE.DOWN,
+        KEYCODE.RIGHT,
+        KEYCODE.LEFT,
+        KEYCODE.ENTER,
+        KEYCODE.ESC,
+        KEYCODE.SPACE,
+      ].indexOf(e.keyCode) > -1
+    ) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
+
+    let { focusedKey } = this.state;
+
+    const node = this._k2n[key];
+    const { pos } = this._k2n[key];
+    const level = pos.split('-').length - 1;
+    switch (e.keyCode) {
+      case KEYCODE.UP: {
+        const avaliableKey = this.getAvailableKey(pos, true);
+        if (avaliableKey) {
+          focusedKey = avaliableKey;
         }
+        break;
+      }
+      case KEYCODE.DOWN: {
+        const avaliableKey = this.getAvailableKey(pos, false);
+        if (avaliableKey) {
+          focusedKey = avaliableKey;
+        }
+        break;
+      }
+      case KEYCODE.RIGHT: {
+        this.handleExpand(true, key, node);
+        const avaliableKey = this.getFirstAvaliablelChildKey(pos);
+        if (avaliableKey) {
+          focusedKey = avaliableKey;
+        }
+        break;
+      }
+      case KEYCODE.LEFT:
+      case KEYCODE.ESC: {
+        if (level === 1) {
+          const avaliableKey = this.getAvailableKey(pos, true);
+          if (avaliableKey) {
+            focusedKey = avaliableKey;
+          }
+        } else if (level > 1) {
+          const parentKey = this.getParentKey(pos);
+          this.handleExpand(false, parentKey, node);
+          focusedKey = parentKey;
+        }
+        break;
+      }
 
-        let focusedKey = this.state.focusedKey;
-
-        const node = this._k2n[key];
-        const pos = this._k2n[key].pos;
-        const level = pos.split('-').length - 1;
-        switch (e.keyCode) {
-            case KEYCODE.UP: {
-                const avaliableKey = this.getAvailableKey(pos, true);
-                if (avaliableKey) {
-                    focusedKey = avaliableKey;
-                }
-                break;
-            }
-            case KEYCODE.DOWN: {
-                const avaliableKey = this.getAvailableKey(pos, false);
-                if (avaliableKey) {
-                    focusedKey = avaliableKey;
-                }
-                break;
-            }
-            case KEYCODE.RIGHT: {
-                this.handleExpand(true, key, node);
-                const avaliableKey = this.getFirstAvaliablelChildKey(pos);
-                if (avaliableKey) {
-                    focusedKey = avaliableKey;
-                }
-                break;
-            }
-            case KEYCODE.LEFT:
-            case KEYCODE.ESC: {
-                if (level === 1) {
-                    const avaliableKey = this.getAvailableKey(pos, true);
-                    if (avaliableKey) {
-                        focusedKey = avaliableKey;
-                    }
-                } else if (level > 1) {
-                    const parentKey = this.getParentKey(pos);
-                    this.handleExpand(false, parentKey, node);
-                    focusedKey = parentKey;
-                }
-                break;
-            }
-
-            case KEYCODE.ENTER:
-            case KEYCODE.SPACE: {
-                const checkable =
+      case KEYCODE.ENTER:
+      case KEYCODE.SPACE: {
+        const checkable =
                     item.props.checkable === true || this.props.checkable;
-                const selectable =
+        const selectable =
                     item.props.selectable === true || this.props.selectable;
 
-                if (checkable) {
-                    this.handleCheck(!item.props.checked, key, node);
-                } else if (selectable) {
-                    this.handleSelect(!item.props.selected, key, node, e);
-                }
-                break;
-            }
-            case KEYCODE.TAB:
-                focusedKey = null;
-                break;
-            default:
-                break;
+        if (checkable) {
+          this.handleCheck(!item.props.checked, key, node);
+        } else if (selectable) {
+          this.handleSelect(!item.props.selected, key, node, e);
         }
-
-        if (focusedKey !== this.state.focusedKey) {
-            if (!('focusedKey' in this.props)) {
-                this.setState({
-                    focusedKey,
-                });
-            }
-        }
-
-        this.props.onItemKeyDown(focusedKey, item, e);
-        this.props.onItemFocus(focusedKey, e);
+        break;
+      }
+      case KEYCODE.TAB:
+        focusedKey = null;
+        break;
+      default:
+        break;
     }
 
-    handleBlur(e) {
+    if (focusedKey !== this.state.focusedKey) {
+      if (!('focusedKey' in this.props)) {
         this.setState({
-            focusedKey: '',
+          focusedKey,
         });
-
-        this.props.onBlur && this.props.onBlur(e);
+      }
     }
 
-    handleExpand(expand, key, node) {
-        const { onExpand, loadData } = this.props;
-        const expandedKeys = this.state.expandedKeys; // 由于setState 是异步操作，所以去掉 [...this.state.expandedKeys]
-        this.processKey(expandedKeys, key, expand);
-        const setExpandedState = () => {
-            if (!('expandedKeys' in this.props)) {
-                this.setState({ expandedKeys });
-            }
-            onExpand(expandedKeys, { expanded: expand, node });
-        };
+    this.props.onItemKeyDown(focusedKey, item, e);
+    this.props.onItemFocus(focusedKey, e);
+  }
 
-        if (expand && loadData) {
-            return loadData(node).then(setExpandedState);
-        } else {
-            setExpandedState();
-        }
+  handleBlur(e) {
+    this.setState({
+      focusedKey: '',
+    });
+
+    this.props.onBlur && this.props.onBlur(e);
+  }
+
+  handleExpand(expand, key, node) {
+    const { onExpand, loadData } = this.props;
+    const { expandedKeys } = this.state; // 由于setState 是异步操作，所以去掉 [...this.state.expandedKeys]
+    this.processKey(expandedKeys, key, expand);
+    const setExpandedState = () => {
+      if (!('expandedKeys' in this.props)) {
+        this.setState({ expandedKeys });
+      }
+      onExpand(expandedKeys, { expanded: expand, node });
+    };
+
+    if (expand && loadData) {
+      return loadData(node).then(setExpandedState);
+    } else {
+      setExpandedState();
+    }
+  }
+
+  handleSelect(select, key, node, e) {
+    const { multiple, onSelect } = this.props;
+    let selectedKeys = [...this.state.selectedKeys];
+    if (multiple) {
+      this.processKey(selectedKeys, key, select);
+    } else {
+      selectedKeys = select ? [key] : [];
     }
 
-    handleSelect(select, key, node, e) {
-        const { multiple, onSelect } = this.props;
-        let selectedKeys = [...this.state.selectedKeys];
-        if (multiple) {
-            this.processKey(selectedKeys, key, select);
-        } else {
-            selectedKeys = select ? [key] : [];
-        }
+    if (!('selectedKeys' in this.props)) {
+      this.setState({ selectedKeys });
+    }
+    onSelect(selectedKeys, {
+      selectedNodes: this.getNodes(selectedKeys),
+      node,
+      selected: select,
+      event: e,
+    });
+  }
 
-        if (!('selectedKeys' in this.props)) {
-            this.setState({ selectedKeys });
+  // eslint-disable-next-line max-statements
+  handleCheck(check, key, node) {
+    const { checkStrictly, checkedStrategy, onCheck } = this.props;
+    const checkedKeys = [...this.state.checkedKeys];
+
+    if (checkStrictly) {
+      this.processKey(checkedKeys, key, check);
+      const newCheckedKeys = isPlainObject(this.props.checkedKeys)
+        ? {
+          checked: checkedKeys,
+          indeterminate: this.indeterminateKeys,
         }
-        onSelect(selectedKeys, {
-            selectedNodes: this.getNodes(selectedKeys),
-            node,
-            selected: select,
-            event: e,
-        });
+        : checkedKeys;
+
+      onCheck(newCheckedKeys, {
+        checkedNodes: this.getNodes(checkedKeys),
+        checkedNodesPositions: checkedKeys
+          .map(key => {
+            if (!this._k2n[key]) return null;
+            const { node, pos } = this._k2n[key];
+            return { node, pos };
+          })
+          .filter(v => !!v),
+        node,
+        indeterminateKeys: this.indeterminateKeys,
+        checked: check,
+      });
+
+      return;
     }
 
-    // eslint-disable-next-line max-statements
-    handleCheck(check, key, node) {
-        const { checkStrictly, checkedStrategy, onCheck } = this.props;
-        const checkedKeys = [...this.state.checkedKeys];
+    const { pos } = this._k2n[key];
 
-        if (checkStrictly) {
-            this.processKey(checkedKeys, key, check);
-            const newCheckedKeys = isPlainObject(this.props.checkedKeys)
-                ? {
-                      checked: checkedKeys,
-                      indeterminate: this.indeterminateKeys,
-                  }
-                : checkedKeys;
+    forEachEnableNode(this._k2n[key], node => {
+      if (node.checkable === false) return;
+      this.processKey(checkedKeys, node.key, check);
+    });
 
-            onCheck(newCheckedKeys, {
-                checkedNodes: this.getNodes(checkedKeys),
-                checkedNodesPositions: checkedKeys
-                    .map(key => {
-                        if (!this._k2n[key]) return null;
-                        const { node, pos } = this._k2n[key];
-                        return { node, pos };
-                    })
-                    .filter(v => !!v),
-                node,
-                indeterminateKeys: this.indeterminateKeys,
-                checked: check,
-            });
+    const ps = Object.keys(this._p2n);
+    // ps.forEach(p => {
+    //     if (this._p2n[p].checkable !== false && !this._p2n[p].disabled && isDescendantOrSelf(pos, p)) {
+    //         this.processKey(checkedKeys, this._p2n[p].key, check);
+    //     }
+    // });
 
-            return;
-        }
+    let currentPos = pos;
+    const nums = pos.split('-');
+    for (let i = nums.length; i > 2; i--) {
+      let parentCheck = true;
 
-        const pos = this._k2n[key].pos;
-
-        forEachEnableNode(this._k2n[key], node => {
-            if (node.checkable === false) return;
-            this.processKey(checkedKeys, node.key, check);
-        });
-
-        const ps = Object.keys(this._p2n);
-        // ps.forEach(p => {
-        //     if (this._p2n[p].checkable !== false && !this._p2n[p].disabled && isDescendantOrSelf(pos, p)) {
-        //         this.processKey(checkedKeys, this._p2n[p].key, check);
-        //     }
-        // });
-
-        let currentPos = pos;
-        const nums = pos.split('-');
-        for (let i = nums.length; i > 2; i--) {
-            let parentCheck = true;
-
-            const parentPos = nums.slice(0, i - 1).join('-');
-            if (
-                this._p2n[parentPos].disabled ||
+      const parentPos = nums.slice(0, i - 1).join('-');
+      if (
+        this._p2n[parentPos].disabled ||
                 this._p2n[parentPos].checkboxDisabled ||
                 this._p2n[parentPos].checkable === false
-            ) {
-                currentPos = parentPos;
-                continue;
-            }
-            const parentKey = this._p2n[parentPos].key;
-            const parentChecked = checkedKeys.indexOf(parentKey) > -1;
-            if (!check && !parentChecked) {
-                break;
-            }
+      ) {
+        currentPos = parentPos;
+        continue;
+      }
+      const parentKey = this._p2n[parentPos].key;
+      const parentChecked = checkedKeys.indexOf(parentKey) > -1;
+      if (!check && !parentChecked) {
+        break;
+      }
 
-            for (let j = 0; j < ps.length; j++) {
-                const p = ps[j];
-                const pnode = this._p2n[p];
-                if (
-                    isSiblingOrSelf(currentPos, p) &&
+      for (let j = 0; j < ps.length; j++) {
+        const p = ps[j];
+        const pnode = this._p2n[p];
+        if (
+          isSiblingOrSelf(currentPos, p) &&
                     !pnode.disabled &&
                     !pnode.checkboxDisabled
-                ) {
-                    const k = pnode.key;
-                    if (pnode.checkable === false) {
-                        // eslint-disable-next-line max-depth
-                        if (!pnode.children || pnode.children.length === 0)
-                            continue;
+        ) {
+          const k = pnode.key;
+          if (pnode.checkable === false) {
+            // eslint-disable-next-line max-depth
+            if (!pnode.children || pnode.children.length === 0) continue;
 
-                        // eslint-disable-next-line max-depth
-                        for (let m = 0; m < pnode.children.length; m++) {
-                            if (
-                                !pnode.children.every(child =>
-                                    isNodeChecked(child, checkedKeys)
-                                )
-                            ) {
-                                parentCheck = false;
-                                break;
-                            }
-                        }
-                    } else if (checkedKeys.indexOf(k) === -1) {
-                        parentCheck = false;
-                    }
-
-                    if (!parentCheck) break;
-                }
+            // eslint-disable-next-line max-depth
+            for (let m = 0; m < pnode.children.length; m++) {
+              if (
+                !pnode.children.every(child => isNodeChecked(child, checkedKeys))
+              ) {
+                parentCheck = false;
+                break;
+              }
             }
+          } else if (checkedKeys.indexOf(k) === -1) {
+            parentCheck = false;
+          }
 
-            this.processKey(checkedKeys, parentKey, parentCheck);
-
-            currentPos = parentPos;
+          if (!parentCheck) break;
         }
+      }
 
-        const indeterminateKeys = this.getIndeterminateKeys(checkedKeys);
-        if (!('checkedKeys' in this.props)) {
-            this.setState({
-                checkedKeys,
-            });
-            this.indeterminateKeys = indeterminateKeys;
-        }
+      this.processKey(checkedKeys, parentKey, parentCheck);
 
-        let newCheckedKeys;
-        switch (checkedStrategy) {
-            case 'parent':
-                newCheckedKeys = filterChildKey(
-                    checkedKeys,
-                    this._k2n,
-                    this._p2n
-                );
-                break;
-            case 'child':
-                newCheckedKeys = filterParentKey(
-                    checkedKeys,
-                    this._k2n,
-                    this._p2n
-                );
-                break;
-            default:
-                newCheckedKeys = checkedKeys;
-                break;
-        }
-
-        onCheck(newCheckedKeys, {
-            checkedNodes: this.getNodes(newCheckedKeys),
-            checkedNodesPositions: newCheckedKeys
-                .map(key => {
-                    if (!this._k2n[key]) return null;
-                    const { node, pos } = this._k2n[key];
-                    return { node, pos };
-                })
-                .filter(v => !!v),
-            node,
-            indeterminateKeys,
-            checked: check,
-        });
-    }
-    /*eslint-enable*/
-    getNodeProps(key) {
-        const { prefix } = this.props;
-        const {
-            expandedKeys,
-            selectedKeys,
-            checkedKeys,
-            dragOverNodeKey,
-        } = this.state;
-        const pos = this._k2n[key].pos;
-
-        return {
-            prefix,
-            root: this,
-            eventKey: key,
-            pos,
-            expanded: expandedKeys.indexOf(key) > -1,
-            selected: selectedKeys.indexOf(key) > -1,
-            checked: checkedKeys.indexOf(key) > -1,
-            indeterminate: this.indeterminateKeys.indexOf(key) > -1,
-            dragOver: dragOverNodeKey === key && this.dropPosition === 0,
-            dragOverGapTop: dragOverNodeKey === key && this.dropPosition === -1,
-            dragOverGapBottom:
-                dragOverNodeKey === key && this.dropPosition === 1,
-        };
+      currentPos = parentPos;
     }
 
-    getParentNode(pos) {
-        const parentPos = pos
-            .split('-')
-            .slice(0, -1)
-            .join('-');
-        if (parentPos.length === 1) {
-            return null;
-        }
-
-        return this._p2n[parentPos].node;
+    const indeterminateKeys = this.getIndeterminateKeys(checkedKeys);
+    if (!('checkedKeys' in this.props)) {
+      this.setState({
+        checkedKeys,
+      });
+      this.indeterminateKeys = indeterminateKeys;
     }
 
-    getNodes(keys) {
-        return keys
-            .map(key => this._k2n[key] && this._k2n[key].node)
-            .filter(v => !!v);
-    }
-
-    getIndeterminateKeys(checkedKeys) {
-        if (this.props.checkStrictly) {
-            return [];
-        }
-
-        const indeterminateKeys = [];
-
-        const poss = filterChildKey(
-            checkedKeys
-                .filter(key => !!this._k2n[key])
-                .filter(
-                    key =>
-                        !this._k2n[key].disabled &&
-                        !this._k2n[key].checkboxDisabled &&
-                        this._k2n[key].checkable !== false
-                ),
-            this._k2n,
-            this._p2n
-        ).map(key => this._k2n[key].pos);
-        poss.forEach(pos => {
-            const nums = pos.split('-');
-            for (let i = nums.length; i > 2; i--) {
-                const parentPos = nums.slice(0, i - 1).join('-');
-                const parent = this._p2n[parentPos];
-                if (parent.disabled || parent.checkboxDisabled) break;
-                const parentKey = parent.key;
-                if (indeterminateKeys.indexOf(parentKey) === -1) {
-                    indeterminateKeys.push(parentKey);
-                }
-            }
-        });
-
-        return indeterminateKeys;
-    }
-
-    handleDragStart(e, node) {
-        const dragNodeKey = node.props.eventKey;
-        this.dragNode = node;
-        this.dragNodesKeys = Object.keys(this._k2n).filter(k => {
-            return isDescendantOrSelf(
-                this._k2n[dragNodeKey].pos,
-                this._k2n[k].pos
-            );
-        });
-
-        const expandedKeys = this.processKey(
-            [...this.state.expandedKeys],
-            dragNodeKey,
-            false
+    let newCheckedKeys;
+    switch (checkedStrategy) {
+      case 'parent':
+        newCheckedKeys = filterChildKey(
+          checkedKeys,
+          this._k2n,
+          this._p2n,
         );
-        this.setState({ expandedKeys });
-
-        this.props.onDragStart({
-            event: e,
-            node,
-            expandedKeys,
-        });
+        break;
+      case 'child':
+        newCheckedKeys = filterParentKey(
+          checkedKeys,
+          this._k2n,
+          this._p2n,
+        );
+        break;
+      default:
+        newCheckedKeys = checkedKeys;
+        break;
     }
 
-    handleDragEnter(e, node) {
-        const dragOverNodeKey = node.props.eventKey;
-        this.dropPosition = this.getDropPosition(e, node);
-        if (
-            this.dragNode &&
+    onCheck(newCheckedKeys, {
+      checkedNodes: this.getNodes(newCheckedKeys),
+      checkedNodesPositions: newCheckedKeys
+        .map(key => {
+          if (!this._k2n[key]) return null;
+          const { node, pos } = this._k2n[key];
+          return { node, pos };
+        })
+        .filter(v => !!v),
+      node,
+      indeterminateKeys,
+      checked: check,
+    });
+  }
+
+  /* eslint-enable */
+  getNodeProps(key) {
+    const { prefix } = this.props;
+    const {
+      expandedKeys,
+      selectedKeys,
+      checkedKeys,
+      dragOverNodeKey,
+    } = this.state;
+    const { pos } = this._k2n[key];
+
+    return {
+      prefix,
+      root: this,
+      eventKey: key,
+      pos,
+      expanded: expandedKeys.indexOf(key) > -1,
+      selected: selectedKeys.indexOf(key) > -1,
+      checked: checkedKeys.indexOf(key) > -1,
+      indeterminate: this.indeterminateKeys.indexOf(key) > -1,
+      dragOver: dragOverNodeKey === key && this.dropPosition === 0,
+      dragOverGapTop: dragOverNodeKey === key && this.dropPosition === -1,
+      dragOverGapBottom:
+                dragOverNodeKey === key && this.dropPosition === 1,
+    };
+  }
+
+  getParentNode(pos) {
+    const parentPos = pos
+      .split('-')
+      .slice(0, -1)
+      .join('-');
+    if (parentPos.length === 1) {
+      return null;
+    }
+
+    return this._p2n[parentPos].node;
+  }
+
+  getNodes(keys) {
+    return keys
+      .map(key => this._k2n[key] && this._k2n[key].node)
+      .filter(v => !!v);
+  }
+
+  getIndeterminateKeys(checkedKeys) {
+    if (this.props.checkStrictly) {
+      return [];
+    }
+
+    const indeterminateKeys = [];
+
+    const poss = filterChildKey(
+      checkedKeys
+        .filter(key => !!this._k2n[key])
+        .filter(
+          key => !this._k2n[key].disabled &&
+                        !this._k2n[key].checkboxDisabled &&
+                        this._k2n[key].checkable !== false,
+        ),
+      this._k2n,
+      this._p2n,
+    ).map(key => this._k2n[key].pos);
+    poss.forEach(pos => {
+      const nums = pos.split('-');
+      for (let i = nums.length; i > 2; i--) {
+        const parentPos = nums.slice(0, i - 1).join('-');
+        const parent = this._p2n[parentPos];
+        if (parent.disabled || parent.checkboxDisabled) break;
+        const parentKey = parent.key;
+        if (indeterminateKeys.indexOf(parentKey) === -1) {
+          indeterminateKeys.push(parentKey);
+        }
+      }
+    });
+
+    return indeterminateKeys;
+  }
+
+  handleDragStart(e, node) {
+    const dragNodeKey = node.props.eventKey;
+    this.dragNode = node;
+    this.dragNodesKeys = Object.keys(this._k2n).filter(k => {
+      return isDescendantOrSelf(
+        this._k2n[dragNodeKey].pos,
+        this._k2n[k].pos,
+      );
+    });
+
+    const expandedKeys = this.processKey(
+      [...this.state.expandedKeys],
+      dragNodeKey,
+      false,
+    );
+    this.setState({ expandedKeys });
+
+    this.props.onDragStart({
+      event: e,
+      node,
+      expandedKeys,
+    });
+  }
+
+  handleDragEnter(e, node) {
+    const dragOverNodeKey = node.props.eventKey;
+    this.dropPosition = this.getDropPosition(e, node);
+    if (
+      this.dragNode &&
             this.dragNode.props.eventKey === dragOverNodeKey &&
             this.dropPosition === 0
-        ) {
-            this.setState({
-                dragOverNodeKey: null,
-            });
-            return;
-        }
-
-        const expandedKeys = this.processKey(
-            [...this.state.expandedKeys],
-            dragOverNodeKey,
-            true
-        );
-        this.setState({
-            dragOverNodeKey,
-            expandedKeys,
-        });
-
-        this.props.onDragEnter({
-            event: e,
-            node,
-            expandedKeys,
-        });
+    ) {
+      this.setState({
+        dragOverNodeKey: null,
+      });
+      return;
     }
 
-    getDropPosition(e, node) {
-        const labelWrapperNode = node.refs.labelWrapper;
-        const offsetTop = getOffset(labelWrapperNode).top;
-        const offsetHeight = labelWrapperNode.offsetHeight;
-        const pageY = e.pageY;
-        const gapHeight = 2;
+    const expandedKeys = this.processKey(
+      [...this.state.expandedKeys],
+      dragOverNodeKey,
+      true,
+    );
+    this.setState({
+      dragOverNodeKey,
+      expandedKeys,
+    });
 
-        if (pageY > offsetTop + offsetHeight - gapHeight) {
-            return 1;
-        }
-        if (pageY < offsetTop + gapHeight) {
-            return -1;
-        }
-        return 0;
+    this.props.onDragEnter({
+      event: e,
+      node,
+      expandedKeys,
+    });
+  }
+
+  getDropPosition(e, node) {
+    const labelWrapperNode = node.refs.labelWrapper;
+    const offsetTop = getOffset(labelWrapperNode).top;
+    const { offsetHeight } = labelWrapperNode;
+    const { pageY } = e;
+    const gapHeight = 2;
+
+    if (pageY > offsetTop + offsetHeight - gapHeight) {
+      return 1;
     }
-
-    handleDragOver(e, node) {
-        this.props.onDragOver({ event: e, node: node });
+    if (pageY < offsetTop + gapHeight) {
+      return -1;
     }
+    return 0;
+  }
 
-    handleDragLeave(e, node) {
-        this.props.onDragLeave({ event: e, node: node });
-    }
+  handleDragOver(e, node) {
+    this.props.onDragOver({ event: e, node });
+  }
 
-    handleDragEnd(e, node) {
-        this.setState({
-            dragOverNodeKey: null,
-        });
+  handleDragLeave(e, node) {
+    this.props.onDragLeave({ event: e, node });
+  }
 
-        this.props.onDragEnd({ event: e, node: node });
-    }
+  handleDragEnd(e, node) {
+    this.setState({
+      dragOverNodeKey: null,
+    });
 
-    handleDrop(e, node) {
-        if (
-            this.dragNode &&
+    this.props.onDragEnd({ event: e, node });
+  }
+
+  handleDrop(e, node) {
+    if (
+      this.dragNode &&
             isDescendantOrSelf(
-                this._k2n[this.dragNode.props.eventKey].pos,
-                this._k2n[node.props.eventKey].pos
+              this._k2n[this.dragNode.props.eventKey].pos,
+              this._k2n[node.props.eventKey].pos,
             )
-        ) {
-            return;
+    ) {
+      return;
+    }
+
+    this.setState({
+      dragOverNodeKey: null,
+    });
+
+    const params = this.generateDropParams(node);
+    this.props.onDrop({
+      event: e,
+      ...params,
+    });
+  }
+
+  canDrop(node) {
+    const params = this.generateDropParams(node);
+    return this.props.canDrop(params);
+  }
+
+  generateDropParams(node) {
+    return {
+      dragNode: this.dragNode,
+      dragNodesKeys: [...this.dragNodesKeys],
+      node,
+      dropPosition: this.dropPosition,
+    };
+  }
+
+  filterTreeNode(node) {
+    return this.props.filterTreeNode.call(this, node);
+  }
+
+  renderByDataSource() {
+    const { rtl } = this.props;
+    const loop = (data, prefix = '0') => {
+      return data.map((item, index) => {
+        const pos = `${prefix}-${index}`;
+        const { key = pos, children, ...others } = item;
+        const props = {
+          ...others,
+          ...this.getNodeProps(`${key}`),
+          _key: key,
+        };
+        if (children && children.length) {
+          props.children = loop(children, pos);
         }
-
-        this.setState({
-            dragOverNodeKey: null,
-        });
-
-        const params = this.generateDropParams(node);
-        this.props.onDrop({
-            event: e,
-            ...params,
-        });
-    }
-
-    canDrop(node) {
-        const params = this.generateDropParams(node);
-        return this.props.canDrop(params);
-    }
-
-    generateDropParams(node) {
-        return {
-            dragNode: this.dragNode,
-            dragNodesKeys: [...this.dragNodesKeys],
-            node,
-            dropPosition: this.dropPosition,
-        };
-    }
-
-    filterTreeNode(node) {
-        return this.props.filterTreeNode.call(this, node);
-    }
-
-    renderByDataSource() {
-        const { rtl } = this.props;
-        const loop = (data, prefix = '0') => {
-            return data.map((item, index) => {
-                const pos = `${prefix}-${index}`;
-                const { key = pos, children, ...others } = item;
-                const props = {
-                    ...others,
-                    ...this.getNodeProps(`${key}`),
-                    _key: key,
-                };
-                if (children && children.length) {
-                    props.children = loop(children, pos);
-                }
-                const node = (
-                    <TreeNode
-                        rtl={rtl}
-                        key={key}
-                        size={data.length}
-                        {...props}
-                    />
-                );
-                this._k2n[key].node = node;
-                return node;
-            });
-        };
-
-        return loop(this.props.dataSource);
-    }
-
-    renderByChildren() {
-        const { rtl } = this.props;
-        const loop = (children, prefix = '0') => {
-            return Children.map(children, (child, index) => {
-                if (!React.isValidElement(child)) {
-                    return;
-                }
-                const pos = `${prefix}-${index}`;
-                const key = child.key || pos;
-                const props = this.getNodeProps(`${key}`);
-                if (child.props.children) {
-                    props.children = loop(child.props.children, pos);
-                }
-
-                props._key = key;
-                props.rtl = rtl;
-                props.size = Children.count(children);
-
-                const node = cloneElement(child, props);
-                this._k2n[key].node = node;
-                return node;
-            });
-        };
-
-        return loop(this.props.children);
-    }
-
-    render() {
-        const {
-            prefix,
-            rtl,
-            className,
-            dataSource,
-            showLine,
-            isNodeBlock,
-            isLabelBlock,
-            multiple,
-        } = this.props;
-        const others = pickOthers(Object.keys(Tree.propTypes), this.props);
-
-        if (rtl) {
-            others.dir = 'rtl';
-        }
-
-        const newClassName = cx({
-            [`${prefix}tree`]: true,
-            [`${prefix}label-block`]: isLabelBlock,
-            [`${prefix}node-block`]: isNodeBlock,
-            [`${prefix}node-indent`]: !isNodeBlock,
-            [`${prefix}show-line`]: !isNodeBlock && showLine,
-            [className]: !!className,
-        });
-
-        return (
-            <ul
-                role="tree"
-                aria-multiselectable={multiple}
-                onBlur={this.handleBlur}
-                className={newClassName}
-                {...others}
-            >
-                {dataSource
-                    ? this.renderByDataSource()
-                    : this.renderByChildren()}
-            </ul>
+        const node = (
+          <TreeNode
+            rtl={rtl}
+            key={key}
+            size={data.length}
+            {...props}
+          />
         );
+        this._k2n[key].node = node;
+        return node;
+      });
+    };
+
+    return loop(this.props.dataSource);
+  }
+
+  renderByChildren() {
+    const { rtl } = this.props;
+    const loop = (children, prefix = '0') => {
+      return Children.map(children, (child, index) => {
+        if (!React.isValidElement(child)) {
+          return;
+        }
+        const pos = `${prefix}-${index}`;
+        const key = child.key || pos;
+        const props = this.getNodeProps(`${key}`);
+        if (child.props.children) {
+          props.children = loop(child.props.children, pos);
+        }
+
+        props._key = key;
+        props.rtl = rtl;
+        props.size = Children.count(children);
+
+        const node = cloneElement(child, props);
+        this._k2n[key].node = node;
+        return node;
+      });
+    };
+
+    return loop(this.props.children);
+  }
+
+  render() {
+    const {
+      prefix,
+      rtl,
+      className,
+      dataSource,
+      showLine,
+      isNodeBlock,
+      isLabelBlock,
+      multiple,
+    } = this.props;
+    const others = pickOthers(Object.keys(Tree.propTypes), this.props);
+
+    if (rtl) {
+      others.dir = 'rtl';
     }
+
+    const newClassName = cx({
+      [`${prefix}tree`]: true,
+      [`${prefix}label-block`]: isLabelBlock,
+      [`${prefix}node-block`]: isNodeBlock,
+      [`${prefix}node-indent`]: !isNodeBlock,
+      [`${prefix}show-line`]: !isNodeBlock && showLine,
+      [className]: !!className,
+    });
+
+    return (
+      <ul
+        role="tree"
+        aria-multiselectable={multiple}
+        onBlur={this.handleBlur}
+        className={newClassName}
+        {...others}
+      >
+        {dataSource
+          ? this.renderByDataSource()
+          : this.renderByChildren()}
+      </ul>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/tree/view/util.js b/packages/material-parser/test/fixtures/fusion-next-component/src/tree/view/util.js
index 720db6706..3f144521f 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/tree/view/util.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/tree/view/util.js
@@ -1,14 +1,14 @@
 /* eslint-disable valid-jsdoc */
 export function normalizeToArray(keys) {
-    if (keys !== undefined && keys !== null) {
-        if (Array.isArray(keys)) {
-            return [...keys];
-        }
-
-        return [keys];
+  if (keys !== undefined && keys !== null) {
+    if (Array.isArray(keys)) {
+      return [...keys];
     }
 
-    return [];
+    return [keys];
+  }
+
+  return [];
 }
 
 /**
@@ -17,16 +17,16 @@ export function normalizeToArray(keys) {
  * @param {Array} checkedKeys
  */
 export function isNodeChecked(node, checkedKeys) {
-    if (node.disabled || node.checkboxDisabled) return true;
-    /* istanbul ignore next */
-    if (node.checkable === false) {
-        return (
-            !node.children ||
+  if (node.disabled || node.checkboxDisabled) return true;
+  /* istanbul ignore next */
+  if (node.checkable === false) {
+    return (
+      !node.children ||
             node.children.length === 0 ||
             node.children.every(c => isNodeChecked(c, checkedKeys))
-        );
-    }
-    return checkedKeys.indexOf(node.key) > -1;
+    );
+  }
+  return checkedKeys.indexOf(node.key) > -1;
 }
 
 /**
@@ -35,12 +35,12 @@ export function isNodeChecked(node, checkedKeys) {
  * @param {Function} callback
  */
 export function forEachEnableNode(node, callback = () => {}) {
-    if (node.disabled || node.checkboxDisabled) return;
-    // eslint-disable-next-line callback-return
-    callback(node);
-    if (node.children && node.children.length > 0) {
-        node.children.forEach(child => forEachEnableNode(child, callback));
-    }
+  if (node.disabled || node.checkboxDisabled) return;
+  // eslint-disable-next-line callback-return
+  callback(node);
+  if (node.children && node.children.length > 0) {
+    node.children.forEach(child => forEachEnableNode(child, callback));
+  }
 }
 /**
  * 判断节点是否禁用checked
@@ -48,17 +48,17 @@ export function forEachEnableNode(node, callback = () => {}) {
  * @returns {Boolean}
  */
 export function isNodeDisabledChecked(node) {
-    if (node.disabled || node.checkboxDisabled) return true;
-    /* istanbul ignore next */
-    if (node.checkable === false) {
-        return (
-            !node.children ||
+  if (node.disabled || node.checkboxDisabled) return true;
+  /* istanbul ignore next */
+  if (node.checkable === false) {
+    return (
+      !node.children ||
             node.children.length === 0 ||
             node.children.every(isNodeDisabledChecked)
-        );
-    }
+    );
+  }
 
-    return false;
+  return false;
 }
 
 /**
@@ -68,18 +68,18 @@ export function isNodeDisabledChecked(node) {
  * @return {Node}
  */
 export function getCheckableParentNode(node, _p2n) {
-    let parentPos = node.pos.split(['-']);
-    if (parentPos.length === 2) return node;
-    parentPos.splice(parentPos.length - 1, 1);
-    parentPos = parentPos.join('-');
-    const parentNode = _p2n[parentPos];
-    if (parentNode.disabled || parentNode.checkboxDisabled) return false;
-    /* istanbul ignore next */
-    if (parentNode.checkable === false) {
-        return getCheckableParentNode(parentNode, _p2n);
-    }
+  let parentPos = node.pos.split(['-']);
+  if (parentPos.length === 2) return node;
+  parentPos.splice(parentPos.length - 1, 1);
+  parentPos = parentPos.join('-');
+  const parentNode = _p2n[parentPos];
+  if (parentNode.disabled || parentNode.checkboxDisabled) return false;
+  /* istanbul ignore next */
+  if (parentNode.checkable === false) {
+    return getCheckableParentNode(parentNode, _p2n);
+  }
 
-    return parentNode;
+  return parentNode;
 }
 /**
  * 过滤子节点
@@ -87,129 +87,126 @@ export function getCheckableParentNode(node, _p2n) {
  * @param {Object} _k2n
  */
 export function filterChildKey(keys, _k2n, _p2n) {
-    const newKeys = [];
-    keys.forEach(key => {
-        const node = getCheckableParentNode(_k2n[key], _p2n);
-        if (
-            !node ||
+  const newKeys = [];
+  keys.forEach(key => {
+    const node = getCheckableParentNode(_k2n[key], _p2n);
+    if (
+      !node ||
             node.checkable === false ||
             node === _k2n[key] ||
             keys.indexOf(node.key) === -1
-        ) {
-            newKeys.push(key);
-        }
-    });
-    return newKeys;
+    ) {
+      newKeys.push(key);
+    }
+  });
+  return newKeys;
 }
 
 export function filterParentKey(keys, _k2n) {
-    const newKeys = [];
+  const newKeys = [];
 
-    for (let i = 0; i < keys.length; i++) {
-        const node = _k2n[keys[i]];
-        if (
-            !node.children ||
+  for (let i = 0; i < keys.length; i++) {
+    const node = _k2n[keys[i]];
+    if (
+      !node.children ||
             node.children.length === 0 ||
             node.children.every(isNodeDisabledChecked)
-        ) {
-            newKeys.push(keys[i]);
-        }
+    ) {
+      newKeys.push(keys[i]);
     }
+  }
 
-    return newKeys;
+  return newKeys;
 }
 
 export function isDescendantOrSelf(currentPos, targetPos) {
-    if (!currentPos || !targetPos) {
-        return false;
-    }
+  if (!currentPos || !targetPos) {
+    return false;
+  }
 
-    const currentNums = currentPos.split('-');
-    const targetNums = targetPos.split('-');
+  const currentNums = currentPos.split('-');
+  const targetNums = targetPos.split('-');
 
-    return (
-        currentNums.length <= targetNums.length &&
+  return (
+    currentNums.length <= targetNums.length &&
         currentNums.every((num, index) => {
-            return num === targetNums[index];
+          return num === targetNums[index];
         })
-    );
+  );
 }
 
 export function isSiblingOrSelf(currentPos, targetPos) {
-    const currentNums = currentPos.split('-').slice(0, -1);
-    const targetNums = targetPos.split('-').slice(0, -1);
+  const currentNums = currentPos.split('-').slice(0, -1);
+  const targetNums = targetPos.split('-').slice(0, -1);
 
-    return (
-        currentNums.length === targetNums.length &&
+  return (
+    currentNums.length === targetNums.length &&
         currentNums.every((num, index) => {
-            return num === targetNums[index];
+          return num === targetNums[index];
         })
-    );
+  );
 }
 
 // eslint-disable-next-line max-statements
 export function getAllCheckedKeys(checkedKeys, _k2n, _p2n) {
-    checkedKeys = normalizeToArray(checkedKeys);
-    const filteredKeys = checkedKeys.filter(key => !!_k2n[key]);
-    const flatKeys = [
-        ...filterChildKey(filteredKeys, _k2n, _p2n),
-        ...filteredKeys.filter(
-            key => _k2n[key].disabled || _k2n[key].checkboxDisabled
-        ),
-    ];
-    const removeKey = child => {
-        if (child.disabled || child.checkboxDisabled) return;
-        if (
-            child.checkable === false &&
+  checkedKeys = normalizeToArray(checkedKeys);
+  const filteredKeys = checkedKeys.filter(key => !!_k2n[key]);
+  const flatKeys = [
+    ...filterChildKey(filteredKeys, _k2n, _p2n),
+    ...filteredKeys.filter(
+      key => _k2n[key].disabled || _k2n[key].checkboxDisabled,
+    ),
+  ];
+  const removeKey = child => {
+    if (child.disabled || child.checkboxDisabled) return;
+    if (
+      child.checkable === false &&
             child.children &&
             child.children.length > 0
-        ) {
-            return child.children.forEach(removeKey);
-        }
-        flatKeys.splice(flatKeys.indexOf(child.key), 1);
-    };
+    ) {
+      return child.children.forEach(removeKey);
+    }
+    flatKeys.splice(flatKeys.indexOf(child.key), 1);
+  };
 
-    const addParentKey = (i, parent) => flatKeys.splice(i, 0, parent.key);
+  const addParentKey = (i, parent) => flatKeys.splice(i, 0, parent.key);
 
-    const keys = [...flatKeys];
-    for (let i = 0; i < keys.length; i++) {
-        const pos = _k2n[keys[i]].pos;
-        const nums = pos.split('-');
-        if (nums.length === 2) {
-            break;
-        }
-        for (let j = nums.length - 2; j > 0; j--) {
-            const parentPos = nums.slice(0, j + 1).join('-');
-            const parent = _p2n[parentPos];
-            if (
-                parent.checkable === false ||
+  const keys = [...flatKeys];
+  for (let i = 0; i < keys.length; i++) {
+    const { pos } = _k2n[keys[i]];
+    const nums = pos.split('-');
+    if (nums.length === 2) {
+      break;
+    }
+    for (let j = nums.length - 2; j > 0; j--) {
+      const parentPos = nums.slice(0, j + 1).join('-');
+      const parent = _p2n[parentPos];
+      if (
+        parent.checkable === false ||
                 parent.disabled ||
                 parent.checkboxDisabled
-            )
-                continue;
-            const parentChecked = parent.children.every(child =>
-                isNodeChecked(child, flatKeys)
-            );
-            if (parentChecked) {
-                parent.children.forEach(removeKey);
-                addParentKey(i, parent);
-            } else {
-                break;
-            }
-        }
+      ) continue;
+      const parentChecked = parent.children.every(child => isNodeChecked(child, flatKeys));
+      if (parentChecked) {
+        parent.children.forEach(removeKey);
+        addParentKey(i, parent);
+      } else {
+        break;
+      }
     }
+  }
 
-    const newKeys = [];
-    flatKeys.forEach(key => {
-        if (_k2n[key].disabled || _k2n[key].checkboxDisabled) {
-            newKeys.push(key);
-            return;
-        }
-        forEachEnableNode(_k2n[key], node => {
-            if (node.checkable === false) return;
-            newKeys.push(node.key);
-        });
+  const newKeys = [];
+  flatKeys.forEach(key => {
+    if (_k2n[key].disabled || _k2n[key].checkboxDisabled) {
+      newKeys.push(key);
+      return;
+    }
+    forEachEnableNode(_k2n[key], node => {
+      if (node.checkable === false) return;
+      newKeys.push(node.key);
     });
+  });
 
-    return newKeys;
+  return newKeys;
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/typography/paragraph.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/typography/paragraph.jsx
index 08ee78188..f6a2a4ecf 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/typography/paragraph.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/typography/paragraph.jsx
@@ -10,28 +10,28 @@ import Text from './text';
  * @order 2
  */
 class Paragraph extends React.Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    /**
          * 设置标签类型
          */
-        component: PropTypes.elementType,
-    };
+    component: PropTypes.elementType,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        type: 'long',
-        size: 'medium',
-        component: 'p',
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    type: 'long',
+    size: 'medium',
+    component: 'p',
+  };
 
-    render() {
-        const { prefix, className, component, ...others } = this.props;
+  render() {
+    const { prefix, className, component, ...others } = this.props;
 
-        const cls = classNames(`${prefix}typography-paragraph`, className);
+    const cls = classNames(`${prefix}typography-paragraph`, className);
 
-        return <Text {...others} className={cls} component={component} />;
-    }
+    return <Text {...others} className={cls} component={component} />;
+  }
 }
 
 export default ConfigProvider.config(Paragraph);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/typography/text.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/typography/text.jsx
index f2017453c..20f95fc83 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/typography/text.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/typography/text.jsx
@@ -6,97 +6,97 @@ import ConfigProvider from '../config-provider';
  * @order 3
  */
 class Text extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    /**
          * 添加删除线样式
          */
-        delete: PropTypes.bool,
-        /**
+    delete: PropTypes.bool,
+    /**
          * 添加标记样式
          */
-        mark: PropTypes.bool,
-        /**
+    mark: PropTypes.bool,
+    /**
          * 添加下划线样式
          */
-        underline: PropTypes.bool,
-        /**
+    underline: PropTypes.bool,
+    /**
          * 是否加粗
          */
-        strong: PropTypes.bool,
-        /**
+    strong: PropTypes.bool,
+    /**
          * 添加代码样式
          */
-        code: PropTypes.bool,
-        /**
+    code: PropTypes.bool,
+    /**
          * 设置标签类型
          */
-        component: PropTypes.elementType,
-        children: PropTypes.node,
-        rtl: PropTypes.bool,
-    };
+    component: PropTypes.elementType,
+    children: PropTypes.node,
+    rtl: PropTypes.bool,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        delete: false,
-        mark: false,
-        underline: false,
-        strong: false,
-        code: false,
-        component: 'span',
-        rtl: false,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    delete: false,
+    mark: false,
+    underline: false,
+    strong: false,
+    code: false,
+    component: 'span',
+    rtl: false,
+  };
 
-    render() {
-        const {
-            prefix,
-            className,
-            component,
-            strong,
-            underline,
-            delete: deleteProp,
-            code,
-            mark,
-            rtl,
-            ...others
-        } = this.props;
+  render() {
+    const {
+      prefix,
+      className,
+      component,
+      strong,
+      underline,
+      delete: deleteProp,
+      code,
+      mark,
+      rtl,
+      ...others
+    } = this.props;
 
-        const Tag = component;
-        let children = this.props.children;
+    const Tag = component;
+    let { children } = this.props;
 
-        if (strong) {
-            children = <strong>{children}</strong>;
-        }
-
-        if (underline) {
-            children = <u>{children}</u>;
-        }
-
-        if (deleteProp) {
-            children = <del>{children}</del>;
-        }
-
-        if (code) {
-            children = <code>{children}</code>;
-        }
-
-        if (mark) {
-            children = <mark>{children}</mark>;
-        }
-
-        if (rtl) {
-            others.dir = 'rtl';
-        }
-
-        return (
-            <Tag
-                {...others}
-                className={`${className || ''} ${prefix}typography`}
-            >
-                {children}
-            </Tag>
-        );
+    if (strong) {
+      children = <strong>{children}</strong>;
     }
+
+    if (underline) {
+      children = <u>{children}</u>;
+    }
+
+    if (deleteProp) {
+      children = <del>{children}</del>;
+    }
+
+    if (code) {
+      children = <code>{children}</code>;
+    }
+
+    if (mark) {
+      children = <mark>{children}</mark>;
+    }
+
+    if (rtl) {
+      others.dir = 'rtl';
+    }
+
+    return (
+      <Tag
+        {...others}
+        className={`${className || ''} ${prefix}typography`}
+      >
+        {children}
+      </Tag>
+    );
+  }
 }
 
 export default ConfigProvider.config(Text);
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/typography/title.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/typography/title.jsx
index 1dba2c202..cf5049136 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/typography/title.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/typography/title.jsx
@@ -4,32 +4,32 @@ import Text from './text';
 import ConfigProvider from '../config-provider';
 
 export default Tag => {
-    /**
+  /**
      * Typography.Title
      * @description 分为 H1, H2, H3, H4, H5, H6 不同的组件，表示不同层级，继承 Typography.Text API
      * @order 1
      */
-    class Title extends Component {
-        static propTypes = {
-            prefix: PropTypes.string,
-        };
+  class Title extends Component {
+    static propTypes = {
+      prefix: PropTypes.string,
+    };
 
-        static defaultProps = {
-            prefix: 'next-',
-        };
+    static defaultProps = {
+      prefix: 'next-',
+    };
 
-        render() {
-            const { prefix, className, ...others } = this.props;
-            return (
-                <Text
-                    {...others}
-                    component={Tag}
-                    className={`${className || ''} ${prefix}typography-title`}
-                />
-            );
-        }
+    render() {
+      const { prefix, className, ...others } = this.props;
+      return (
+        <Text
+          {...others}
+          component={Tag}
+          className={`${className || ''} ${prefix}typography-title`}
+        />
+      );
     }
+  }
 
-    Title.displayName = Tag.toUpperCase();
-    return ConfigProvider.config(Title);
+  Title.displayName = Tag.toUpperCase();
+  return ConfigProvider.config(Title);
 };
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/typography/typography.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/typography/typography.jsx
index 76f4d48c3..d21ac9e87 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/typography/typography.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/typography/typography.jsx
@@ -8,20 +8,20 @@ import Text from './text';
  * @order 0
  */
 class Typography extends Component {
-    static propTypes = {
-        /**
+  static propTypes = {
+    /**
          * 设置标签类型
          */
-        component: PropTypes.elementType,
-    };
+    component: PropTypes.elementType,
+  };
 
-    static defaultProps = {
-        component: 'article',
-    };
+  static defaultProps = {
+    component: 'article',
+  };
 
-    render() {
-        return <Text {...this.props} />;
-    }
+  render() {
+    return <Text {...this.props} />;
+  }
 }
 
 export default Typography;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/upload/base.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/upload/base.jsx
index 37e38c998..a3d8b685c 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/upload/base.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/upload/base.jsx
@@ -1,29 +1,30 @@
 import { Component } from 'react';
 
 export default class Base extends Component {
+  /* istanbul ignore next */
+  abort(file) {
     /* istanbul ignore next */
-    abort(file) {
-        /* istanbul ignore next */
-        this.uploaderRef.abort(file);
-    }
-    /* istanbul ignore next */
-    startUpload() {
-        /* istanbul ignore next */
-        this.uploaderRef.startUpload();
-    }
-
-    saveUploaderRef = ref => {
-        /* istanbul ignore if */
-        if (ref && typeof ref.getInstance === 'function') {
-            this.uploaderRef = ref.getInstance();
-        } else {
-            this.uploaderRef = ref;
-        }
-    };
+    this.uploaderRef.abort(file);
+  }
 
+  /* istanbul ignore next */
+  startUpload() {
     /* istanbul ignore next */
-    isUploading() {
-        /* istanbul ignore next */
-        return this.uploaderRef.isUploading();
+    this.uploaderRef.startUpload();
+  }
+
+  saveUploaderRef = ref => {
+    /* istanbul ignore if */
+    if (ref && typeof ref.getInstance === 'function') {
+      this.uploaderRef = ref.getInstance();
+    } else {
+      this.uploaderRef = ref;
     }
+  };
+
+  /* istanbul ignore next */
+  isUploading() {
+    /* istanbul ignore next */
+    return this.uploaderRef.isUploading();
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/upload/card.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/upload/card.jsx
index 0cd619816..767ca15d4 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/upload/card.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/upload/card.jsx
@@ -12,155 +12,156 @@ import Upload from './upload';
  * @description 继承 Upload 的 API，除非特别说明
  */
 class Card extends Base {
-    static displayName = 'Card';
+  static displayName = 'Card';
 
-    static propTypes = {
-        prefix: PropTypes.string,
-        locale: PropTypes.object,
-        children: PropTypes.object,
-        value: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
-        defaultValue: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    locale: PropTypes.object,
+    children: PropTypes.object,
+    value: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
+    defaultValue: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
+    /**
          * 点击图片回调
          */
-        onPreview: PropTypes.func,
-        /**
+    onPreview: PropTypes.func,
+    /**
          * 改变时候的回调
          */
-        onChange: PropTypes.func,
-        /**
+    onChange: PropTypes.func,
+    /**
          * 点击移除的回调
          */
-        onRemove: PropTypes.func,
-        /**
+    onRemove: PropTypes.func,
+    /**
          * 取消上传的回调
          */
-        onCancel: PropTypes.func,
-    };
+    onCancel: PropTypes.func,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        locale: zhCN.Upload,
-        onChange: func.noop,
-        onPreview: func.noop,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    locale: zhCN.Upload,
+    onChange: func.noop,
+    onPreview: func.noop,
+  };
 
-    constructor(props) {
-        super(props);
+  constructor(props) {
+    super(props);
 
-        let value;
-        /* istanbul ignore else */
-        if ('value' in props) {
-            value = props.value;
-        } else {
-            value = props.defaultValue;
-        }
+    let value;
+    /* istanbul ignore else */
+    if ('value' in props) {
+      value = props.value;
+    } else {
+      value = props.defaultValue;
+    }
 
-        this.state = {
-            value:
+    this.state = {
+      value:
                 typeof value === 'undefined'
-                    ? /* istanbul ignore next */ []
-                    : value,
-            uploaderRef: this.uploaderRef,
-        };
-    }
-    /* eslint react/no-did-mount-set-state: [0] */
-    componentDidMount() {
-        this.setState({ uploaderRef: this.uploaderRef });
-    }
+                  ? /* istanbul ignore next */ []
+                  : value,
+      uploaderRef: this.uploaderRef,
+    };
+  }
 
-    componentWillReceiveProps(nextProps) {
-        /* istanbul ignore if */
-        if ('value' in nextProps) {
-            this.setState({
-                value:
+  /* eslint react/no-did-mount-set-state: [0] */
+  componentDidMount() {
+    this.setState({ uploaderRef: this.uploaderRef });
+  }
+
+  componentWillReceiveProps(nextProps) {
+    /* istanbul ignore if */
+    if ('value' in nextProps) {
+      this.setState({
+        value:
                     typeof nextProps.value === 'undefined'
-                        ? []
-                        : nextProps.value,
-            });
-        }
+                      ? []
+                      : nextProps.value,
+      });
     }
+  }
 
-    onProgress = value => {
-        this.setState({
-            value,
-        });
-    };
+  onProgress = value => {
+    this.setState({
+      value,
+    });
+  };
 
-    onChange = (value, file) => {
-        if (!('value' in this.props)) {
-            this.setState({
-                value,
-            });
-        }
-        this.props.onChange(value, file);
-    };
-
-    isUploading() {
-        return this.state.uploaderRef.isUploading();
+  onChange = (value, file) => {
+    if (!('value' in this.props)) {
+      this.setState({
+        value,
+      });
     }
+    this.props.onChange(value, file);
+  };
 
-    saveRef(ref) {
-        this.saveUploaderRef(ref);
-    }
+  isUploading() {
+    return this.state.uploaderRef.isUploading();
+  }
 
-    render() {
-        const {
-            action,
-            disabled,
-            prefix,
-            locale,
-            className,
-            style,
-            limit,
-            onPreview,
-            onRemove,
-            onCancel,
-            timeout,
-        } = this.props;
+  saveRef(ref) {
+    this.saveUploaderRef(ref);
+  }
 
-        const isExceedLimit = this.state.value.length >= limit;
-        const uploadButtonCls = classNames({
-            [`${prefix}upload-list-item`]: true,
-            [`${prefix}hidden`]: isExceedLimit,
-        });
+  render() {
+    const {
+      action,
+      disabled,
+      prefix,
+      locale,
+      className,
+      style,
+      limit,
+      onPreview,
+      onRemove,
+      onCancel,
+      timeout,
+    } = this.props;
 
-        const children = this.props.children || locale.card.addPhoto;
+    const isExceedLimit = this.state.value.length >= limit;
+    const uploadButtonCls = classNames({
+      [`${prefix}upload-list-item`]: true,
+      [`${prefix}hidden`]: isExceedLimit,
+    });
 
-        const onRemoveFunc = disabled ? func.prevent : onRemove;
-        const othersForList = obj.pickOthers(Card.propTypes, this.props);
-        const othersForUpload = obj.pickOthers(List.propTypes, othersForList);
-        return (
-            <List
-                className={className}
-                style={style}
-                listType="card"
-                closable
-                locale={locale}
-                value={this.state.value}
-                onRemove={onRemoveFunc}
-                onCancel={onCancel}
-                onPreview={onPreview}
-                uploader={this.state.uploaderRef}
-                {...othersForList}
-            >
-                <Upload
-                    {...othersForUpload}
-                    shape="card"
-                    disabled={disabled}
-                    action={action}
-                    timeout={timeout}
-                    value={this.state.value}
-                    onProgress={this.onProgress}
-                    onChange={this.onChange}
-                    ref={ref => this.saveRef(ref)}
-                    className={uploadButtonCls}
-                >
-                    {children}
-                </Upload>
-            </List>
-        );
-    }
+    const children = this.props.children || locale.card.addPhoto;
+
+    const onRemoveFunc = disabled ? func.prevent : onRemove;
+    const othersForList = obj.pickOthers(Card.propTypes, this.props);
+    const othersForUpload = obj.pickOthers(List.propTypes, othersForList);
+    return (
+      <List
+        className={className}
+        style={style}
+        listType="card"
+        closable
+        locale={locale}
+        value={this.state.value}
+        onRemove={onRemoveFunc}
+        onCancel={onCancel}
+        onPreview={onPreview}
+        uploader={this.state.uploaderRef}
+        {...othersForList}
+      >
+        <Upload
+          {...othersForUpload}
+          shape="card"
+          disabled={disabled}
+          action={action}
+          timeout={timeout}
+          value={this.state.value}
+          onProgress={this.onProgress}
+          onChange={this.onChange}
+          ref={ref => this.saveRef(ref)}
+          className={uploadButtonCls}
+        >
+          {children}
+        </Upload>
+      </List>
+    );
+  }
 }
 
 export default Card;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/upload/dragger.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/upload/dragger.jsx
index 0ee708438..635555beb 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/upload/dragger.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/upload/dragger.jsx
@@ -11,105 +11,105 @@ import Upload from './upload';
  * @description IE10+ 支持。继承 Upload 的 API，除非特别说明
  */
 class Dragger extends React.Component {
-    static propTypes = {
-        /**
+  static propTypes = {
+    /**
          * 样式前缀
          */
-        prefix: PropTypes.string,
-        locale: PropTypes.object,
-        shape: PropTypes.string,
-        onDragOver: PropTypes.func,
-        onDragLeave: PropTypes.func,
-        onDrop: PropTypes.func,
-        limit: PropTypes.number,
-        className: PropTypes.string,
-        style: PropTypes.object,
-        defaultValue: PropTypes.array,
-        children: PropTypes.node,
-        listType: PropTypes.string,
-        timeout: PropTypes.number,
-    };
+    prefix: PropTypes.string,
+    locale: PropTypes.object,
+    shape: PropTypes.string,
+    onDragOver: PropTypes.func,
+    onDragLeave: PropTypes.func,
+    onDrop: PropTypes.func,
+    limit: PropTypes.number,
+    className: PropTypes.string,
+    style: PropTypes.object,
+    defaultValue: PropTypes.array,
+    children: PropTypes.node,
+    listType: PropTypes.string,
+    timeout: PropTypes.number,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        onDragOver: func.noop,
-        onDragLeave: func.noop,
-        onDrop: func.noop,
-        locale: zhCN.Upload,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    onDragOver: func.noop,
+    onDragLeave: func.noop,
+    onDrop: func.noop,
+    locale: zhCN.Upload,
+  };
 
-    state = {
-        dragOver: false,
-    };
+  state = {
+    dragOver: false,
+  };
 
-    onDragOver = e => {
-        if (!this.state.dragOver) {
-            this.setState({
-                dragOver: true,
-            });
-        }
-
-        this.props.onDragOver(e);
-    };
-
-    onDragLeave = e => {
-        this.setState({
-            dragOver: false,
-        });
-        this.props.onDragLeave(e);
-    };
-
-    onDrop = e => {
-        this.setState({
-            dragOver: false,
-        });
-        this.props.onDrop(e);
-    };
-
-    render() {
-        const {
-            className,
-            style,
-            shape,
-            locale,
-            prefix,
-            listType,
-            ...others
-        } = this.props;
-        const prefixCls = `${prefix}upload-drag`;
-        const cls = classNames({
-            [`${prefixCls}`]: true,
-            [`${prefixCls}-over`]: this.state.dragOver,
-            [className]: !!className,
-        });
-
-        const children = this.props.children || (
-            <div className={cls}>
-                <p className={`${prefixCls}-icon`}>
-                    <Icon size="large" className={`${prefixCls}-upload-icon`} />
-                </p>
-                <p className={`${prefixCls}-text`}>{locale.drag.text}</p>
-                <p className={`${prefixCls}-hint`}>{locale.drag.hint}</p>
-            </div>
-        );
-
-        return (
-            <Upload
-                {...others}
-                prefix={prefix}
-                shape={shape}
-                listType={listType}
-                dragable
-                style={style}
-                onDragOver={this.onDragOver}
-                onDragLeave={this.onDragLeave}
-                onDrop={this.onDrop}
-                ref={this.saveUploaderRef}
-            >
-                {children}
-            </Upload>
-        );
+  onDragOver = e => {
+    if (!this.state.dragOver) {
+      this.setState({
+        dragOver: true,
+      });
     }
+
+    this.props.onDragOver(e);
+  };
+
+  onDragLeave = e => {
+    this.setState({
+      dragOver: false,
+    });
+    this.props.onDragLeave(e);
+  };
+
+  onDrop = e => {
+    this.setState({
+      dragOver: false,
+    });
+    this.props.onDrop(e);
+  };
+
+  render() {
+    const {
+      className,
+      style,
+      shape,
+      locale,
+      prefix,
+      listType,
+      ...others
+    } = this.props;
+    const prefixCls = `${prefix}upload-drag`;
+    const cls = classNames({
+      [`${prefixCls}`]: true,
+      [`${prefixCls}-over`]: this.state.dragOver,
+      [className]: !!className,
+    });
+
+    const children = this.props.children || (
+    <div className={cls}>
+      <p className={`${prefixCls}-icon`}>
+        <Icon size="large" className={`${prefixCls}-upload-icon`} />
+      </p>
+      <p className={`${prefixCls}-text`}>{locale.drag.text}</p>
+      <p className={`${prefixCls}-hint`}>{locale.drag.hint}</p>
+    </div>
+    );
+
+    return (
+      <Upload
+        {...others}
+        prefix={prefix}
+        shape={shape}
+        listType={listType}
+        dragable
+        style={style}
+        onDragOver={this.onDragOver}
+        onDragLeave={this.onDragLeave}
+        onDrop={this.onDrop}
+        ref={this.saveUploaderRef}
+      >
+        {children}
+      </Upload>
+    );
+  }
 }
 
 export default Dragger;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/upload/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/upload/index.jsx
index 9c1681d2e..50ef3343b 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/upload/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/upload/index.jsx
@@ -18,115 +18,115 @@ Upload.ErrorCode = errorCode;
 
 // compatible with 0.x version
 Upload.ImageUpload = ConfigProvider.config(Card, {
-    componentName: 'Upload',
-    transform: /* istanbul ignore next */ (props, deprecated) => {
-        deprecated('Upload.ImageUpload', 'Upload.Card', 'Upload');
-        const newprops = transform(props, () => {});
-        if (newprops.locale && newprops.locale.image) {
-            newprops.locale.card = newprops.locale.image;
-        }
+  componentName: 'Upload',
+  transform: /* istanbul ignore next */ (props, deprecated) => {
+    deprecated('Upload.ImageUpload', 'Upload.Card', 'Upload');
+    const newprops = transform(props, () => {});
+    if (newprops.locale && newprops.locale.image) {
+      newprops.locale.card = newprops.locale.image;
+    }
 
-        return newprops;
-    },
+    return newprops;
+  },
 });
 
 // compatible with 0.x version
 Upload.DragUpload = ConfigProvider.config(Dragger, {
-    componentName: 'Upload',
-    transform: /* istanbul ignore next */ (props, deprecated) => {
-        deprecated('Upload.DragUpload', 'Upload.Dragger', 'Upload');
-        const newprops = transform(props, () => {});
-        if (!newprops.listType) {
-            newprops.listType = 'card';
-        }
+  componentName: 'Upload',
+  transform: /* istanbul ignore next */ (props, deprecated) => {
+    deprecated('Upload.DragUpload', 'Upload.Dragger', 'Upload');
+    const newprops = transform(props, () => {});
+    if (!newprops.listType) {
+      newprops.listType = 'card';
+    }
 
-        return newprops;
-    },
+    return newprops;
+  },
 });
 
 // compatible with 0.x version
 /* istanbul ignore next */
 Upload.Core = class Core extends React.Component {
-    constructor(props) {
-        super(props);
-        // eslint-disable-next-line
+  constructor(props) {
+    super(props);
+    // eslint-disable-next-line
         const {
-            action,
-            name,
-            method,
-            beforeUpload,
-            onProgress,
-            onError,
-            withCredentials,
-            headers,
-            data,
-            onSuccess,
-        } = this.props;
+      action,
+      name,
+      method,
+      beforeUpload,
+      onProgress,
+      onError,
+      withCredentials,
+      headers,
+      data,
+      onSuccess,
+    } = this.props;
 
-        this.uploader = new Uploader({
-            action,
-            name,
-            method,
-            beforeUpload,
-            onProgress,
-            onError,
-            withCredentials,
-            headers,
-            data,
-            onSuccess,
-        });
-    }
+    this.uploader = new Uploader({
+      action,
+      name,
+      method,
+      beforeUpload,
+      onProgress,
+      onError,
+      withCredentials,
+      headers,
+      data,
+      onSuccess,
+    });
+  }
 
-    abort() {
-        this.uploader.abort();
-    }
+  abort() {
+    this.uploader.abort();
+  }
 
-    handleSelect = files => {
-        this.uploader.startUpload(files);
-    };
+  handleSelect = files => {
+    this.uploader.startUpload(files);
+  };
 
-    render() {
-        log.deprecated(
-            'Upload.Core',
-            'Upload.Selecter and Upload.Uploader',
-            'Upload'
-        );
+  render() {
+    log.deprecated(
+      'Upload.Core',
+      'Upload.Selecter and Upload.Uploader',
+      'Upload',
+    );
 
-        // eslint-disable-next-line
+    // eslint-disable-next-line
         const {
-            action,
-            name,
-            method,
-            beforeUpload,
-            onProgress,
-            onError,
-            withCredentials,
-            headers,
-            data,
-            onSuccess,
-            ...others
-        } = this.props;
+      action,
+      name,
+      method,
+      beforeUpload,
+      onProgress,
+      onError,
+      withCredentials,
+      headers,
+      data,
+      onSuccess,
+      ...others
+    } = this.props;
 
-        const props = others;
+    const props = others;
 
-        return (
-            <Selecter
-                {...transform(props, () => {})}
-                onSelect={this.handleSelect}
-            />
-        );
-    }
+    return (
+      <Selecter
+        {...transform(props, () => {})}
+        onSelect={this.handleSelect}
+      />
+    );
+  }
 };
 
 Upload.List = List;
 
 // compatible with 0.x version
 /* istanbul ignore next */
-Upload.CropUpload = function() {
-    log.deprecated('Upload.CropUpload', '@alife/bc-next-crop-upload', 'Upload');
-    return null;
+Upload.CropUpload = function () {
+  log.deprecated('Upload.CropUpload', '@alife/bc-next-crop-upload', 'Upload');
+  return null;
 };
 
 export default ConfigProvider.config(Upload, {
-    transform,
+  transform,
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/upload/list.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/upload/list.jsx
index 101255374..a1d9c273e 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/upload/list.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/upload/list.jsx
@@ -11,508 +11,508 @@ import { previewFile } from './util';
 import transform from './transform';
 
 class List extends Component {
-    static propTypes = {
-        prefix: PropTypes.string,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    /**
          * 多语言
          */
-        locale: PropTypes.object,
-        /**
+    locale: PropTypes.object,
+    /**
          * 文件列表，数据格式请参考 文件对象
          */
-        listType: PropTypes.oneOf(['text', 'image', 'card']),
-        /**
+    listType: PropTypes.oneOf(['text', 'image', 'card']),
+    /**
          * 文件列表
          */
-        value: PropTypes.array,
-        closable: PropTypes.bool,
-        /**
+    value: PropTypes.array,
+    closable: PropTypes.bool,
+    /**
          * 删除文件回调(支持Promise)
          */
-        onRemove: PropTypes.func,
-        /**
+    onRemove: PropTypes.func,
+    /**
          * 取消上传回调(支持Promise)
          */
-        onCancel: PropTypes.func,
-        /**
+    onCancel: PropTypes.func,
+    /**
          * 头像加载出错回调
          */
-        onImageError: PropTypes.func,
-        /**
+    onImageError: PropTypes.func,
+    /**
          * listType=card时点击图片回调
          */
-        onPreview: PropTypes.func,
-        /**
+    onPreview: PropTypes.func,
+    /**
          * 自定义额外渲染
          */
-        extraRender: PropTypes.func,
-        /**
+    extraRender: PropTypes.func,
+    /**
          * 透传给Progress props
          */
-        progressProps: PropTypes.object,
-        children: PropTypes.node,
-        uploader: PropTypes.any,
-        /**
+    progressProps: PropTypes.object,
+    children: PropTypes.node,
+    uploader: PropTypes.any,
+    /**
          * 可选参数，是否本地预览
          */
-        useDataURL: PropTypes.bool,
-        rtl: PropTypes.bool,
-        isPreview: PropTypes.bool,
-    };
+    useDataURL: PropTypes.bool,
+    rtl: PropTypes.bool,
+    isPreview: PropTypes.bool,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        listType: 'text',
-        value: [],
-        locale: zhCN.Upload,
-        closable: false,
-        onRemove: func.noop,
-        onCancel: func.noop,
-        extraRender: func.noop,
-        onImageError: func.noop,
-        onPreview: func.noop,
-        progressProps: {},
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    listType: 'text',
+    value: [],
+    locale: zhCN.Upload,
+    closable: false,
+    onRemove: func.noop,
+    onCancel: func.noop,
+    extraRender: func.noop,
+    onImageError: func.noop,
+    onPreview: func.noop,
+    progressProps: {},
+  };
 
-    componentDidUpdate() {
-        const { listType, useDataURL, value } = this.props;
-        if (listType !== 'image' && listType !== 'card') {
-            return;
-        }
+  componentDidUpdate() {
+    const { listType, useDataURL, value } = this.props;
+    if (listType !== 'image' && listType !== 'card') {
+      return;
+    }
 
-        useDataURL &&
+    useDataURL &&
             value.forEach(file => {
-                if (
-                    typeof document === 'undefined' ||
+              if (
+                typeof document === 'undefined' ||
                     typeof window === 'undefined' ||
                     !window.FileReader ||
                     !window.File ||
                     !(file.originFileObj instanceof File) ||
                     file.imgURL !== undefined
-                ) {
-                    return;
-                }
-                file.imgURL = '';
-                previewFile(file.originFileObj, previewDataUrl => {
-                    file.imgURL = previewDataUrl;
-                    this.forceUpdate();
-                });
+              ) {
+                return;
+              }
+              file.imgURL = '';
+              previewFile(file.originFileObj, previewDataUrl => {
+                file.imgURL = previewDataUrl;
+                this.forceUpdate();
+              });
             });
-    }
+  }
 
-    handleClose = file => {
-        const { onRemove, uploader } = this.props;
+  handleClose = file => {
+    const { onRemove, uploader } = this.props;
 
-        const remove = onRemove(file);
+    const remove = onRemove(file);
 
-        func.promiseCall(remove, () => {
-            uploader && uploader.removeFile(file);
-        });
-    };
+    func.promiseCall(remove, () => {
+      uploader && uploader.removeFile(file);
+    });
+  };
 
-    handleCancel = file => {
-        const { onCancel, uploader } = this.props;
-        const cancel = onCancel(file);
+  handleCancel = file => {
+    const { onCancel, uploader } = this.props;
+    const cancel = onCancel(file);
 
-        func.promiseCall(cancel, () => {
-            uploader && uploader.abort(file);
-        });
-    };
+    func.promiseCall(cancel, () => {
+      uploader && uploader.abort(file);
+    });
+  };
 
-    onImageError = (file, obj) => {
-        obj.onerror = null;
-        this.props.onImageError(obj, file);
-    };
+  onImageError = (file, obj) => {
+    obj.onerror = null;
+    this.props.onImageError(obj, file);
+  };
 
-    onPreview = (file, e) => {
-        this.props.onPreview(file, e);
-    };
+  onPreview = (file, e) => {
+    this.props.onPreview(file, e);
+  };
 
-    getInfo(file) {
-        const prefixCls = `${this.props.prefix}upload`;
-        const downloadURL = file.downloadURL || file.url;
-        const imgURL = file.imgURL || file.url;
-        const size = this.sizeCaculator(file.size);
-        const itemCls = classNames({
-            [`${prefixCls}-list-item`]: true,
-            [`${prefixCls}-list-item-${file.state}`]: file.state,
-            [`${prefixCls}-list-item-error-with-msg`]:
+  getInfo(file) {
+    const prefixCls = `${this.props.prefix}upload`;
+    const downloadURL = file.downloadURL || file.url;
+    const imgURL = file.imgURL || file.url;
+    const size = this.sizeCaculator(file.size);
+    const itemCls = classNames({
+      [`${prefixCls}-list-item`]: true,
+      [`${prefixCls}-list-item-${file.state}`]: file.state,
+      [`${prefixCls}-list-item-error-with-msg`]:
                 file.state === 'error' && file.errorMsg,
-        });
-        const alt = file.name || file.alt;
-        return { prefixCls, downloadURL, imgURL, size, itemCls, alt };
-    }
-    // transfer size from number to xx K/ XxxM / xxG
-    sizeCaculator(size) {
-        let fileSize = parseFloat(size, 10);
-        // fileSize为浮点数 用 < 0.000001 替代 === 0
-        if (isNaN(fileSize) || fileSize < 0.0000001) {
-            return 0;
-        }
-        const SIZE_SUFFIX = ['B', 'K', 'M', 'G', 'T', 'P'];
-        let suffixIndex = 0;
+    });
+    const alt = file.name || file.alt;
+    return { prefixCls, downloadURL, imgURL, size, itemCls, alt };
+  }
 
-        // 在Mac上实验发现 取1024造成显示的大小和实际大小不一致
-        // 因为单位制不同 见 https://superuser.com/questions/938234/size-of-files-in-windows-os-its-kb-or-kb
-        const BIT_NUMBER_SYSTEM = 1024;
-        while (
-            fileSize >= BIT_NUMBER_SYSTEM &&
+  // transfer size from number to xx K/ XxxM / xxG
+  sizeCaculator(size) {
+    let fileSize = parseFloat(size, 10);
+    // fileSize为浮点数 用 < 0.000001 替代 === 0
+    if (isNaN(fileSize) || fileSize < 0.0000001) {
+      return 0;
+    }
+    const SIZE_SUFFIX = ['B', 'K', 'M', 'G', 'T', 'P'];
+    let suffixIndex = 0;
+
+    // 在Mac上实验发现 取1024造成显示的大小和实际大小不一致
+    // 因为单位制不同 见 https://superuser.com/questions/938234/size-of-files-in-windows-os-its-kb-or-kb
+    const BIT_NUMBER_SYSTEM = 1024;
+    while (
+      fileSize >= BIT_NUMBER_SYSTEM &&
             suffixIndex < SIZE_SUFFIX.length
-        ) {
-            suffixIndex++;
-            fileSize /= BIT_NUMBER_SYSTEM;
-        }
-
-        const suffix = SIZE_SUFFIX[suffixIndex];
-        fileSize = fileSize.toFixed(2);
-
-        return `${fileSize}${suffix}`;
-    }
-    getTextList(file) {
-        const { locale, extraRender, progressProps, rtl } = this.props;
-
-        const { prefixCls, downloadURL, size, itemCls } = this.getInfo(file);
-        const onClick = () =>
-            file.state === 'uploading'
-                ? this.handleCancel(file)
-                : this.handleClose(file);
-        const onKeyDown = e => {
-            if (e.keyCode === KEYCODE.ENTER) {
-                onClick();
-            }
-        };
-        return (
-            <div className={itemCls} key={file.uid || file.name}>
-                <div className={`${prefixCls}-list-item-name-wrap`}>
-                    <a
-                        href={downloadURL}
-                        target="_blank"
-                        style={{ pointerEvents: downloadURL ? '' : 'none' }}
-                        className={`${prefixCls}-list-item-name`}
-                    >
-                        <span>{file.name}</span>
-                        {!!size && (
-                            <span
-                                className={`${prefixCls}-list-item-size`}
-                                dir={rtl ? 'rtl' : undefined}
-                            >
-                                ({size})
-                            </span>
-                        )}
-                        <span className={`${prefixCls}-extra`}>
-                            {extraRender(file)}
-                        </span>
-                    </a>
-                </div>
-                {file.state === 'uploading' ? (
-                    <div className={`${prefixCls}-list-item-progress`}>
-                        <Progress
-                            size="medium"
-                            percent={file.percent}
-                            textRender={func.noop}
-                            rtl={rtl}
-                            {...progressProps}
-                        />
-                    </div>
-                ) : null}
-                {file.state === 'error' && file.errorMsg ? (
-                    <div className={`${prefixCls}-list-item-error-msg`}>
-                        {file.errorMsg}
-                    </div>
-                ) : null}
-                {this.props.closable ? (
-                    <Icon
-                        type="close"
-                        size="large"
-                        role="button"
-                        aria-label={locale.upload.delete}
-                        tabIndex="0"
-                        onClick={onClick}
-                        onKeyDown={onKeyDown}
-                    />
-                ) : null}
-            </div>
-        );
+    ) {
+      suffixIndex++;
+      fileSize /= BIT_NUMBER_SYSTEM;
     }
 
-    getImageList(file) {
-        const { extraRender, progressProps, rtl } = this.props;
+    const suffix = SIZE_SUFFIX[suffixIndex];
+    fileSize = fileSize.toFixed(2);
 
-        const {
-            prefixCls,
-            downloadURL,
-            imgURL,
-            size,
-            itemCls,
-            alt,
-        } = this.getInfo(file);
+    return `${fileSize}${suffix}`;
+  }
 
-        let img = null;
+  getTextList(file) {
+    const { locale, extraRender, progressProps, rtl } = this.props;
 
-        const onClick = () =>
-            file.state === 'uploading'
-                ? this.handleCancel(file)
-                : this.handleClose(file);
-        const onKeyDown = e => {
-            if (e.keyCode === KEYCODE.ENTER) {
-                onClick();
-            }
-        };
-
-        if (
-            file.state === 'uploading' ||
-            (file.state === 'selected' && !imgURL)
-        ) {
-            img = <Icon type="picture" />;
-        } else if (file.state === 'error') {
-            img = <Icon type="cry" />;
-        } else {
-            img = (
-                <img
-                    src={imgURL}
-                    onError={this.onImageError.bind(this, file)}
-                    tabIndex="0"
-                    alt={alt}
-                    onClick={this.onPreview.bind(this, file)}
-                />
-            );
-        }
-
-        return (
-            <div className={itemCls} key={file.uid || file.name}>
-                <div className={`${prefixCls}-list-item-thumbnail`}>{img}</div>
-                {this.props.closable ? (
-                    <Icon
-                        type="close"
-                        size="large"
-                        tabIndex="0"
-                        role="button"
-                        onClick={onClick}
-                        onKeyDown={onKeyDown}
-                    />
-                ) : null}
-                <a
-                    href={downloadURL}
-                    target="_blank"
-                    style={{ pointerEvents: downloadURL ? '' : 'none' }}
-                    className={`${prefixCls}-list-item-name`}
-                >
-                    <span>{file.name}</span>
-                    {!!size && (
-                        <span
-                            className={`${prefixCls}-list-item-size`}
-                            dir={rtl ? 'rtl' : undefined}
-                        >
-                            ({size})
-                        </span>
-                    )}
-                    <span className={`${prefixCls}-extra`}>
-                        {extraRender(file)}
-                    </span>
-                </a>
-                {file.state === 'uploading' ? (
-                    <div className={`${prefixCls}-list-item-progress`}>
-                        <Progress
-                            size="medium"
-                            percent={file.percent}
-                            textRender={func.noop}
-                            {...progressProps}
-                        />
-                    </div>
-                ) : null}
-                {file.state === 'error' && file.errorMsg ? (
-                    <div className={`${prefixCls}-list-item-error-msg`}>
-                        {file.errorMsg}
-                    </div>
-                ) : null}
-            </div>
-        );
-    }
-
-    getPictureCardList(file, isPreview) {
-        const { locale, progressProps } = this.props;
-
-        const { prefixCls, downloadURL, imgURL, itemCls, alt } = this.getInfo(
-            file
-        );
-        const state = isPreview ? '' : file.state;
-
-        let img = null;
-
-        if (state === 'uploading' || (state === 'selected' && !imgURL)) {
-            img = (
-                <div className={`${prefixCls}-list-item-handler`}>
-                    <Icon type="picture" />
-                    <Button text onClick={() => this.handleCancel(file)}>
-                        {locale.card.cancel}
-                    </Button>
-                </div>
-            );
-        } else if (state === 'error') {
-            img = (
-                <div className={`${prefixCls}-list-item-handler`}>
-                    <Icon type="cry" />
-                </div>
-            );
-        } else {
-            img = (
-                <img
-                    src={imgURL}
-                    tabIndex="0"
-                    alt={alt}
-                    onError={this.onImageError.bind(this, file)}
-                    onClick={this.onPreview.bind(this, file)}
-                />
-            );
-        }
-
-        const onClose = () => this.handleClose(file);
-        const onKeyDownClose = e => {
-            if (e.keyCode === KEYCODE.ENTER) {
-                onClose();
-            }
-        };
-        return (
-            <div className={itemCls} key={file.uid || file.name}>
-                <div className={`${prefixCls}-list-item-wrapper`}>
-                    <div className={`${prefixCls}-list-item-thumbnail`}>
-                        {img}
-                    </div>
-                    {state === 'uploading' ? (
-                        <div className={`${prefixCls}-list-item-progress`}>
-                            <Progress
-                                size="medium"
-                                percent={file.percent}
-                                textRender={func.noop}
-                                {...progressProps}
-                            />
-                        </div>
-                    ) : null}
-                    {state !== 'uploading' ? (
-                        <span
-                            className={`${prefixCls}-tool ${
-                                !this.props.closable
-                                    ? `${prefixCls}-noclose`
-                                    : ''
-                            }`}
-                        >
-                            <a
-                                href={downloadURL}
-                                target="_blank"
-                                tabIndex={downloadURL ? '0' : '-1'}
-                                className={`${prefixCls}-tool-download-link`}
-                                style={{
-                                    pointerEvents: downloadURL ? '' : 'none',
-                                }}
-                            >
-                                <Icon
-                                    type={downloadURL ? 'download' : ''}
-                                    aria-label={locale.card.download}
-                                    className={`${prefixCls}-tool-download-icon`}
-                                />
-                            </a>
-
-                            {this.props.closable && !isPreview ? (
-                                <span className={`${prefixCls}-tool-close`}>
-                                    <Icon
-                                        type="ashbin"
-                                        aria-label={locale.card.delete}
-                                        tabIndex="0"
-                                        role="button"
-                                        onClick={onClose}
-                                        onKeyDown={onKeyDownClose}
-                                    />
-                                </span>
-                            ) : null}
-                        </span>
-                    ) : (
-                        ''
-                    )}
-                </div>
-
-                <span className={`${prefixCls}-list-item-name`}>
-                    {file.name}
-                </span>
-            </div>
-        );
-    }
-
-    render() {
-        const {
-            listType,
-            children,
-            prefix,
-            rtl,
-            className,
-            isPreview,
-        } = this.props;
-        const prefixCls = `${prefix}upload`;
-
-        let list = [];
-        if (isPreview) {
-            const previewCls = classNames({
-                [`${prefix}form-preview`]: true,
-                [className]: !!className,
-            });
-            list = this.props.value.map(file => {
-                const { downloadURL, imgURL, name } = file;
-                if (listType === 'text') {
-                    return (
-                        <div className={previewCls}>
-                            <a href={downloadURL} target="_blank">
-                                {name}
-                            </a>
-                        </div>
-                    );
-                } else if (listType === 'image' || listType === 'card') {
-                    return this.getPictureCardList(file, true);
-                }
-                return null;
-            });
-        } else {
-            list = this.props.value.map(file => {
-                if (listType === 'text') {
-                    return this.getTextList(file);
-                } else if (listType === 'image') {
-                    return this.getImageList(file);
-                } else if (listType === 'card') {
-                    return this.getPictureCardList(file);
-                }
-                return null;
-            });
-        }
-
-        if (rtl && listType === 'card' && Array.isArray(list)) {
-            list = list.reverse();
-        }
-        const _listType =
-            isPreview && listType === 'image' ? 'card' : this.props.listType;
-        const listclassNames = classNames(
-            {
-                [`${prefixCls}-list`]: true,
-                [`${prefixCls}-list-${_listType}`]: true,
-            },
-            className
-        );
-
-        const others = obj.pickAttrsWith(this.props, 'data-');
-        return (
-            <div
-                {...others}
-                className={listclassNames}
-                dir={rtl ? 'rtl' : undefined}
+    const { prefixCls, downloadURL, size, itemCls } = this.getInfo(file);
+    const onClick = () => (file.state === 'uploading'
+      ? this.handleCancel(file)
+      : this.handleClose(file));
+    const onKeyDown = e => {
+      if (e.keyCode === KEYCODE.ENTER) {
+        onClick();
+      }
+    };
+    return (
+      <div className={itemCls} key={file.uid || file.name}>
+        <div className={`${prefixCls}-list-item-name-wrap`}>
+          <a
+            href={downloadURL}
+            target="_blank"
+            style={{ pointerEvents: downloadURL ? '' : 'none' }}
+            className={`${prefixCls}-list-item-name`}
+          >
+            <span>{file.name}</span>
+            {!!size && (
+            <span
+              className={`${prefixCls}-list-item-size`}
+              dir={rtl ? 'rtl' : undefined}
             >
-                {rtl ? children : list}
-                {rtl ? list : children}
-            </div>
-        );
+              ({size})
+            </span>
+            )}
+            <span className={`${prefixCls}-extra`}>
+              {extraRender(file)}
+            </span>
+          </a>
+        </div>
+        {file.state === 'uploading' ? (
+          <div className={`${prefixCls}-list-item-progress`}>
+            <Progress
+              size="medium"
+              percent={file.percent}
+              textRender={func.noop}
+              rtl={rtl}
+              {...progressProps}
+            />
+          </div>
+        ) : null}
+        {file.state === 'error' && file.errorMsg ? (
+          <div className={`${prefixCls}-list-item-error-msg`}>
+            {file.errorMsg}
+          </div>
+        ) : null}
+        {this.props.closable ? (
+          <Icon
+            type="close"
+            size="large"
+            role="button"
+            aria-label={locale.upload.delete}
+            tabIndex="0"
+            onClick={onClick}
+            onKeyDown={onKeyDown}
+          />
+        ) : null}
+      </div>
+    );
+  }
+
+  getImageList(file) {
+    const { extraRender, progressProps, rtl } = this.props;
+
+    const {
+      prefixCls,
+      downloadURL,
+      imgURL,
+      size,
+      itemCls,
+      alt,
+    } = this.getInfo(file);
+
+    let img = null;
+
+    const onClick = () => (file.state === 'uploading'
+      ? this.handleCancel(file)
+      : this.handleClose(file));
+    const onKeyDown = e => {
+      if (e.keyCode === KEYCODE.ENTER) {
+        onClick();
+      }
+    };
+
+    if (
+      file.state === 'uploading' ||
+            (file.state === 'selected' && !imgURL)
+    ) {
+      img = <Icon type="picture" />;
+    } else if (file.state === 'error') {
+      img = <Icon type="cry" />;
+    } else {
+      img = (
+        <img
+          src={imgURL}
+          onError={this.onImageError.bind(this, file)}
+          tabIndex="0"
+          alt={alt}
+          onClick={this.onPreview.bind(this, file)}
+        />
+      );
     }
+
+    return (
+      <div className={itemCls} key={file.uid || file.name}>
+        <div className={`${prefixCls}-list-item-thumbnail`}>{img}</div>
+        {this.props.closable ? (
+          <Icon
+            type="close"
+            size="large"
+            tabIndex="0"
+            role="button"
+            onClick={onClick}
+            onKeyDown={onKeyDown}
+          />
+        ) : null}
+        <a
+          href={downloadURL}
+          target="_blank"
+          style={{ pointerEvents: downloadURL ? '' : 'none' }}
+          className={`${prefixCls}-list-item-name`}
+        >
+          <span>{file.name}</span>
+          {!!size && (
+          <span
+            className={`${prefixCls}-list-item-size`}
+            dir={rtl ? 'rtl' : undefined}
+          >
+            ({size})
+          </span>
+          )}
+          <span className={`${prefixCls}-extra`}>
+            {extraRender(file)}
+          </span>
+        </a>
+        {file.state === 'uploading' ? (
+          <div className={`${prefixCls}-list-item-progress`}>
+            <Progress
+              size="medium"
+              percent={file.percent}
+              textRender={func.noop}
+              {...progressProps}
+            />
+          </div>
+        ) : null}
+        {file.state === 'error' && file.errorMsg ? (
+          <div className={`${prefixCls}-list-item-error-msg`}>
+            {file.errorMsg}
+          </div>
+        ) : null}
+      </div>
+    );
+  }
+
+  getPictureCardList(file, isPreview) {
+    const { locale, progressProps } = this.props;
+
+    const { prefixCls, downloadURL, imgURL, itemCls, alt } = this.getInfo(
+      file,
+    );
+    const state = isPreview ? '' : file.state;
+
+    let img = null;
+
+    if (state === 'uploading' || (state === 'selected' && !imgURL)) {
+      img = (
+        <div className={`${prefixCls}-list-item-handler`}>
+          <Icon type="picture" />
+          <Button text onClick={() => this.handleCancel(file)}>
+            {locale.card.cancel}
+          </Button>
+        </div>
+      );
+    } else if (state === 'error') {
+      img = (
+        <div className={`${prefixCls}-list-item-handler`}>
+          <Icon type="cry" />
+        </div>
+      );
+    } else {
+      img = (
+        <img
+          src={imgURL}
+          tabIndex="0"
+          alt={alt}
+          onError={this.onImageError.bind(this, file)}
+          onClick={this.onPreview.bind(this, file)}
+        />
+      );
+    }
+
+    const onClose = () => this.handleClose(file);
+    const onKeyDownClose = e => {
+      if (e.keyCode === KEYCODE.ENTER) {
+        onClose();
+      }
+    };
+    return (
+      <div className={itemCls} key={file.uid || file.name}>
+        <div className={`${prefixCls}-list-item-wrapper`}>
+          <div className={`${prefixCls}-list-item-thumbnail`}>
+            {img}
+          </div>
+          {state === 'uploading' ? (
+            <div className={`${prefixCls}-list-item-progress`}>
+              <Progress
+                size="medium"
+                percent={file.percent}
+                textRender={func.noop}
+                {...progressProps}
+              />
+            </div>
+          ) : null}
+          {state !== 'uploading' ? (
+            <span
+              className={`${prefixCls}-tool ${
+                !this.props.closable
+                  ? `${prefixCls}-noclose`
+                  : ''
+              }`}
+            >
+              <a
+                href={downloadURL}
+                target="_blank"
+                tabIndex={downloadURL ? '0' : '-1'}
+                className={`${prefixCls}-tool-download-link`}
+                style={{
+                  pointerEvents: downloadURL ? '' : 'none',
+                }}
+              >
+                <Icon
+                  type={downloadURL ? 'download' : ''}
+                  aria-label={locale.card.download}
+                  className={`${prefixCls}-tool-download-icon`}
+                />
+              </a>
+
+              {this.props.closable && !isPreview ? (
+                <span className={`${prefixCls}-tool-close`}>
+                  <Icon
+                    type="ashbin"
+                    aria-label={locale.card.delete}
+                    tabIndex="0"
+                    role="button"
+                    onClick={onClose}
+                    onKeyDown={onKeyDownClose}
+                  />
+                </span>
+              ) : null}
+            </span>
+          ) : (
+            ''
+          )}
+        </div>
+
+        <span className={`${prefixCls}-list-item-name`}>
+          {file.name}
+        </span>
+      </div>
+    );
+  }
+
+  render() {
+    const {
+      listType,
+      children,
+      prefix,
+      rtl,
+      className,
+      isPreview,
+    } = this.props;
+    const prefixCls = `${prefix}upload`;
+
+    let list = [];
+    if (isPreview) {
+      const previewCls = classNames({
+        [`${prefix}form-preview`]: true,
+        [className]: !!className,
+      });
+      list = this.props.value.map(file => {
+        const { downloadURL, imgURL, name } = file;
+        if (listType === 'text') {
+          return (
+            <div className={previewCls}>
+              <a href={downloadURL} target="_blank">
+                {name}
+              </a>
+            </div>
+          );
+        } else if (listType === 'image' || listType === 'card') {
+          return this.getPictureCardList(file, true);
+        }
+        return null;
+      });
+    } else {
+      list = this.props.value.map(file => {
+        if (listType === 'text') {
+          return this.getTextList(file);
+        } else if (listType === 'image') {
+          return this.getImageList(file);
+        } else if (listType === 'card') {
+          return this.getPictureCardList(file);
+        }
+        return null;
+      });
+    }
+
+    if (rtl && listType === 'card' && Array.isArray(list)) {
+      list = list.reverse();
+    }
+    const _listType =
+            isPreview && listType === 'image' ? 'card' : this.props.listType;
+    const listclassNames = classNames(
+      {
+        [`${prefixCls}-list`]: true,
+        [`${prefixCls}-list-${_listType}`]: true,
+      },
+      className,
+    );
+
+    const others = obj.pickAttrsWith(this.props, 'data-');
+    return (
+      <div
+        {...others}
+        className={listclassNames}
+        dir={rtl ? 'rtl' : undefined}
+      >
+        {rtl ? children : list}
+        {rtl ? list : children}
+      </div>
+    );
+  }
 }
 
 // Wrap <List> with <ConfigProvider> to avoid context missing if it is
 // referenced by other internal modules.
 // https://github.com/alibaba-fusion/next/blob/build/1.13.9/src/upload/upload.jsx#L521
 export default ConfigProvider.config(List, {
-    componentName: 'Upload',
-    transform,
+  componentName: 'Upload',
+  transform,
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/upload/runtime/html5-uploader.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/upload/runtime/html5-uploader.jsx
index 9dd0ce261..a0e2d77a4 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/upload/runtime/html5-uploader.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/upload/runtime/html5-uploader.jsx
@@ -5,146 +5,147 @@ import Uploader from './uploader';
 import Selecter from './selecter';
 
 export default class Html5Uploader extends Component {
-    static propTypes = {
-        ...Selecter.propTypes,
-        /**
+  static propTypes = {
+    ...Selecter.propTypes,
+    /**
          * 上传的地址
          */
-        action: PropTypes.string,
-        /**
+    action: PropTypes.string,
+    /**
          * 接受上传的文件类型 (image/png, image/jpg, .doc, .ppt) 详见 [input accept attribute](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input#attr-accept)
          */
-        accept: PropTypes.string,
-        /**
+    accept: PropTypes.string,
+    /**
          * 上传额外传参
          */
-        data: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
-        /**
+    data: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
+    /**
          * 设置上传的请求头部
          */
-        headers: PropTypes.object,
-        /**
+    headers: PropTypes.object,
+    /**
          * 是否允许请求携带 cookie
          */
-        withCredentials: PropTypes.bool,
-        /**
+    withCredentials: PropTypes.bool,
+    /**
          * 上传文件之前
          * @param {Object} file 文件对象
          * @return {Boolean} `false` 停止上传
          */
-        beforeUpload: PropTypes.func,
-        /**
+    beforeUpload: PropTypes.func,
+    /**
          * 正在上传文件的钩子，参数为上传的事件以及文件
          */
-        onProgress: PropTypes.func,
-        /**
+    onProgress: PropTypes.func,
+    /**
          * 上传成功回调函数，参数为请求下响应信息以及文件
          */
-        onSuccess: PropTypes.func,
-        /**
+    onSuccess: PropTypes.func,
+    /**
          * 上传失败回调函数，参数为上传失败的信息、响应信息以及文件
          */
-        onError: PropTypes.func,
-        children: PropTypes.node,
-        /**
+    onError: PropTypes.func,
+    children: PropTypes.node,
+    /**
          * 上传超时,单位ms
          */
-        timeout: PropTypes.number,
-        /**
+    timeout: PropTypes.number,
+    /**
          * 上传方法
          */
-        method: PropTypes.oneOf(['post', 'put']),
-        request: PropTypes.func,
-    };
+    method: PropTypes.oneOf(['post', 'put']),
+    request: PropTypes.func,
+  };
 
-    static defaultProps = {
-        ...Selecter.defaultProps,
-        name: 'file',
-        multiple: false,
-        withCredentials: true,
-        beforeUpload: func.noop,
-        onSelect: func.noop,
-        onDragOver: func.noop,
-        onDragLeave: func.noop,
-        onDrop: func.noop,
-        onProgress: func.noop,
-        onSuccess: func.noop,
-        onError: func.noop,
-        onAbort: func.noop,
-        method: 'post',
-    };
+  static defaultProps = {
+    ...Selecter.defaultProps,
+    name: 'file',
+    multiple: false,
+    withCredentials: true,
+    beforeUpload: func.noop,
+    onSelect: func.noop,
+    onDragOver: func.noop,
+    onDragLeave: func.noop,
+    onDrop: func.noop,
+    onProgress: func.noop,
+    onSuccess: func.noop,
+    onError: func.noop,
+    onAbort: func.noop,
+    method: 'post',
+  };
 
-    componentDidMount() {
-        const { props } = this;
-        const options = this.getUploadOptions(props);
-        this.uploader = new Uploader(options);
-    }
-    componentWillReceiveProps(nextProps) {
-        const options = this.getUploadOptions(nextProps);
-        this.uploader.setOptions(options);
-    }
+  componentDidMount() {
+    const { props } = this;
+    const options = this.getUploadOptions(props);
+    this.uploader = new Uploader(options);
+  }
 
-    componentWillUnmount() {
-        this.abort();
-    }
+  componentWillReceiveProps(nextProps) {
+    const options = this.getUploadOptions(nextProps);
+    this.uploader.setOptions(options);
+  }
 
-    abort(file) {
-        this.uploader.abort(file);
-    }
+  componentWillUnmount() {
+    this.abort();
+  }
 
-    startUpload(fileList) {
-        this.uploader.startUpload(fileList);
-    }
+  abort(file) {
+    this.uploader.abort(file);
+  }
 
-    getUploadOptions = props => ({
-        action: props.action,
-        name: props.name,
-        timeout: props.timeout,
-        method: props.method,
-        beforeUpload: props.beforeUpload,
-        onProgress: props.onProgress,
-        onSuccess: props.onSuccess,
-        onError: props.onError,
-        withCredentials: props.withCredentials,
-        headers: props.headers,
-        data: props.data,
-        request: props.request,
-    });
+  startUpload(fileList) {
+    this.uploader.startUpload(fileList);
+  }
 
-    render() {
-        const {
-            accept,
-            multiple,
-            children,
-            id,
-            disabled,
-            dragable,
-            style,
-            className,
-            onSelect,
-            onDragOver,
-            onDragLeave,
-            onDrop,
-            name,
-        } = this.props;
+  getUploadOptions = props => ({
+    action: props.action,
+    name: props.name,
+    timeout: props.timeout,
+    method: props.method,
+    beforeUpload: props.beforeUpload,
+    onProgress: props.onProgress,
+    onSuccess: props.onSuccess,
+    onError: props.onError,
+    withCredentials: props.withCredentials,
+    headers: props.headers,
+    data: props.data,
+    request: props.request,
+  });
 
-        return (
-            <Selecter
-                id={id}
-                accept={accept}
-                multiple={multiple}
-                dragable={dragable}
-                disabled={disabled}
-                className={className}
-                style={style}
-                onSelect={onSelect}
-                onDragOver={onDragOver}
-                onDragLeave={onDragLeave}
-                onDrop={onDrop}
-                name={name}
-            >
-                {children}
-            </Selecter>
-        );
-    }
+  render() {
+    const {
+      accept,
+      multiple,
+      children,
+      id,
+      disabled,
+      dragable,
+      style,
+      className,
+      onSelect,
+      onDragOver,
+      onDragLeave,
+      onDrop,
+      name,
+    } = this.props;
+
+    return (
+      <Selecter
+        id={id}
+        accept={accept}
+        multiple={multiple}
+        dragable={dragable}
+        disabled={disabled}
+        className={className}
+        style={style}
+        onSelect={onSelect}
+        onDragOver={onDragOver}
+        onDragLeave={onDragLeave}
+        onDrop={onDrop}
+        name={name}
+      >
+        {children}
+      </Selecter>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/upload/runtime/iframe-uploader.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/upload/runtime/iframe-uploader.jsx
index edc4249a8..d0fb82196 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/upload/runtime/iframe-uploader.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/upload/runtime/iframe-uploader.jsx
@@ -5,262 +5,263 @@ import { log, func, obj } from '../../util';
 import { uid } from '../util';
 
 const INPUT_STYLE = {
-    position: 'absolute',
-    top: 0,
-    right: 0,
-    fontSize: 9999,
-    zIndex: 9999,
-    opacity: 0,
-    outline: 'none',
-    cursor: 'pointer',
+  position: 'absolute',
+  top: 0,
+  right: 0,
+  fontSize: 9999,
+  zIndex: 9999,
+  opacity: 0,
+  outline: 'none',
+  cursor: 'pointer',
 };
 
 class IframeUploader extends React.Component {
-    static propTypes = {
-        style: PropTypes.object,
-        action: PropTypes.string.isRequired,
-        name: PropTypes.string.isRequired,
-        data: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
-        disabled: PropTypes.bool,
-        className: PropTypes.string,
-        children: PropTypes.node,
-        headers: PropTypes.object,
-        autoUpload: PropTypes.bool,
-        onSelect: PropTypes.func,
-        beforeUpload: PropTypes.func,
-        onStart: PropTypes.func,
-        onSuccess: PropTypes.func,
-        onError: PropTypes.func,
-        accept: PropTypes.string,
-    };
+  static propTypes = {
+    style: PropTypes.object,
+    action: PropTypes.string.isRequired,
+    name: PropTypes.string.isRequired,
+    data: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
+    disabled: PropTypes.bool,
+    className: PropTypes.string,
+    children: PropTypes.node,
+    headers: PropTypes.object,
+    autoUpload: PropTypes.bool,
+    onSelect: PropTypes.func,
+    beforeUpload: PropTypes.func,
+    onStart: PropTypes.func,
+    onSuccess: PropTypes.func,
+    onError: PropTypes.func,
+    accept: PropTypes.string,
+  };
 
-    static defaultProps = {
-        name: 'file',
-        onSelect: func.noop,
-        beforeUpload: func.noop,
-        onStart: func.noop,
-        onSuccess: func.noop,
-        onError: func.noop,
-        onAbort: func.noop,
-    };
+  static defaultProps = {
+    name: 'file',
+    onSelect: func.noop,
+    beforeUpload: func.noop,
+    onStart: func.noop,
+    onSuccess: func.noop,
+    onError: func.noop,
+    onAbort: func.noop,
+  };
 
-    constructor(props) {
-        super(props);
-        this.domain =
+  constructor(props) {
+    super(props);
+    this.domain =
             typeof document !== 'undefined' && document.domain
-                ? document.domain
-                : '';
-        this.uid = uid();
-    }
+              ? document.domain
+              : '';
+    this.uid = uid();
+  }
 
-    state = {
-        uploading: false,
+  state = {
+    uploading: false,
+  };
+
+  componentDidMount() {
+    this.updateInputWH();
+  }
+
+  componentDidUpdate() {
+    this.updateInputWH();
+  }
+
+  file = {};
+
+  uid = '';
+
+  onLoad = () => {
+    if (!this.state.uploading) {
+      return;
+    }
+    const { props, file } = this;
+    let response;
+    try {
+      const doc = this.refs.iframe.contentDocument;
+      const script = doc.getElementsByTagName('script')[0];
+      if (script && script.parentNode === doc.body) {
+        doc.body.removeChild(script);
+      }
+      response = doc.body.innerHTML;
+      props.onSuccess(response, file);
+    } catch (err) {
+      log.warning(
+        'cross domain error for Upload. Maybe server should return document.domain script.',
+      );
+      response = 'cross-domain';
+      props.onError(err, null, file);
+    }
+    this.endUpload();
+  };
+
+  onSelect = e => {
+    this.file = {
+      uid: uid(),
+      name: e.target.value,
     };
+    this.props.onSelect([this.file]);
+  };
 
-    componentDidMount() {
-        this.updateInputWH();
-    }
+  startUpload() {
+    this.upload(this.file);
+  }
 
-    componentDidUpdate() {
-        this.updateInputWH();
-    }
-
-    file = {};
-
-    uid = '';
-    onLoad = () => {
-        if (!this.state.uploading) {
-            return;
-        }
-        const { props, file } = this;
-        let response;
-        try {
-            const doc = this.refs.iframe.contentDocument;
-            const script = doc.getElementsByTagName('script')[0];
-            if (script && script.parentNode === doc.body) {
-                doc.body.removeChild(script);
-            }
-            response = doc.body.innerHTML;
-            props.onSuccess(response, file);
-        } catch (err) {
-            log.warning(
-                'cross domain error for Upload. Maybe server should return document.domain script.'
-            );
-            response = 'cross-domain';
-            props.onError(err, null, file);
-        }
-        this.endUpload();
-    };
-
-    onSelect = e => {
-        this.file = {
-            uid: uid(),
-            name: e.target.value,
-        };
-        this.props.onSelect([this.file]);
-    };
-
-    startUpload() {
-        this.upload(this.file);
-    }
-
-    upload(file) {
-        if (!this.state.uploading) {
-            // eslint-disable-next-line
+  upload(file) {
+    if (!this.state.uploading) {
+      // eslint-disable-next-line
             this.state.uploading = true;
-            this.setState({ uploading: true });
-        }
-
-        const { beforeUpload, action, name, data } = this.props;
-        if (!beforeUpload) {
-            return this.post(file);
-        }
-        const requestData = {
-            action,
-            name,
-            data,
-        };
-        const before = beforeUpload(file, requestData);
-        if (before && before.then) {
-            before.then(
-                data => {
-                    this.post(file, data);
-                },
-                () => {
-                    this.endUpload();
-                }
-            );
-        } else if (before !== false) {
-            this.post(file, obj.isPlainObject(before) ? before : undefined);
-        } else {
-            this.endUpload();
-        }
+      this.setState({ uploading: true });
     }
 
-    endUpload() {
-        this.file = {};
-        if (this.state.uploading) {
-            // eslint-disable-next-line
+    const { beforeUpload, action, name, data } = this.props;
+    if (!beforeUpload) {
+      return this.post(file);
+    }
+    const requestData = {
+      action,
+      name,
+      data,
+    };
+    const before = beforeUpload(file, requestData);
+    if (before && before.then) {
+      before.then(
+        data => {
+          this.post(file, data);
+        },
+        () => {
+          this.endUpload();
+        },
+      );
+    } else if (before !== false) {
+      this.post(file, obj.isPlainObject(before) ? before : undefined);
+    } else {
+      this.endUpload();
+    }
+  }
+
+  endUpload() {
+    this.file = {};
+    if (this.state.uploading) {
+      // eslint-disable-next-line
             this.state.uploading = false;
-            this.setState({ uploading: false });
-        }
+      this.setState({ uploading: false });
+    }
+  }
+
+  updateInputWH() {
+    const rootNode = ReactDOM.findDOMNode(this);
+    const inputNode = this.refs.input;
+    inputNode.style.height = `${rootNode.offsetHeight}px`;
+    inputNode.style.width = `${rootNode.offsetWidth}px`;
+  }
+
+  abort(file) {
+    if (file) {
+      let uid = file;
+      if (file && file.uid) {
+        uid = file.uid;
+      }
+      if (uid === this.file.uid) {
+        this.endUpload();
+      }
+    } else {
+      this.endUpload();
+    }
+  }
+
+  post(file, requestOption = {}) {
+    const formNode = this.refs.form;
+    const dataSpan = this.refs.data;
+    const fileInput = this.refs.input;
+
+    let propsData = this.props.data;
+    if (typeof propsData === 'function') {
+      propsData = propsData(file);
     }
 
-    updateInputWH() {
-        const rootNode = ReactDOM.findDOMNode(this);
-        const inputNode = this.refs.input;
-        inputNode.style.height = `${rootNode.offsetHeight}px`;
-        inputNode.style.width = `${rootNode.offsetWidth}px`;
+    const { action, name, data } = requestOption;
+    if (name) {
+      fileInput.setAttribute('name', name);
     }
 
-    abort(file) {
-        if (file) {
-            let uid = file;
-            if (file && file.uid) {
-                uid = file.uid;
-            }
-            if (uid === this.file.uid) {
-                this.endUpload();
-            }
-        } else {
-            this.endUpload();
-        }
+    if (action) {
+      formNode.setAttribute('action', action);
     }
 
-    post(file, requestOption = {}) {
-        const formNode = this.refs.form;
-        const dataSpan = this.refs.data;
-        const fileInput = this.refs.input;
-
-        let propsData = this.props.data;
-        if (typeof propsData === 'function') {
-            propsData = propsData(file);
-        }
-
-        const { action, name, data } = requestOption;
-        if (name) {
-            fileInput.setAttribute('name', name);
-        }
-
-        if (action) {
-            formNode.setAttribute('action', action);
-        }
-
-        if (data) {
-            propsData = data;
-        }
-
-        const inputs = document.createDocumentFragment();
-        for (const key in propsData) {
-            if (data.hasOwnProperty(key)) {
-                const input = document.createElement('input');
-                input.setAttribute('name', key);
-                input.value = propsData[key];
-                inputs.appendChild(input);
-            }
-        }
-        dataSpan.appendChild(inputs);
-        formNode.submit();
-        dataSpan.innerHTML = '';
-        this.props.onStart(file);
+    if (data) {
+      propsData = data;
     }
 
-    render() {
-        const {
-            disabled,
-            className,
-            children,
-            accept,
-            name,
-            style,
-        } = this.props;
-        const { uid } = this;
-        const iframeName = `${name}-${uid}-iframe`;
-
-        return (
-            <span
-                className={className}
-                style={{
-                    position: 'relative',
-                    zIndex: 0,
-                    display: 'inline-block',
-                    ...style,
-                }}
-            >
-                {!disabled ? (
-                    <iframe
-                        ref="iframe"
-                        name={iframeName}
-                        onLoad={this.onLoad}
-                        style={{ display: 'none' }}
-                    />
-                ) : null}
-                <form
-                    ref="form"
-                    method="post"
-                    action={this.props.action}
-                    encType="multipart/form-data"
-                    target={iframeName}
-                >
-                    <input
-                        name="_documentDomain"
-                        value={this.domain}
-                        type="hidden"
-                    />
-                    <span ref="data" />
-                    <input
-                        ref="input"
-                        type="file"
-                        accept={accept}
-                        name={name}
-                        onChange={this.onSelect}
-                        style={INPUT_STYLE}
-                    />
-                </form>
-                {children}
-            </span>
-        );
+    const inputs = document.createDocumentFragment();
+    for (const key in propsData) {
+      if (data.hasOwnProperty(key)) {
+        const input = document.createElement('input');
+        input.setAttribute('name', key);
+        input.value = propsData[key];
+        inputs.appendChild(input);
+      }
     }
+    dataSpan.appendChild(inputs);
+    formNode.submit();
+    dataSpan.innerHTML = '';
+    this.props.onStart(file);
+  }
+
+  render() {
+    const {
+      disabled,
+      className,
+      children,
+      accept,
+      name,
+      style,
+    } = this.props;
+    const { uid } = this;
+    const iframeName = `${name}-${uid}-iframe`;
+
+    return (
+      <span
+        className={className}
+        style={{
+          position: 'relative',
+          zIndex: 0,
+          display: 'inline-block',
+          ...style,
+        }}
+      >
+        {!disabled ? (
+          <iframe
+            ref="iframe"
+            name={iframeName}
+            onLoad={this.onLoad}
+            style={{ display: 'none' }}
+          />
+        ) : null}
+        <form
+          ref="form"
+          method="post"
+          action={this.props.action}
+          encType="multipart/form-data"
+          target={iframeName}
+        >
+          <input
+            name="_documentDomain"
+            value={this.domain}
+            type="hidden"
+          />
+          <span ref="data" />
+          <input
+            ref="input"
+            type="file"
+            accept={accept}
+            name={name}
+            onChange={this.onSelect}
+            style={INPUT_STYLE}
+          />
+        </form>
+        {children}
+      </span>
+    );
+  }
 }
 
 export default IframeUploader;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/upload/runtime/index.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/upload/runtime/index.jsx
index 9f2e4538a..884a1ee23 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/upload/runtime/index.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/upload/runtime/index.jsx
@@ -3,33 +3,33 @@ import Html5Uploader from './html5-uploader';
 import IframeUploader from './iframe-uploader';
 
 export default class Uploader extends React.Component {
-    state = {
-        Component: Html5Uploader,
-    };
+  state = {
+    Component: Html5Uploader,
+  };
 
-    componentDidMount() {
-        if (typeof File === 'undefined') {
-            /* eslint react/no-did-mount-set-state:0 */
-            this.setState({
-                Component: IframeUploader,
-            });
-        }
+  componentDidMount() {
+    if (typeof File === 'undefined') {
+      /* eslint react/no-did-mount-set-state:0 */
+      this.setState({
+        Component: IframeUploader,
+      });
     }
+  }
 
-    abort(file) {
-        this.uploaderRef.abort(file);
-    }
+  abort(file) {
+    this.uploaderRef.abort(file);
+  }
 
-    startUpload(files) {
-        this.uploaderRef.startUpload(files);
-    }
+  startUpload(files) {
+    this.uploaderRef.startUpload(files);
+  }
 
-    saveUploaderRef = ref => {
-        this.uploaderRef = ref;
-    };
+  saveUploaderRef = ref => {
+    this.uploaderRef = ref;
+  };
 
-    render() {
-        const Uploader = this.state.Component;
-        return <Uploader {...this.props} ref={this.saveUploaderRef} />;
-    }
+  render() {
+    const Uploader = this.state.Component;
+    return <Uploader {...this.props} ref={this.saveUploaderRef} />;
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/upload/runtime/request.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/upload/runtime/request.jsx
index aee7727e6..0849b88c9 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/upload/runtime/request.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/upload/runtime/request.jsx
@@ -3,25 +3,25 @@
  */
 
 function getError(option, xhr, msg) {
-    msg = msg || `cannot post ${option.action} ${xhr.status}'`;
-    const err = new Error(msg);
-    err.status = xhr.status;
-    err.method = option.method;
-    err.url = option.action;
-    return err;
+  msg = msg || `cannot post ${option.action} ${xhr.status}'`;
+  const err = new Error(msg);
+  err.status = xhr.status;
+  err.method = option.method;
+  err.url = option.action;
+  return err;
 }
 
 function getBody(xhr) {
-    const text = xhr.responseText || xhr.response;
-    if (!text) {
-        return text;
-    }
+  const text = xhr.responseText || xhr.response;
+  if (!text) {
+    return text;
+  }
 
-    try {
-        return JSON.parse(text);
-    } catch (e) {
-        return text;
-    }
+  try {
+    return JSON.parse(text);
+  } catch (e) {
+    return text;
+  }
 }
 
 // option {
@@ -38,79 +38,79 @@ function getBody(xhr) {
 //  timeout: Number
 // }
 export default function upload(option) {
-    const xhr = new XMLHttpRequest();
+  const xhr = new XMLHttpRequest();
 
-    if (option.onProgress && xhr.upload) {
-        xhr.upload.onprogress = function progress(e) {
-            if (e.total > 0) {
-                e.percent = (e.loaded / e.total) * 100;
-            }
-            option.onProgress(e);
-        };
-    }
-
-    const formData = new FormData();
-
-    if (option.data) {
-        Object.keys(option.data).forEach(key => {
-            formData.append(key, option.data[key]);
-        });
-    }
-
-    formData.append(option.filename, option.file);
-
-    xhr.onerror = function error(e) {
-        option.onError(e);
+  if (option.onProgress && xhr.upload) {
+    xhr.upload.onprogress = function progress(e) {
+      if (e.total > 0) {
+        e.percent = (e.loaded / e.total) * 100;
+      }
+      option.onProgress(e);
     };
+  }
 
-    xhr.onload = function onload() {
-        // allow success when 2xx status
-        // see https://github.com/react-component/upload/issues/34
-        if (xhr.status < 200 || xhr.status >= 300) {
-            return option.onError(getError(option, xhr), getBody(xhr));
-        }
+  const formData = new FormData();
 
-        option.onSuccess(getBody(xhr), xhr);
+  if (option.data) {
+    Object.keys(option.data).forEach(key => {
+      formData.append(key, option.data[key]);
+    });
+  }
+
+  formData.append(option.filename, option.file);
+
+  xhr.onerror = function error(e) {
+    option.onError(e);
+  };
+
+  xhr.onload = function onload() {
+    // allow success when 2xx status
+    // see https://github.com/react-component/upload/issues/34
+    if (xhr.status < 200 || xhr.status >= 300) {
+      return option.onError(getError(option, xhr), getBody(xhr));
+    }
+
+    option.onSuccess(getBody(xhr), xhr);
+  };
+
+  option.method = option.method || 'POST';
+  xhr.open(option.method, option.action, true);
+
+  // In Internet Explorer, the timeout property may be set only after calling the open() method and before calling the send() method.
+  // see https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/timeout
+  const { timeout } = option;
+
+  if (typeof timeout === 'number' && timeout > 0) {
+    xhr.timeout = timeout;
+    xhr.ontimeout = () => {
+      const msg = `Upload abort for exceeding time (timeout: ${timeout}ms)`;
+      option.onError(getError(option, xhr, msg), getBody(xhr));
     };
+  }
 
-    option.method = option.method || 'POST';
-    xhr.open(option.method, option.action, true);
+  // Has to be after `.open()`. See https://github.com/enyo/dropzone/issues/179
+  if (option.withCredentials && 'withCredentials' in xhr) {
+    xhr.withCredentials = true;
+  }
 
-    // In Internet Explorer, the timeout property may be set only after calling the open() method and before calling the send() method.
-    // see https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/timeout
-    const { timeout } = option;
+  const headers = option.headers || {};
 
-    if (typeof timeout === 'number' && timeout > 0) {
-        xhr.timeout = timeout;
-        xhr.ontimeout = () => {
-            const msg = `Upload abort for exceeding time (timeout: ${timeout}ms)`;
-            option.onError(getError(option, xhr, msg), getBody(xhr));
-        };
+  // when set headers['X-Requested-With'] = null , can close default XHR header
+  // see https://github.com/react-component/upload/issues/33
+  if (headers['X-Requested-With'] !== null) {
+    xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
+  }
+
+  for (const h in headers) {
+    if (headers.hasOwnProperty(h) && headers[h] !== null) {
+      xhr.setRequestHeader(h, headers[h]);
     }
+  }
+  xhr.send(formData);
 
-    // Has to be after `.open()`. See https://github.com/enyo/dropzone/issues/179
-    if (option.withCredentials && 'withCredentials' in xhr) {
-        xhr.withCredentials = true;
-    }
-
-    const headers = option.headers || {};
-
-    // when set headers['X-Requested-With'] = null , can close default XHR header
-    // see https://github.com/react-component/upload/issues/33
-    if (headers['X-Requested-With'] !== null) {
-        xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
-    }
-
-    for (const h in headers) {
-        if (headers.hasOwnProperty(h) && headers[h] !== null) {
-            xhr.setRequestHeader(h, headers[h]);
-        }
-    }
-    xhr.send(formData);
-
-    return {
-        abort() {
-            xhr.abort();
-        },
-    };
+  return {
+    abort() {
+      xhr.abort();
+    },
+  };
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/upload/runtime/selecter.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/upload/runtime/selecter.jsx
index a5db54229..b39e923c0 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/upload/runtime/selecter.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/upload/runtime/selecter.jsx
@@ -10,168 +10,168 @@ const { noop } = func;
  * @description [底层能力] 可自定义样式的文件选择器
  */
 export default class Selecter extends React.Component {
-    static propTypes = {
-        id: PropTypes.string,
-        style: PropTypes.object,
-        className: PropTypes.string,
-        /**
+  static propTypes = {
+    id: PropTypes.string,
+    style: PropTypes.object,
+    className: PropTypes.string,
+    /**
          * 是否禁用上传功能
          */
-        disabled: PropTypes.bool,
-        /**
+    disabled: PropTypes.bool,
+    /**
          * 是否支持多选文件，`ie10+` 支持。开启后按住 ctrl 可选择多个文件
          */
-        multiple: PropTypes.bool,
-        /**
+    multiple: PropTypes.bool,
+    /**
          * 是否支持拖拽上传，`ie10+` 支持。
          */
-        dragable: PropTypes.bool,
-        /**
+    dragable: PropTypes.bool,
+    /**
          * 接受上传的文件类型 (image/png, image/jpg, .doc, .ppt) 详见 [input accept attribute](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input#attr-accept)
          */
-        accept: PropTypes.string,
-        /**
+    accept: PropTypes.string,
+    /**
          * 文件选择回调
          */
-        onSelect: PropTypes.func,
-        /**
+    onSelect: PropTypes.func,
+    /**
          * 拖拽经过回调
          */
-        onDragOver: PropTypes.func,
-        /**
+    onDragOver: PropTypes.func,
+    /**
          * 拖拽离开回调
          */
-        onDragLeave: PropTypes.func,
-        /**
+    onDragLeave: PropTypes.func,
+    /**
          * 拖拽完成回调
          */
-        onDrop: PropTypes.func,
-        children: PropTypes.node,
-        name: PropTypes.string,
-    };
+    onDrop: PropTypes.func,
+    children: PropTypes.node,
+    name: PropTypes.string,
+  };
 
-    static defaultProps = {
-        name: 'file',
-        multiple: false,
-        onSelect: noop,
-        onDragOver: noop,
-        onDragLeave: noop,
-        onDrop: noop,
-    };
+  static defaultProps = {
+    name: 'file',
+    multiple: false,
+    onSelect: noop,
+    onDragOver: noop,
+    onDragLeave: noop,
+    onDrop: noop,
+  };
 
-    onSelect = e => {
-        const files = e.target.files;
-        const filesArr = files.length
-            ? Array.prototype.slice.call(files)
-            : [files];
+  onSelect = e => {
+    const { files } = e.target;
+    const filesArr = files.length
+      ? Array.prototype.slice.call(files)
+      : [files];
 
-        filesArr.forEach(file => {
-            file.uid = uid();
-        });
+    filesArr.forEach(file => {
+      file.uid = uid();
+    });
 
-        this.props.onSelect(filesArr);
-    };
+    this.props.onSelect(filesArr);
+  };
 
-    /**
+  /**
      * 点击上传按钮
      * @return {void}
      */
-    onClick = () => {
-        const el = this.fileRef;
-        if (!el) {
-            return;
-        }
-        // NOTE: 在 IE 下，el.value = '' 在 el.click() 之后，会触发 input[type=file] 两次 onChange
-        el.value = '';
-        el.click();
-    };
+  onClick = () => {
+    const el = this.fileRef;
+    if (!el) {
+      return;
+    }
+    // NOTE: 在 IE 下，el.value = '' 在 el.click() 之后，会触发 input[type=file] 两次 onChange
+    el.value = '';
+    el.click();
+  };
 
-    /**
+  /**
      * 键盘事件
      * @param  {SyntheticEvent} e
      * @return {void}
      */
-    onKeyDown = e => {
-        if (e.key === 'Enter') {
-            this.onClick();
-        }
-    };
+  onKeyDown = e => {
+    if (e.key === 'Enter') {
+      this.onClick();
+    }
+  };
 
-    /**
+  /**
      * 拖拽
      * @param  {SyntheticEvent} e
      * @return {void}
      */
-    onDrop = e => {
-        e.preventDefault();
+  onDrop = e => {
+    e.preventDefault();
 
-        const files = e.dataTransfer.files;
-        const filesArr = Array.prototype.slice.call(files);
+    const { files } = e.dataTransfer;
+    const filesArr = Array.prototype.slice.call(files);
 
-        this.props.onDrop(filesArr);
-    };
+    this.props.onDrop(filesArr);
+  };
 
-    onDragOver = e => {
-        e.preventDefault();
-        this.props.onDragOver(e);
-    };
+  onDragOver = e => {
+    e.preventDefault();
+    this.props.onDragOver(e);
+  };
 
-    saveFileRef = ref => {
-        this.fileRef = ref;
-    };
+  saveFileRef = ref => {
+    this.fileRef = ref;
+  };
 
-    render() {
-        const {
-            accept,
-            multiple,
-            children,
-            id,
-            disabled,
-            dragable,
-            style,
-            className,
-            name,
-        } = this.props;
+  render() {
+    const {
+      accept,
+      multiple,
+      children,
+      id,
+      disabled,
+      dragable,
+      style,
+      className,
+      name,
+    } = this.props;
 
-        let events = {};
-        if (!disabled) {
-            events = Object.assign(
-                {
-                    onClick: this.onClick,
-                    onKeyDown: this.onKeyDown,
-                    tabIndex: '0',
-                },
-                dragable
-                    ? {
-                          onDrop: this.onDrop,
-                          onDragOver: this.onDragOver,
-                          onDragLeave: this.props.onDragLeave,
-                      }
-                    : {}
-            );
-        }
-
-        return (
-            <div
-                role="application"
-                style={style}
-                className={className}
-                {...events}
-            >
-                <input
-                    type="file"
-                    name={name}
-                    id={id}
-                    ref={this.saveFileRef}
-                    style={{ display: 'none' }}
-                    accept={accept}
-                    aria-hidden
-                    multiple={multiple}
-                    onChange={this.onSelect}
-                    disabled={disabled}
-                />
-                {children}
-            </div>
-        );
+    let events = {};
+    if (!disabled) {
+      events = Object.assign(
+        {
+          onClick: this.onClick,
+          onKeyDown: this.onKeyDown,
+          tabIndex: '0',
+        },
+        dragable
+          ? {
+            onDrop: this.onDrop,
+            onDragOver: this.onDragOver,
+            onDragLeave: this.props.onDragLeave,
+          }
+          : {},
+      );
     }
+
+    return (
+      <div
+        role="application"
+        style={style}
+        className={className}
+        {...events}
+      >
+        <input
+          type="file"
+          name={name}
+          id={id}
+          ref={this.saveFileRef}
+          style={{ display: 'none' }}
+          accept={accept}
+          aria-hidden
+          multiple={multiple}
+          onChange={this.onSelect}
+          disabled={disabled}
+        />
+        {children}
+      </div>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/upload/runtime/uploader.js b/packages/material-parser/test/fixtures/fusion-next-component/src/upload/runtime/uploader.js
index a8b817f38..4968aec79 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/upload/runtime/uploader.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/upload/runtime/uploader.js
@@ -2,153 +2,153 @@ import { func, obj } from '../../util';
 import { uid, errorCode } from '../util';
 import defaultRequest from './request';
 
-const noop = func.noop;
+const { noop } = func;
 
 export default class Uploader {
-    constructor(options) {
-        this.options = {
-            beforeUpload: noop,
-            onProgress: noop,
-            onSuccess: noop,
-            onError: noop,
-            data: {},
-            name: 'file',
-            method: 'post',
-            ...options,
-        };
-        this.reqs = {};
-    }
+  constructor(options) {
+    this.options = {
+      beforeUpload: noop,
+      onProgress: noop,
+      onSuccess: noop,
+      onError: noop,
+      data: {},
+      name: 'file',
+      method: 'post',
+      ...options,
+    };
+    this.reqs = {};
+  }
 
-    setOptions(options) {
-        Object.assign(this.options, options);
-    }
+  setOptions(options) {
+    Object.assign(this.options, options);
+  }
 
-    startUpload(files) {
-        const filesArr = files.length
-            ? Array.prototype.slice.call(files)
-            : [files];
-        filesArr.forEach(file => {
-            file.uid = file.uid || uid();
-            this.upload(file);
-        });
-    }
+  startUpload(files) {
+    const filesArr = files.length
+      ? Array.prototype.slice.call(files)
+      : [files];
+    filesArr.forEach(file => {
+      file.uid = file.uid || uid();
+      this.upload(file);
+    });
+  }
 
-    abort(file) {
-        const { reqs } = this;
-        if (file) {
-            let uid = file;
-            if (file && file.uid) {
-                uid = file.uid;
-            }
-            if (reqs[uid]) {
-                reqs[uid].abort();
-                delete reqs[uid];
-            }
-        } else {
-            Object.keys(reqs).forEach(uid => {
-                if (reqs[uid]) {
-                    reqs[uid].abort();
-                }
-                delete reqs[uid];
-            });
+  abort(file) {
+    const { reqs } = this;
+    if (file) {
+      let uid = file;
+      if (file && file.uid) {
+        uid = file.uid;
+      }
+      if (reqs[uid]) {
+        reqs[uid].abort();
+        delete reqs[uid];
+      }
+    } else {
+      Object.keys(reqs).forEach(uid => {
+        if (reqs[uid]) {
+          reqs[uid].abort();
         }
+        delete reqs[uid];
+      });
     }
+  }
 
-    upload(file) {
-        const {
-            beforeUpload,
-            action,
-            name,
-            headers,
-            timeout,
-            withCredentials,
-            method,
-            data,
-        } = this.options;
-        const before = beforeUpload(file, {
-            action,
-            name,
-            headers,
-            timeout,
-            withCredentials,
-            method,
-            data,
-        });
+  upload(file) {
+    const {
+      beforeUpload,
+      action,
+      name,
+      headers,
+      timeout,
+      withCredentials,
+      method,
+      data,
+    } = this.options;
+    const before = beforeUpload(file, {
+      action,
+      name,
+      headers,
+      timeout,
+      withCredentials,
+      method,
+      data,
+    });
 
-        func.promiseCall(
-            before,
-            options => {
-                if (options === false) {
-                    const err = new Error(errorCode.BEFOREUPLOAD_REJECT);
-                    err.code = errorCode.BEFOREUPLOAD_REJECT;
-                    return this.options.onError(err, null, file);
-                }
-                this.post(
-                    file,
-                    obj.isPlainObject(options) ? options : undefined
-                );
-            },
-            error => {
-                let err;
-                if (error) {
-                    err = error;
-                } else {
-                    err = new Error(errorCode.BEFOREUPLOAD_REJECT);
-                    err.code = errorCode.BEFOREUPLOAD_REJECT;
-                }
-                this.options.onError(err, null, file);
-            }
+    func.promiseCall(
+      before,
+      options => {
+        if (options === false) {
+          const err = new Error(errorCode.BEFOREUPLOAD_REJECT);
+          err.code = errorCode.BEFOREUPLOAD_REJECT;
+          return this.options.onError(err, null, file);
+        }
+        this.post(
+          file,
+          obj.isPlainObject(options) ? options : undefined,
         );
-    }
-
-    post(file, options = {}) {
-        const requestOptions = {
-            ...this.options,
-            ...options,
-        };
-        const {
-            action,
-            name,
-            headers,
-            timeout,
-            withCredentials,
-            onProgress,
-            onSuccess,
-            onError,
-            method,
-        } = requestOptions;
-
-        let data = requestOptions.data;
-        if (typeof data === 'function') {
-            data = data(file);
+      },
+      error => {
+        let err;
+        if (error) {
+          err = error;
+        } else {
+          err = new Error(errorCode.BEFOREUPLOAD_REJECT);
+          err.code = errorCode.BEFOREUPLOAD_REJECT;
         }
+        this.options.onError(err, null, file);
+      },
+    );
+  }
 
-        const { uid } = file;
+  post(file, options = {}) {
+    const requestOptions = {
+      ...this.options,
+      ...options,
+    };
+    const {
+      action,
+      name,
+      headers,
+      timeout,
+      withCredentials,
+      onProgress,
+      onSuccess,
+      onError,
+      method,
+    } = requestOptions;
 
-        const request =
-            typeof requestOptions.request === 'function'
-                ? requestOptions.request
-                : defaultRequest;
-        this.reqs[uid] = request({
-            action,
-            filename: name,
-            file,
-            data,
-            timeout,
-            headers,
-            withCredentials,
-            method,
-            onProgress: e => {
-                onProgress(e, file);
-            },
-            onSuccess: ret => {
-                delete this.reqs[uid];
-                onSuccess(ret, file);
-            },
-            onError: (err, ret) => {
-                delete this.reqs[uid];
-                onError(err, ret, file);
-            },
-        });
+    let { data } = requestOptions;
+    if (typeof data === 'function') {
+      data = data(file);
     }
+
+    const { uid } = file;
+
+    const request =
+            typeof requestOptions.request === 'function'
+              ? requestOptions.request
+              : defaultRequest;
+    this.reqs[uid] = request({
+      action,
+      filename: name,
+      file,
+      data,
+      timeout,
+      headers,
+      withCredentials,
+      method,
+      onProgress: e => {
+        onProgress(e, file);
+      },
+      onSuccess: ret => {
+        delete this.reqs[uid];
+        onSuccess(ret, file);
+      },
+      onError: (err, ret) => {
+        delete this.reqs[uid];
+        onError(err, ret, file);
+      },
+    });
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/upload/transform.js b/packages/material-parser/test/fixtures/fusion-next-component/src/upload/transform.js
index a57ebb876..d40c57039 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/upload/transform.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/upload/transform.js
@@ -1,30 +1,30 @@
 // compatible with 0.x version
 /* istanbul ignore next */
 const transform = (props, deprecated) => {
-    const { listType, defaultFileList, fileList, ...others } = props;
-    const newprops = others;
+  const { listType, defaultFileList, fileList, ...others } = props;
+  const newprops = others;
 
-    if (listType === 'text-image') {
-        deprecated('listType=text-image', 'listType=image', 'Upload');
-        newprops.listType = 'image';
-    } else if (listType === 'picture-card') {
-        deprecated('listType=picture-card', 'listType=card', 'Upload');
-        newprops.listType = 'card';
-    } else {
-        newprops.listType = listType;
-    }
+  if (listType === 'text-image') {
+    deprecated('listType=text-image', 'listType=image', 'Upload');
+    newprops.listType = 'image';
+  } else if (listType === 'picture-card') {
+    deprecated('listType=picture-card', 'listType=card', 'Upload');
+    newprops.listType = 'card';
+  } else {
+    newprops.listType = listType;
+  }
 
-    if ('defaultFileList' in props) {
-        deprecated('defaultFileList', 'defaultValue', 'Upload');
-        newprops.defaultValue = defaultFileList;
-    }
+  if ('defaultFileList' in props) {
+    deprecated('defaultFileList', 'defaultValue', 'Upload');
+    newprops.defaultValue = defaultFileList;
+  }
 
-    if ('fileList' in props) {
-        deprecated('fileList', 'value', 'Upload');
-        newprops.value = fileList;
-    }
+  if ('fileList' in props) {
+    deprecated('fileList', 'value', 'Upload');
+    newprops.value = fileList;
+  }
 
-    return newprops;
+  return newprops;
 };
 
 export default transform;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/upload/upload.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/upload/upload.jsx
index 4b27c4b0d..b70ca72e9 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/upload/upload.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/upload/upload.jsx
@@ -9,574 +9,574 @@ import html5Uploader from './runtime/html5-uploader';
 import List from './list';
 import { fileToObject, getFileItem, errorCode } from './util';
 
-const noop = func.noop;
+const { noop } = func;
 
 /**
  * Upload
  */
 class Upload extends Base {
-    static displayName = 'Upload';
+  static displayName = 'Upload';
 
-    static propTypes = {
-        ...html5Uploader.propTypes,
-        ...List.propTypes,
-        /**
+  static propTypes = {
+    ...html5Uploader.propTypes,
+    ...List.propTypes,
+    /**
          * 样式前缀
          */
-        prefix: PropTypes.string.isRequired,
-        /**
+    prefix: PropTypes.string.isRequired,
+    /**
          * 上传的地址
          */
-        action: PropTypes.string,
-        /**
+    action: PropTypes.string,
+    /**
          * 文件列表
          */
-        value: PropTypes.array,
-        /**
+    value: PropTypes.array,
+    /**
          * 默认文件列表
          */
-        defaultValue: PropTypes.array,
-        /**
+    defaultValue: PropTypes.array,
+    /**
          * 上传按钮形状
          */
-        shape: PropTypes.oneOf(['card']),
-        /**
+    shape: PropTypes.oneOf(['card']),
+    /**
          * 上传列表的样式
          * @enumdesc 文字, 图文, 卡片
          */
-        listType: PropTypes.oneOf(['text', 'image', 'card']),
-        list: PropTypes.any,
-        /**
+    listType: PropTypes.oneOf(['text', 'image', 'card']),
+    list: PropTypes.any,
+    /**
          * 文件名字段
          */
-        name: PropTypes.string,
-        /**
+    name: PropTypes.string,
+    /**
          * 上传额外传参
          */
-        data: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
-        /**
+    data: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
+    /**
          * 数据格式化函数，配合自定义 action 使用，参数为服务器的响应数据，详见 [formatter](#formater)
          * @param {Object} response 返回
          * @param {File} file 文件对象
          */
-        formatter: PropTypes.func,
-        /**
+    formatter: PropTypes.func,
+    /**
          * 最大文件上传个数
          */
-        limit: PropTypes.number,
-        /**
+    limit: PropTypes.number,
+    /**
          * 设置上传超时,单位ms
          */
-        timeout: PropTypes.number,
-        /**
+    timeout: PropTypes.number,
+    /**
          * 可选参数，是否支持拖拽上传，`ie10+` 支持。
          */
-        dragable: PropTypes.bool,
-        closable: PropTypes.bool,
-        /**
+    dragable: PropTypes.bool,
+    closable: PropTypes.bool,
+    /**
          * 可选参数，是否本地预览
          */
-        useDataURL: PropTypes.bool,
-        /**
+    useDataURL: PropTypes.bool,
+    /**
          * 可选参数，是否禁用上传功能
          */
-        disabled: PropTypes.bool,
-        /**
+    disabled: PropTypes.bool,
+    /**
          * 选择文件回调
          */
-        onSelect: PropTypes.func,
-        /**
+    onSelect: PropTypes.func,
+    /**
          * 上传中
          */
-        onProgress: PropTypes.func,
-        /**
+    onProgress: PropTypes.func,
+    /**
          * 上传文件改变时的状态
          * @param {Object} info 文件事件对象
          */
-        onChange: PropTypes.func,
-        /**
+    onChange: PropTypes.func,
+    /**
          * 可选参数，上传成功回调函数，参数为请求下响应信息以及文件
          * @param {Object} file 文件
          * @param {Array<Object>} value 值
          */
-        onSuccess: PropTypes.func,
-        /**
+    onSuccess: PropTypes.func,
+    /**
          * 可选参数, 用于校验文件,afterSelect仅在 autoUpload=false 的时候生效,autoUpload=true时,可以使用beforeUpload完全可以替代该功能.
          * @param {Object} file
          * @returns {Boolean} 返回false会阻止上传,其他则表示正常
          */
-        afterSelect: PropTypes.func,
-        /**
+    afterSelect: PropTypes.func,
+    /**
          * 移除文件回调函数
          * @param {Object} file 文件
          * @returns {Boolean|Promise} 返回 false、Promise.resolve(false)、 Promise.reject() 将阻止文件删除
          */
-        onRemove: PropTypes.func,
-        /**
+    onRemove: PropTypes.func,
+    /**
          * 可选参数，上传失败回调函数，参数为上传失败的信息、响应信息以及文件
          * @param {Object} file 出错的文件
          * @param {Array} value 当前值
          */
-        onError: PropTypes.func,
-        /**
+    onError: PropTypes.func,
+    /**
          * 可选参数, 详见 [beforeUpload](#beforeUpload)
          * @param {Object} file 所有文件
          * @param {Object} options 参数
          * @returns {Boolean|Object|Promise} 返回值作用见demo
          */
-        beforeUpload: PropTypes.func,
-        /**
+    beforeUpload: PropTypes.func,
+    /**
          * 放文件
          */
-        onDrop: PropTypes.func,
-        /**
+    onDrop: PropTypes.func,
+    /**
          * 自定义class
          */
-        className: PropTypes.string,
-        /**
+    className: PropTypes.string,
+    /**
          * 自定义内联样式
          */
-        style: PropTypes.object,
-        /**
+    style: PropTypes.object,
+    /**
          * 子元素
          */
-        children: PropTypes.node,
-        /**
+    children: PropTypes.node,
+    /**
          * 自动上传
          */
-        autoUpload: PropTypes.bool,
-        /**
+    autoUpload: PropTypes.bool,
+    /**
          * 自定义上传方法
          * @param {Object} option
          * @return {Object} object with abort method
          */
-        request: PropTypes.func,
-        /**
+    request: PropTypes.func,
+    /**
          * 透传给Progress props
          */
-        progressProps: PropTypes.object,
-        rtl: PropTypes.bool,
-        /**
+    progressProps: PropTypes.object,
+    rtl: PropTypes.bool,
+    /**
          * 是否为预览态
          */
-        isPreview: PropTypes.bool,
-        /**
+    isPreview: PropTypes.bool,
+    /**
          * 预览态模式下渲染的内容
          * @param {number} value 评分值
          */
-        renderPreview: PropTypes.func,
-    };
+    renderPreview: PropTypes.func,
+  };
 
-    static defaultProps = {
-        ...html5Uploader.defaultProps,
-        prefix: 'next-',
-        limit: Infinity,
-        autoUpload: true,
-        closable: true,
-        onSelect: noop,
-        onProgress: noop,
-        onChange: noop,
-        onSuccess: noop,
-        onRemove: noop,
-        onError: noop,
-        onDrop: noop,
-        beforeUpload: noop,
-        afterSelect: noop,
-    };
+  static defaultProps = {
+    ...html5Uploader.defaultProps,
+    prefix: 'next-',
+    limit: Infinity,
+    autoUpload: true,
+    closable: true,
+    onSelect: noop,
+    onProgress: noop,
+    onChange: noop,
+    onSuccess: noop,
+    onRemove: noop,
+    onError: noop,
+    onDrop: noop,
+    beforeUpload: noop,
+    afterSelect: noop,
+  };
 
-    constructor(props) {
-        super(props);
+  constructor(props) {
+    super(props);
 
-        let value;
-        if ('value' in props) {
-            value = props.value;
-        } else {
-            value = props.defaultValue;
-        }
-
-        this.state = {
-            value: typeof value === 'undefined' ? [] : [].concat(value),
-        };
-
-        this.uploading = false;
+    let value;
+    if ('value' in props) {
+      value = props.value;
+    } else {
+      value = props.defaultValue;
     }
 
-    componentWillReceiveProps(nextProps) {
-        if ('value' in nextProps && !this.uploading) {
-            this.setState({
-                value:
+    this.state = {
+      value: typeof value === 'undefined' ? [] : [].concat(value),
+    };
+
+    this.uploading = false;
+  }
+
+  componentWillReceiveProps(nextProps) {
+    if ('value' in nextProps && !this.uploading) {
+      this.setState({
+        value:
                     typeof nextProps.value === 'undefined'
-                        ? []
-                        : [].concat(nextProps.value),
-            });
-        }
+                      ? []
+                      : [].concat(nextProps.value),
+      });
+    }
+  }
+
+  onSelect = files => {
+    const { autoUpload, afterSelect, onSelect, limit } = this.props;
+    // 总数
+    const total = this.state.value.length + files.length;
+    // 差额
+    const less = limit - this.state.value.length;
+    if (less <= 0) {
+      // 差额不足 则不上传
+      return;
     }
 
-    onSelect = files => {
-        const { autoUpload, afterSelect, onSelect, limit } = this.props;
-        // 总数
-        const total = this.state.value.length + files.length;
-        // 差额
-        const less = limit - this.state.value.length;
-        if (less <= 0) {
-            // 差额不足 则不上传
-            return;
-        }
+    const fileList = files.map(file => {
+      const objFile = fileToObject(file);
+      objFile.state = 'selected';
+      return objFile;
+    });
 
-        const fileList = files.map(file => {
-            const objFile = fileToObject(file);
-            objFile.state = 'selected';
-            return objFile;
+    // 默认全量上传
+    let uploadFiles = fileList;
+    let discardFiles = [];
+    if (total > limit) {
+      // 全量上传总数会超过limit 但是 还有差额
+      uploadFiles = fileList.slice(0, less);
+      discardFiles = fileList.slice(less);
+    }
+
+    const value = this.state.value.concat(fileList);
+
+    /* eslint-disable-next */
+    this.state.value = value;
+
+    if (autoUpload) {
+      this.uploadFiles(uploadFiles);
+    }
+
+    onSelect(uploadFiles, value);
+    discardFiles.forEach(file => {
+      // 丢弃的文件
+      const err = new Error(errorCode.EXCEED_LIMIT);
+      err.code = errorCode.EXCEED_LIMIT;
+      this.onError(err, null, file);
+    });
+
+    if (!autoUpload) {
+      uploadFiles.forEach(file => {
+        const isPassed = afterSelect(file);
+        func.promiseCall(isPassed, func.noop, error => {
+          this.onError(error, null, file); // TODO: handle error message
         });
+      });
+      this.onChange(value, uploadFiles);
+    }
+  };
 
-        // 默认全量上传
-        let uploadFiles = fileList;
-        let discardFiles = [];
-        if (total > limit) {
-            // 全量上传总数会超过limit 但是 还有差额
-            uploadFiles = fileList.slice(0, less);
-            discardFiles = fileList.slice(less);
-        }
+  onDrop = files => {
+    this.onSelect(files);
+    this.props.onDrop(files);
+  };
 
-        const value = this.state.value.concat(fileList);
-
-        /* eslint-disable-next */
-        this.state.value = value;
-
-        if (autoUpload) {
-            this.uploadFiles(uploadFiles);
-        }
-
-        onSelect(uploadFiles, value);
-        discardFiles.forEach(file => {
-            // 丢弃的文件
-            const err = new Error(errorCode.EXCEED_LIMIT);
-            err.code = errorCode.EXCEED_LIMIT;
-            this.onError(err, null, file);
-        });
-
-        if (!autoUpload) {
-            uploadFiles.forEach(file => {
-                const isPassed = afterSelect(file);
-                func.promiseCall(isPassed, func.noop, error => {
-                    this.onError(error, null, file); // TODO: handle error message
-                });
-            });
-            this.onChange(value, uploadFiles);
-        }
-    };
-
-    onDrop = files => {
-        this.onSelect(files);
-        this.props.onDrop(files);
-    };
-
-    /**
+  /**
      * 对外暴露API, 添加文件
      * @param files
      */
-    selectFiles(files) {
-        const filesArr = files.length
-            ? Array.prototype.slice.call(files)
-            : [files];
+  selectFiles(files) {
+    const filesArr = files.length
+      ? Array.prototype.slice.call(files)
+      : [files];
 
-        this.onSelect(filesArr);
-    }
+    this.onSelect(filesArr);
+  }
 
-    uploadFiles(files) {
-        // NOTE: drag上传，当鼠标松开的时候回执行 onDrop，但此时onChange还没出发所以 value=[], 必须提前标识上传中
-        this.uploading = true;
-        const fileList = files
-            .filter(file => {
-                if (file.state === 'selected') {
-                    file.state = 'uploading';
-                    return true;
-                }
-                return false;
-            })
-            .map(file => {
-                return file.originFileObj;
-            });
+  uploadFiles(files) {
+    // NOTE: drag上传，当鼠标松开的时候回执行 onDrop，但此时onChange还没出发所以 value=[], 必须提前标识上传中
+    this.uploading = true;
+    const fileList = files
+      .filter(file => {
+        if (file.state === 'selected') {
+          file.state = 'uploading';
+          return true;
+        }
+        return false;
+      })
+      .map(file => {
+        return file.originFileObj;
+      });
 
-        fileList.length && this.uploaderRef.startUpload(fileList);
-    }
+    fileList.length && this.uploaderRef.startUpload(fileList);
+  }
 
-    /**
+  /**
      * 对外暴露api，控制文件上传
      */
-    startUpload() {
-        this.uploadFiles(this.state.value);
+  startUpload() {
+    this.uploadFiles(this.state.value);
+  }
+
+  replaceFiles(old, current) {
+    const targetItem = getFileItem(old, this.state.value);
+    if (!targetItem) {
+      return;
     }
 
-    replaceFiles(old, current) {
-        const targetItem = getFileItem(old, this.state.value);
-        if (!targetItem) {
-            return;
-        }
+    current.uid = old.uid;
+    targetItem.originFileObj = current;
+  }
 
-        current.uid = old.uid;
-        targetItem.originFileObj = current;
+  isUploading() {
+    return this.uploading;
+  }
+
+  onProgress = (e, file) => {
+    this.uploading = true;
+
+    const { value } = this.state;
+    const targetItem = getFileItem(file, value);
+
+    if (!targetItem) {
+      return;
     }
 
-    isUploading() {
-        return this.uploading;
+    Object.assign(targetItem, {
+      state: 'uploading',
+      percent: e.percent,
+    });
+
+    this.setState({
+      value,
+    });
+
+    this.props.onProgress(value, targetItem);
+  };
+
+  onSuccess = (response, file) => {
+    this.uploading = false;
+
+    const { formatter } = this.props;
+
+    if (formatter) {
+      response = formatter(response, file);
     }
 
-    onProgress = (e, file) => {
-        this.uploading = true;
+    try {
+      if (typeof response === 'string') {
+        response = JSON.parse(response);
+      }
+    } catch (e) {
+      e.code = errorCode.RESPONSE_FAIL;
+      return this.onError(e, response, file);
+    }
 
-        const value = this.state.value;
-        const targetItem = getFileItem(file, value);
+    if (response.success === false) {
+      const err = new Error(response.message || errorCode.RESPONSE_FAIL);
+      err.code = errorCode.RESPONSE_FAIL;
+      return this.onError(err, response, file);
+    }
 
-        if (!targetItem) {
-            return;
-        }
+    const { value } = this.state;
+    const targetItem = getFileItem(file, value);
 
-        Object.assign(targetItem, {
-            state: 'uploading',
-            percent: e.percent,
-        });
+    if (!targetItem) {
+      return;
+    }
 
-        this.setState({
-            value,
-        });
+    Object.assign(targetItem, {
+      state: 'done',
+      response,
+      url: response.url,
+      downloadURL: response.downloadURL || response.url, // 下载地址(可选)
+    });
 
-        this.props.onProgress(value, targetItem);
-    };
+    if (!this.props.useDataURL) {
+      targetItem.imgURL = response.imgURL || response.url; // 缩略图地址(可选)
+    }
 
-    onSuccess = (response, file) => {
-        this.uploading = false;
+    this.onChange(value, targetItem);
+    this.props.onSuccess(targetItem, value);
+  };
 
-        const { formatter } = this.props;
+  onError = (err, response, file) => {
+    this.uploading = false;
 
-        if (formatter) {
-            response = formatter(response, file);
-        }
+    const { value } = this.state;
+    const targetItem = getFileItem(file, value);
 
-        try {
-            if (typeof response === 'string') {
-                response = JSON.parse(response);
-            }
-        } catch (e) {
-            e.code = errorCode.RESPONSE_FAIL;
-            return this.onError(e, response, file);
-        }
+    if (!targetItem) {
+      return;
+    }
 
-        if (response.success === false) {
-            const err = new Error(response.message || errorCode.RESPONSE_FAIL);
-            err.code = errorCode.RESPONSE_FAIL;
-            return this.onError(err, response, file);
-        }
+    Object.assign(targetItem, {
+      state: 'error',
+      error: err,
+      response,
+    });
 
-        const value = this.state.value;
-        const targetItem = getFileItem(file, value);
+    this.onChange(value, targetItem);
+    this.props.onError(targetItem, value);
+  };
 
-        if (!targetItem) {
-            return;
-        }
-
-        Object.assign(targetItem, {
-            state: 'done',
-            response,
-            url: response.url,
-            downloadURL: response.downloadURL || response.url, // 下载地址(可选)
-        });
-
-        if (!this.props.useDataURL) {
-            targetItem.imgURL = response.imgURL || response.url; // 缩略图地址(可选)
-        }
-
-        this.onChange(value, targetItem);
-        this.props.onSuccess(targetItem, value);
-    };
-
-    onError = (err, response, file) => {
-        this.uploading = false;
-
-        const value = this.state.value;
-        const targetItem = getFileItem(file, value);
-
-        if (!targetItem) {
-            return;
-        }
-
-        Object.assign(targetItem, {
-            state: 'error',
-            error: err,
-            response,
-        });
-
-        this.onChange(value, targetItem);
-        this.props.onError(targetItem, value);
-    };
-
-    /**
+  /**
      * 删除文件
      * @param {File} file
      * @return {void}
      */
-    removeFile = file => {
-        file.state = 'removed';
-        this.uploaderRef.abort(file); // 删除组件时调用组件的 `abort` 方法中断上传
+  removeFile = file => {
+    file.state = 'removed';
+    this.uploaderRef.abort(file); // 删除组件时调用组件的 `abort` 方法中断上传
 
-        const fileList = this.state.value;
-        const targetItem = getFileItem(file, fileList);
-        const index = fileList.indexOf(targetItem);
-        if (index !== -1) {
-            fileList.splice(index, 1);
-            this.onChange(fileList, targetItem);
-        }
-    };
+    const fileList = this.state.value;
+    const targetItem = getFileItem(file, fileList);
+    const index = fileList.indexOf(targetItem);
+    if (index !== -1) {
+      fileList.splice(index, 1);
+      this.onChange(fileList, targetItem);
+    }
+  };
 
-    /**
+  /**
      * 取消上传
      * @param {File} file
      * @return {void}
      */
-    abort = file => {
-        const fileList = this.state.value;
-        const targetItem = getFileItem(file, fileList);
-        const index = fileList.indexOf(targetItem);
-        if (index !== -1) {
-            fileList.splice(index, 1);
-            this.onChange(fileList, targetItem);
-        }
-        this.uploaderRef.abort(file); // 取消上传时调用组件的 `abort` 方法中断上传
-    };
-
-    onChange = (value, file) => {
-        this.setState({
-            value,
-        });
-        this.props.onChange(value, file);
-    };
-
-    render() {
-        const {
-            listType,
-            prefix,
-            dragable,
-            shape,
-            className,
-            style,
-            useDataURL,
-            disabled,
-            limit,
-            closable,
-            beforeUpload,
-            readonly,
-            onRemove,
-            onCancel,
-            onPreview,
-            list,
-            extraRender,
-            progressProps,
-            rtl,
-            isPreview,
-            renderPreview,
-            ...others
-        } = this.props;
-
-        const cls = classNames({
-            [`${prefix}upload`]: true,
-            [`${prefix}upload-dragable`]: dragable,
-            [`${prefix}disabled`]: disabled,
-            [`${prefix}readonly`]: readonly,
-            [className]: className,
-        });
-
-        const isExceedLimit = this.state.value.length >= limit;
-        const innerCls = classNames({
-            [`${prefix}upload-inner`]: true,
-            [`${prefix}hidden`]: isExceedLimit,
-        });
-
-        let children = this.props.children;
-        if (shape === 'card') {
-            const cardCls = classNames({
-                [`${prefix}upload-card`]: true,
-                [`${prefix}disabled`]: disabled,
-            });
-            children = (
-                <div className={cardCls}>
-                    <Icon type="add" size="large" />
-                    <div
-                        tabIndex="0"
-                        role="button"
-                        className={`${prefix}upload-text`}
-                    >
-                        {children}
-                    </div>
-                </div>
-            );
-        }
-
-        if (isPreview) {
-            if (typeof renderPreview === 'function') {
-                const previewCls = classNames({
-                    [`${prefix}form-preview`]: true,
-                    [className]: !!className,
-                });
-                return (
-                    <div style={style} className={previewCls}>
-                        {renderPreview(this.state.value, this.props)}
-                    </div>
-                );
-            }
-
-            if (listType) {
-                return (
-                    <List
-                        isPreview
-                        listType={listType}
-                        style={style}
-                        className={className}
-                        value={this.state.value}
-                    />
-                );
-            }
-
-            return null;
-        }
-
-        // disabled 状态下把 remove函数替换成禁止 remove的函数
-        const onRemoveFunc = disabled ? func.prevent : onRemove;
-        const otherAttributes = obj.pickAttrsWith(this.props, 'data-');
-        return (
-            <div className={cls} style={style} {...otherAttributes}>
-                <Uploader
-                    {...others}
-                    beforeUpload={beforeUpload}
-                    dragable={dragable}
-                    disabled={disabled || isExceedLimit}
-                    className={innerCls}
-                    onSelect={this.onSelect}
-                    onDrop={this.onDrop}
-                    onProgress={this.onProgress}
-                    onSuccess={this.onSuccess}
-                    onError={this.onError}
-                    ref={this.saveUploaderRef}
-                >
-                    {children}
-                </Uploader>
-                {listType || list ? (
-                    <List
-                        useDataURL={useDataURL}
-                        uploader={this}
-                        listType={listType}
-                        value={this.state.value}
-                        closable={closable}
-                        onRemove={onRemoveFunc}
-                        progressProps={progressProps}
-                        onCancel={onCancel}
-                        onPreview={onPreview}
-                        extraRender={extraRender}
-                        rtl={rtl}
-                    />
-                ) : null}
-            </div>
-        );
+  abort = file => {
+    const fileList = this.state.value;
+    const targetItem = getFileItem(file, fileList);
+    const index = fileList.indexOf(targetItem);
+    if (index !== -1) {
+      fileList.splice(index, 1);
+      this.onChange(fileList, targetItem);
     }
+    this.uploaderRef.abort(file); // 取消上传时调用组件的 `abort` 方法中断上传
+  };
+
+  onChange = (value, file) => {
+    this.setState({
+      value,
+    });
+    this.props.onChange(value, file);
+  };
+
+  render() {
+    const {
+      listType,
+      prefix,
+      dragable,
+      shape,
+      className,
+      style,
+      useDataURL,
+      disabled,
+      limit,
+      closable,
+      beforeUpload,
+      readonly,
+      onRemove,
+      onCancel,
+      onPreview,
+      list,
+      extraRender,
+      progressProps,
+      rtl,
+      isPreview,
+      renderPreview,
+      ...others
+    } = this.props;
+
+    const cls = classNames({
+      [`${prefix}upload`]: true,
+      [`${prefix}upload-dragable`]: dragable,
+      [`${prefix}disabled`]: disabled,
+      [`${prefix}readonly`]: readonly,
+      [className]: className,
+    });
+
+    const isExceedLimit = this.state.value.length >= limit;
+    const innerCls = classNames({
+      [`${prefix}upload-inner`]: true,
+      [`${prefix}hidden`]: isExceedLimit,
+    });
+
+    let { children } = this.props;
+    if (shape === 'card') {
+      const cardCls = classNames({
+        [`${prefix}upload-card`]: true,
+        [`${prefix}disabled`]: disabled,
+      });
+      children = (
+        <div className={cardCls}>
+          <Icon type="add" size="large" />
+          <div
+            tabIndex="0"
+            role="button"
+            className={`${prefix}upload-text`}
+          >
+            {children}
+          </div>
+        </div>
+      );
+    }
+
+    if (isPreview) {
+      if (typeof renderPreview === 'function') {
+        const previewCls = classNames({
+          [`${prefix}form-preview`]: true,
+          [className]: !!className,
+        });
+        return (
+          <div style={style} className={previewCls}>
+            {renderPreview(this.state.value, this.props)}
+          </div>
+        );
+      }
+
+      if (listType) {
+        return (
+          <List
+            isPreview
+            listType={listType}
+            style={style}
+            className={className}
+            value={this.state.value}
+          />
+        );
+      }
+
+      return null;
+    }
+
+    // disabled 状态下把 remove函数替换成禁止 remove的函数
+    const onRemoveFunc = disabled ? func.prevent : onRemove;
+    const otherAttributes = obj.pickAttrsWith(this.props, 'data-');
+    return (
+      <div className={cls} style={style} {...otherAttributes}>
+        <Uploader
+          {...others}
+          beforeUpload={beforeUpload}
+          dragable={dragable}
+          disabled={disabled || isExceedLimit}
+          className={innerCls}
+          onSelect={this.onSelect}
+          onDrop={this.onDrop}
+          onProgress={this.onProgress}
+          onSuccess={this.onSuccess}
+          onError={this.onError}
+          ref={this.saveUploaderRef}
+        >
+          {children}
+        </Uploader>
+        {listType || list ? (
+          <List
+            useDataURL={useDataURL}
+            uploader={this}
+            listType={listType}
+            value={this.state.value}
+            closable={closable}
+            onRemove={onRemoveFunc}
+            progressProps={progressProps}
+            onCancel={onCancel}
+            onPreview={onPreview}
+            extraRender={extraRender}
+            rtl={rtl}
+          />
+        ) : null}
+      </div>
+    );
+  }
 }
 
 export default Upload;
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/upload/util.js b/packages/material-parser/test/fixtures/fusion-next-component/src/upload/util.js
index 77090f2f1..6e53b8d0b 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/upload/util.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/upload/util.js
@@ -5,50 +5,50 @@ let now = +new Date();
  * @return {String} uid
  */
 export function uid() {
-    return (now++).toString(36);
+  return (now++).toString(36);
 }
 
 export function fileToObject(file) {
-    if (!file.uid) {
-        file.uid = uid();
-    }
+  if (!file.uid) {
+    file.uid = uid();
+  }
 
-    return {
-        lastModified: file.lastModified,
-        lastModifiedDate: file.lastModifiedDate,
-        name: file.filename || file.name,
-        size: file.size,
-        type: file.type,
-        uid: file.uid,
-        error: file.error,
-        percent: 0,
-        originFileObj: file,
-    };
+  return {
+    lastModified: file.lastModified,
+    lastModifiedDate: file.lastModifiedDate,
+    name: file.filename || file.name,
+    size: file.size,
+    type: file.type,
+    uid: file.uid,
+    error: file.error,
+    percent: 0,
+    originFileObj: file,
+  };
 }
 
 export function getFileItem(file, fileList) {
-    const matchKey = file.uid !== undefined ? 'uid' : 'name';
-    return fileList.filter(item => item[matchKey] === file[matchKey])[0];
+  const matchKey = file.uid !== undefined ? 'uid' : 'name';
+  return fileList.filter(item => item[matchKey] === file[matchKey])[0];
 }
 
 export function removeFileItem(file, fileList) {
-    const matchKey = file.uid !== undefined ? 'uid' : 'name';
-    const removed = fileList.filter(item => item[matchKey] !== file[matchKey]);
-    if (removed.length === fileList.length) {
-        return null;
-    }
-    return removed;
+  const matchKey = file.uid !== undefined ? 'uid' : 'name';
+  const removed = fileList.filter(item => item[matchKey] !== file[matchKey]);
+  if (removed.length === fileList.length) {
+    return null;
+  }
+  return removed;
 }
 
 // https://developer.mozilla.org/en-US/docs/Web/API/FileReader/readAsDataURL
 export function previewFile(file, callback) {
-    const reader = new FileReader();
-    reader.onloadend = () => callback(reader.result);
-    reader.readAsDataURL(file);
+  const reader = new FileReader();
+  reader.onloadend = () => callback(reader.result);
+  reader.readAsDataURL(file);
 }
 
 export const errorCode = {
-    EXCEED_LIMIT: 'EXCEED_LIMIT',
-    BEFOREUPLOAD_REJECT: 'BEFOREUPLOAD_REJECT',
-    RESPONSE_FAIL: 'RESPONSE_FAIL',
+  EXCEED_LIMIT: 'EXCEED_LIMIT',
+  BEFOREUPLOAD_REJECT: 'BEFOREUPLOAD_REJECT',
+  RESPONSE_FAIL: 'RESPONSE_FAIL',
 };
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/util/dom.js b/packages/material-parser/test/fixtures/fusion-next-component/src/util/dom.js
index c98819dd7..a01398d23 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/util/dom.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/util/dom.js
@@ -20,16 +20,16 @@ export const hasDOM =
  * dom.hasClass(document.body, 'foo');
  */
 export function hasClass(node, className) {
-    /* istanbul ignore if */
-    if (!hasDOM || !node) {
-        return false;
-    }
+  /* istanbul ignore if */
+  if (!hasDOM || !node) {
+    return false;
+  }
 
-    if (node.classList) {
-        return node.classList.contains(className);
-    } else {
-        return node.className.indexOf(className) > -1;
-    }
+  if (node.classList) {
+    return node.classList.contains(className);
+  } else {
+    return node.className.indexOf(className) > -1;
+  }
 }
 
 /**
@@ -41,16 +41,16 @@ export function hasClass(node, className) {
  * dom.addClass(document.body, 'foo');
  */
 export function addClass(node, className, _force) {
-    /* istanbul ignore if */
-    if (!hasDOM || !node) {
-        return;
-    }
+  /* istanbul ignore if */
+  if (!hasDOM || !node) {
+    return;
+  }
 
-    if (node.classList) {
-        node.classList.add(className);
-    } else if (_force === true || !hasClass(node, className)) {
-        node.className += ` ${className}`;
-    }
+  if (node.classList) {
+    node.classList.add(className);
+  } else if (_force === true || !hasClass(node, className)) {
+    node.className += ` ${className}`;
+  }
 }
 
 /**
@@ -62,19 +62,19 @@ export function addClass(node, className, _force) {
  * dom.removeClass(document.body, 'foo');
  */
 export function removeClass(node, className, _force) {
-    /* istanbul ignore if */
-    if (!hasDOM || !node) {
-        return;
-    }
+  /* istanbul ignore if */
+  if (!hasDOM || !node) {
+    return;
+  }
 
-    if (node.classList) {
-        node.classList.remove(className);
-    } else if (_force === true || hasClass(node, className)) {
-        node.className = node.className
-            .replace(className, '')
-            .replace(/\s+/g, ' ')
-            .trim();
-    }
+  if (node.classList) {
+    node.classList.remove(className);
+  } else if (_force === true || hasClass(node, className)) {
+    node.className = node.className
+      .replace(className, '')
+      .replace(/\s+/g, ' ')
+      .trim();
+  }
 }
 
 /**
@@ -87,21 +87,21 @@ export function removeClass(node, className, _force) {
  * dom.toggleClass(document.body, 'foo');
  */
 export function toggleClass(node, className) {
-    /* istanbul ignore if */
-    if (!hasDOM || !node) {
-        return false;
-    }
+  /* istanbul ignore if */
+  if (!hasDOM || !node) {
+    return false;
+  }
 
-    if (node.classList) {
-        return node.classList.toggle(className);
-    } else {
-        const flag = hasClass(node, className);
-        flag
-            ? removeClass(node, className, true)
-            : addClass(node, className, true);
+  if (node.classList) {
+    return node.classList.toggle(className);
+  } else {
+    const flag = hasClass(node, className);
+    flag
+      ? removeClass(node, className, true)
+      : addClass(node, className, true);
 
-        return !flag;
-    }
+    return !flag;
+  }
 }
 
 /**
@@ -113,29 +113,29 @@ export function toggleClass(node, className) {
  * @example
  * dom.matches(mountNode, '.container'); // boolean
  */
-export const matches = (function() {
-    let matchesFn = null;
-    /* istanbul ignore else */
-    if (hasDOM) {
-        const _body = document.body || document.head;
-        matchesFn = _body.matches
-            ? 'matches'
-            : _body.webkitMatchesSelector
-            ? 'webkitMatchesSelector'
-            : _body.msMatchesSelector
-            ? 'msMatchesSelector'
-            : _body.mozMatchesSelector
+export const matches = (function () {
+  let matchesFn = null;
+  /* istanbul ignore else */
+  if (hasDOM) {
+    const _body = document.body || document.head;
+    matchesFn = _body.matches
+      ? 'matches'
+      : _body.webkitMatchesSelector
+        ? 'webkitMatchesSelector'
+        : _body.msMatchesSelector
+          ? 'msMatchesSelector'
+          : _body.mozMatchesSelector
             ? 'mozMatchesSelector'
             : null;
+  }
+
+  return function (node, selector) {
+    if (!hasDOM || !node) {
+      return false;
     }
 
-    return function(node, selector) {
-        if (!hasDOM || !node) {
-            return false;
-        }
-
-        return matchesFn ? node[matchesFn](selector) : false;
-    };
+    return matchesFn ? node[matchesFn](selector) : false;
+  };
 })();
 
 /**
@@ -145,9 +145,9 @@ export const matches = (function() {
  * @return {Object}
  */
 function _getComputedStyle(node) {
-    return node && node.nodeType === 1
-        ? window.getComputedStyle(node, null)
-        : {};
+  return node && node.nodeType === 1
+    ? window.getComputedStyle(node, null)
+    : {};
 }
 
 const PIXEL_PATTERN = /margin|padding|width|height|max|min|offset|size/i;
@@ -161,23 +161,23 @@ const removePixel = { left: 1, top: 1, right: 1, bottom: 1 };
  * @param  {Number} value
  */
 function _getStyleValue(node, type, value) {
-    type = type.toLowerCase();
+  type = type.toLowerCase();
 
-    if (value === 'auto') {
-        if (type === 'height') {
-            return node.offsetHeight || 0;
-        }
-        if (type === 'width') {
-            return node.offsetWidth || 0;
-        }
+  if (value === 'auto') {
+    if (type === 'height') {
+      return node.offsetHeight || 0;
     }
-
-    if (!(type in removePixel)) {
-        // 属性值是否需要去掉 px 单位，这里假定此类的属性值都是 px 为单位的
-        removePixel[type] = PIXEL_PATTERN.test(type);
+    if (type === 'width') {
+      return node.offsetWidth || 0;
     }
+  }
 
-    return removePixel[type] ? parseFloat(value) || 0 : value;
+  if (!(type in removePixel)) {
+    // 属性值是否需要去掉 px 单位，这里假定此类的属性值都是 px 为单位的
+    removePixel[type] = PIXEL_PATTERN.test(type);
+  }
+
+  return removePixel[type] ? parseFloat(value) || 0 : value;
 }
 
 const floatMap = { cssFloat: 1, styleFloat: 1, float: 1 };
@@ -189,29 +189,29 @@ const floatMap = { cssFloat: 1, styleFloat: 1, float: 1 };
  * @return {Number|Object}
  */
 export function getStyle(node, name) {
-    /* istanbul ignore if */
-    if (!hasDOM || !node) {
-        return null;
-    }
+  /* istanbul ignore if */
+  if (!hasDOM || !node) {
+    return null;
+  }
 
-    const style = _getComputedStyle(node);
+  const style = _getComputedStyle(node);
 
-    // 如果不指定属性名，则返回全部值
-    if (arguments.length === 1) {
-        return style;
-    }
+  // 如果不指定属性名，则返回全部值
+  if (arguments.length === 1) {
+    return style;
+  }
 
-    name = floatMap[name]
-        ? 'cssFloat' in node.style
-            ? 'cssFloat'
-            : 'styleFloat'
-        : name;
+  name = floatMap[name]
+    ? 'cssFloat' in node.style
+      ? 'cssFloat'
+      : 'styleFloat'
+    : name;
 
-    return _getStyleValue(
-        node,
-        name,
-        style.getPropertyValue(hyphenate(name)) || node.style[camelcase(name)]
-    );
+  return _getStyleValue(
+    node,
+    name,
+    style.getPropertyValue(hyphenate(name)) || node.style[camelcase(name)],
+  );
 }
 
 /**
@@ -230,25 +230,25 @@ export function getStyle(node, name) {
  * });
  */
 export function setStyle(node, name, value) {
-    /* istanbul ignore if */
-    if (!hasDOM || !node) {
-        return false;
-    }
+  /* istanbul ignore if */
+  if (!hasDOM || !node) {
+    return false;
+  }
 
-    // 批量设置多个值
-    if (typeof name === 'object' && arguments.length === 2) {
-        each(name, (val, key) => setStyle(node, key, val));
-    } else {
-        name = floatMap[name]
-            ? 'cssFloat' in node.style
-                ? 'cssFloat'
-                : 'styleFloat'
-            : name;
-        if (typeof value === 'number' && PIXEL_PATTERN.test(name)) {
-            value = `${value}px`;
-        }
-        node.style[camelcase(name)] = value; // IE8 support
+  // 批量设置多个值
+  if (typeof name === 'object' && arguments.length === 2) {
+    each(name, (val, key) => setStyle(node, key, val));
+  } else {
+    name = floatMap[name]
+      ? 'cssFloat' in node.style
+        ? 'cssFloat'
+        : 'styleFloat'
+      : name;
+    if (typeof value === 'number' && PIXEL_PATTERN.test(name)) {
+      value = `${value}px`;
     }
+    node.style[camelcase(name)] = value; // IE8 support
+  }
 }
 
 /**
@@ -256,24 +256,24 @@ export function setStyle(node, name, value) {
  * @return {Object} width, height
  */
 export function scrollbar() {
-    const scrollDiv = document.createElement('div');
+  const scrollDiv = document.createElement('div');
 
-    setStyle(scrollDiv, {
-        position: 'absolute',
-        width: '100px',
-        height: '100px',
-        overflow: 'scroll',
-        top: '-9999px',
-    });
-    document.body.appendChild(scrollDiv);
-    const scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
-    const scrollbarHeight = scrollDiv.offsetHeight - scrollDiv.clientHeight;
-    document.body.removeChild(scrollDiv);
+  setStyle(scrollDiv, {
+    position: 'absolute',
+    width: '100px',
+    height: '100px',
+    overflow: 'scroll',
+    top: '-9999px',
+  });
+  document.body.appendChild(scrollDiv);
+  const scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
+  const scrollbarHeight = scrollDiv.offsetHeight - scrollDiv.clientHeight;
+  document.body.removeChild(scrollDiv);
 
-    return {
-        width: scrollbarWidth,
-        height: scrollbarHeight,
-    };
+  return {
+    width: scrollbarWidth,
+    height: scrollbarHeight,
+  };
 }
 
 /**
@@ -281,12 +281,12 @@ export function scrollbar() {
  * @return {Object} top, left
  */
 export function getOffset(node) {
-    const rect = node.getBoundingClientRect();
-    const win = node.ownerDocument.defaultView;
-    return {
-        top: rect.top + win.pageYOffset,
-        left: rect.left + win.pageXOffset,
-    };
+  const rect = node.getBoundingClientRect();
+  const win = node.ownerDocument.defaultView;
+  return {
+    top: rect.top + win.pageYOffset,
+    left: rect.left + win.pageXOffset,
+  };
 }
 
 /**
@@ -295,25 +295,25 @@ export function getOffset(node) {
  * @return {number} pixels
  */
 export function getPixels(len) {
-    const win = document.defaultView;
-    if (typeof +len === 'number' && !isNaN(+len)) {
-        return +len;
+  const win = document.defaultView;
+  if (typeof +len === 'number' && !isNaN(+len)) {
+    return +len;
+  }
+
+  if (typeof len === 'string') {
+    const PX_REG = /(\d+)px/;
+    const VH_REG = /(\d+)vh/;
+    if (Array.isArray(len.match(PX_REG))) {
+      return +len.match(PX_REG)[1] || 0;
     }
 
-    if (typeof len === 'string') {
-        const PX_REG = /(\d+)px/;
-        const VH_REG = /(\d+)vh/;
-        if (Array.isArray(len.match(PX_REG))) {
-            return +len.match(PX_REG)[1] || 0;
-        }
-
-        if (Array.isArray(len.match(VH_REG))) {
-            const _1vh = win.innerHeight / 100;
-            return +(len.match(VH_REG)[1] * _1vh) || 0;
-        }
+    if (Array.isArray(len.match(VH_REG))) {
+      const _1vh = win.innerHeight / 100;
+      return +(len.match(VH_REG)[1] * _1vh) || 0;
     }
+  }
 
-    return 0;
+  return 0;
 }
 
 /**
@@ -323,23 +323,23 @@ export function getPixels(len) {
  * @return {element} parent
  */
 export function getClosest(dom, selector) {
-    /* istanbul ignore if */
-    if (!hasDOM || !dom) {
-        return null;
-    }
-
-    // ie9
-    /* istanbul ignore if */
-    if (!Element.prototype.closest) {
-        if (!document.documentElement.contains(dom)) return null;
-        do {
-            if (getMatches(dom, selector)) return dom;
-            dom = dom.parentElement;
-        } while (dom !== null);
-    } else {
-        return dom.closest(selector);
-    }
+  /* istanbul ignore if */
+  if (!hasDOM || !dom) {
     return null;
+  }
+
+  // ie9
+  /* istanbul ignore if */
+  if (!Element.prototype.closest) {
+    if (!document.documentElement.contains(dom)) return null;
+    do {
+      if (getMatches(dom, selector)) return dom;
+      dom = dom.parentElement;
+    } while (dom !== null);
+  } else {
+    return dom.closest(selector);
+  }
+  return null;
 }
 
 /**
@@ -349,19 +349,19 @@ export function getClosest(dom, selector) {
  * @return {element} parent
  */
 export function getMatches(dom, selector) {
-    /* istanbul ignore if */
-    if (!hasDOM || !dom) {
-        return null;
-    }
-
-    /* istanbul ignore if */
-    if (Element.prototype.matches) {
-        return dom.matches(selector);
-    } else if (Element.prototype.msMatchesSelector) {
-        return dom.msMatchesSelector(selector);
-    } else if (Element.prototype.webkitMatchesSelector) {
-        return dom.webkitMatchesSelector(selector);
-    }
-
+  /* istanbul ignore if */
+  if (!hasDOM || !dom) {
     return null;
+  }
+
+  /* istanbul ignore if */
+  if (Element.prototype.matches) {
+    return dom.matches(selector);
+  } else if (Element.prototype.msMatchesSelector) {
+    return dom.msMatchesSelector(selector);
+  } else if (Element.prototype.webkitMatchesSelector) {
+    return dom.webkitMatchesSelector(selector);
+  }
+
+  return null;
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/util/env.js b/packages/material-parser/test/fixtures/fusion-next-component/src/util/env.js
index 0abc0b3f9..9a80b0daa 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/util/env.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/util/env.js
@@ -11,30 +11,30 @@ export const ieVersion =
  * @type {Boolean}
  */
 export const isProduction = () => {
-    const PRODUCTION_ENV = 'production';
-    let result = false;
+  const PRODUCTION_ENV = 'production';
+  let result = false;
+  try {
+    if (process.env.NODE_ENV === PRODUCTION_ENV) {
+      result = true;
+    }
+  } catch (err) {
+    //
+  }
+
+  if (!result) {
     try {
-        if (process.env.NODE_ENV === PRODUCTION_ENV) {
-            result = true;
-        }
+      if (window.process.env.NODE_ENV === PRODUCTION_ENV) {
+        result = true;
+      }
     } catch (err) {
-        //
+      //
     }
+  }
 
-    if (!result) {
-        try {
-            if (window.process.env.NODE_ENV === PRODUCTION_ENV) {
-                result = true;
-            }
-        } catch (err) {
-            //
-        }
-    }
-
-    return result;
+  return result;
 };
 
 export default {
-    ieVersion,
-    isProduction,
+  ieVersion,
+  isProduction,
 };
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/util/events.js b/packages/material-parser/test/fixtures/fusion-next-component/src/util/events.js
index dacf0350e..349dc07f0 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/util/events.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/util/events.js
@@ -6,10 +6,10 @@
  * @param  {Boolean}   [useCapture=false] 是否开启事件捕获优先
  */
 export function off(node, eventName, callback, useCapture) {
-    /* istanbul ignore else */
-    if (node.removeEventListener) {
-        node.removeEventListener(eventName, callback, useCapture || false);
-    }
+  /* istanbul ignore else */
+  if (node.removeEventListener) {
+    node.removeEventListener(eventName, callback, useCapture || false);
+  }
 }
 
 /**
@@ -28,14 +28,14 @@ export function off(node, eventName, callback, useCapture) {
  * handler.off();
  */
 export function on(node, eventName, callback, useCapture) {
-    /* istanbul ignore else */
-    if (node.addEventListener) {
-        node.addEventListener(eventName, callback, useCapture || false);
-    }
+  /* istanbul ignore else */
+  if (node.addEventListener) {
+    node.addEventListener(eventName, callback, useCapture || false);
+  }
 
-    return {
-        off: () => off(node, eventName, callback, useCapture),
-    };
+  return {
+    off: () => off(node, eventName, callback, useCapture),
+  };
 }
 
 /**
@@ -47,15 +47,15 @@ export function on(node, eventName, callback, useCapture) {
  * @return {Function}             返回的object中包含一个off方法，用于取消事件监听
  */
 export function once(node, eventName, callback, useCapture) {
-    return on(
-        node,
-        eventName,
-        function __fn(...args) {
-            callback.apply(this, args);
+  return on(
+    node,
+    eventName,
+    function __fn(...args) {
+      callback.apply(this, args);
 
-            // 由于addEventListener中的参数options只在Chrome 55、Firefox(Gecko)以上版本支持，故还是用传统的方法实现once
-            off(node, eventName, __fn, useCapture);
-        },
-        useCapture
-    );
+      // 由于addEventListener中的参数options只在Chrome 55、Firefox(Gecko)以上版本支持，故还是用传统的方法实现once
+      off(node, eventName, __fn, useCapture);
+    },
+    useCapture,
+  );
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/util/focus.js b/packages/material-parser/test/fixtures/fusion-next-component/src/util/focus.js
index b73188ff1..e932159cf 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/util/focus.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/util/focus.js
@@ -12,19 +12,19 @@ import { each } from './object';
  * @return  {Boolean}
  */
 function _isVisible(node) {
-    while (node) {
-        if (node === document.body || node === document.documentElement) {
-            break;
-        }
-        if (
-            node.style.display === 'none' ||
-            node.style.visibility === 'hidden'
-        ) {
-            return false;
-        }
-        node = node.parentNode;
+  while (node) {
+    if (node === document.body || node === document.documentElement) {
+      break;
     }
-    return true;
+    if (
+      node.style.display === 'none' ||
+            node.style.visibility === 'hidden'
+    ) {
+      return false;
+    }
+    node = node.parentNode;
+  }
+  return true;
 }
 
 /**
@@ -34,22 +34,22 @@ function _isVisible(node) {
  * @return  {Boolean}
  */
 function _isFocusable(node) {
-    const nodeName = node.nodeName.toLowerCase();
-    const tabIndex = parseInt(node.getAttribute('tabindex'), 10);
-    const hasTabIndex = !isNaN(tabIndex) && tabIndex > -1;
+  const nodeName = node.nodeName.toLowerCase();
+  const tabIndex = parseInt(node.getAttribute('tabindex'), 10);
+  const hasTabIndex = !isNaN(tabIndex) && tabIndex > -1;
 
-    if (_isVisible(node)) {
-        if (nodeName === 'input') {
-            return !node.disabled && node.type !== 'hidden';
-        } else if (['select', 'textarea', 'button'].indexOf(nodeName) > -1) {
-            return !node.disabled;
-        } else if (nodeName === 'a') {
-            return node.getAttribute('href') || hasTabIndex;
-        } else {
-            return hasTabIndex;
-        }
+  if (_isVisible(node)) {
+    if (nodeName === 'input') {
+      return !node.disabled && node.type !== 'hidden';
+    } else if (['select', 'textarea', 'button'].indexOf(nodeName) > -1) {
+      return !node.disabled;
+    } else if (nodeName === 'a') {
+      return node.getAttribute('href') || hasTabIndex;
+    } else {
+      return hasTabIndex;
     }
-    return false;
+  }
+  return false;
 }
 
 /**
@@ -58,23 +58,23 @@ function _isFocusable(node) {
  * @return {Array<Element>}
  */
 export function getFocusNodeList(node) {
-    const res = [];
-    const nodeList = node.querySelectorAll('*');
+  const res = [];
+  const nodeList = node.querySelectorAll('*');
 
-    each(nodeList, item => {
-        if (_isFocusable(item)) {
-            const method = item.getAttribute('data-auto-focus')
-                ? 'unshift'
-                : 'push';
-            res[method](item);
-        }
-    });
-
-    if (_isFocusable(node)) {
-        res.unshift(node);
+  each(nodeList, item => {
+    if (_isFocusable(item)) {
+      const method = item.getAttribute('data-auto-focus')
+        ? 'unshift'
+        : 'push';
+      res[method](item);
     }
+  });
 
-    return res;
+  if (_isFocusable(node)) {
+    res.unshift(node);
+  }
+
+  return res;
 }
 
 // 用于记录上一次获得焦点的无素
@@ -84,28 +84,28 @@ let lastFocusElement = null;
  * 保存最近一次获得焦点的无素
  */
 export function saveLastFocusNode() {
-    lastFocusElement = document.activeElement;
+  lastFocusElement = document.activeElement;
 }
 
 /**
  * 清除焦点记录
  */
 export function clearLastFocusNode() {
-    lastFocusElement = null;
+  lastFocusElement = null;
 }
 
 /**
  * 尝试将焦点切换到上一个元素
  */
 export function backLastFocusNode() {
-    if (lastFocusElement) {
-        try {
-            // 元素可能已经被移动了
-            lastFocusElement.focus();
-        } catch (e) {
-            // ignore ...
-        }
+  if (lastFocusElement) {
+    try {
+      // 元素可能已经被移动了
+      lastFocusElement.focus();
+    } catch (e) {
+      // ignore ...
     }
+  }
 }
 
 /**
@@ -114,17 +114,17 @@ export function backLastFocusNode() {
  * @param  {Event} e      键盘事件
  */
 export function limitTabRange(node, e) {
-    if (e.keyCode === KEYCODE.TAB) {
-        const tabNodeList = getFocusNodeList(node);
-        const maxIndex = tabNodeList.length - 1;
-        const index = tabNodeList.indexOf(document.activeElement);
+  if (e.keyCode === KEYCODE.TAB) {
+    const tabNodeList = getFocusNodeList(node);
+    const maxIndex = tabNodeList.length - 1;
+    const index = tabNodeList.indexOf(document.activeElement);
 
-        if (index > -1) {
-            let targetIndex = index + (e.shiftKey ? -1 : 1);
-            targetIndex < 0 && (targetIndex = maxIndex);
-            targetIndex > maxIndex && (targetIndex = 0);
-            tabNodeList[targetIndex].focus();
-            e.preventDefault();
-        }
+    if (index > -1) {
+      let targetIndex = index + (e.shiftKey ? -1 : 1);
+      targetIndex < 0 && (targetIndex = maxIndex);
+      targetIndex > maxIndex && (targetIndex = 0);
+      tabNodeList[targetIndex].focus();
+      e.preventDefault();
     }
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/util/func.js b/packages/material-parser/test/fixtures/fusion-next-component/src/util/func.js
index 945749b73..0b2a4dd64 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/util/func.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/util/func.js
@@ -19,17 +19,17 @@ export const prevent = () => false;
  * func.makeChain(this.handleChange, this.props.onChange);
  */
 export function makeChain(...fns) {
-    if (fns.length === 1) {
-        return fns[0];
-    }
+  if (fns.length === 1) {
+    return fns[0];
+  }
 
-    return function chainedFunction(...args) {
-        for (let i = 0, j = fns.length; i < j; i++) {
-            if (fns[i] && fns[i].apply) {
-                fns[i].apply(this, args);
-            }
-        }
-    };
+  return function chainedFunction(...args) {
+    for (let i = 0, j = fns.length; i < j; i++) {
+      if (fns[i] && fns[i].apply) {
+        fns[i].apply(this, args);
+      }
+    }
+  };
 }
 
 /**
@@ -43,17 +43,17 @@ export function makeChain(...fns) {
  * func.bindCtx(this, ['handleClick', 'handleChange']);
  */
 export function bindCtx(ctx, fns, ns) {
-    if (typeof fns === 'string') {
-        fns = [fns];
-    }
+  if (typeof fns === 'string') {
+    fns = [fns];
+  }
 
-    // 方法的挂载空间，如果不传，默认与ctx相同
-    ns = ns || ctx;
+  // 方法的挂载空间，如果不传，默认与ctx相同
+  ns = ns || ctx;
 
-    fns.forEach(fnName => {
-        // 这里不要添加空方法判断，由调用者保证正确性，否则出了问题无法排查
-        ns[fnName] = ns[fnName].bind(ctx);
-    });
+  fns.forEach(fnName => {
+    // 这里不要添加空方法判断，由调用者保证正确性，否则出了问题无法排查
+    ns[fnName] = ns[fnName].bind(ctx);
+  });
 }
 
 /**
@@ -63,17 +63,17 @@ export function bindCtx(ctx, fns, ns) {
  * @param  {Function} [failure=noop] 执行结果返回false的回调
  */
 export function promiseCall(ret, success, failure = noop) {
-    if (isPromise(ret)) {
-        return ret
-            .then(result => {
-                success(result);
-                return result;
-            })
-            .catch(e => {
-                failure(e);
-                // throw e;
-            });
-    }
+  if (isPromise(ret)) {
+    return ret
+      .then(result => {
+        success(result);
+        return result;
+      })
+      .catch(e => {
+        failure(e);
+        // throw e;
+      });
+  }
 
-    return ret !== false ? success(ret) : failure(ret);
+  return ret !== false ? success(ret) : failure(ret);
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/util/guid.js b/packages/material-parser/test/fixtures/fusion-next-component/src/util/guid.js
index d7f3d2f23..c837519cb 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/util/guid.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/util/guid.js
@@ -9,8 +9,8 @@ let timestamp = Date.now();
  * guid(); // j7jv509c
  * guid('prefix-'); // prefix-j7jv509d
  */
-export default function(prefix) {
-    prefix = prefix || '';
+export default function (prefix) {
+  prefix = prefix || '';
 
-    return prefix + (timestamp++).toString(36);
+  return prefix + (timestamp++).toString(36);
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/util/htmlId.js b/packages/material-parser/test/fixtures/fusion-next-component/src/util/htmlId.js
index 8d9774e14..b8ed741cc 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/util/htmlId.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/util/htmlId.js
@@ -6,9 +6,9 @@
  * @returns {String}
  */
 export function randomId(prefix, max = 1000000) {
-    const rand = Math.ceil(Math.random() * max);
+  const rand = Math.ceil(Math.random() * max);
 
-    return prefix ? `${escapeForId(prefix)}-${rand}` : rand.toString(10);
+  return prefix ? `${escapeForId(prefix)}-${rand}` : rand.toString(10);
 }
 
 /**
@@ -18,15 +18,15 @@ export function randomId(prefix, max = 1000000) {
  * @returns {String}
  */
 export function escapeForId(text) {
-    if (!text) {
-        return '';
-    }
+  if (!text) {
+    return '';
+  }
 
-    if (typeof text === 'object') {
-        text = JSON.stringify(text);
-    } else if (typeof text !== 'string') {
-        text = String(text);
-    }
+  if (typeof text === 'object') {
+    text = JSON.stringify(text);
+  } else if (typeof text !== 'string') {
+    text = String(text);
+  }
 
-    return text.replace(/['"]/gm, '').replace(/[\s'"]/gm, '-');
+  return text.replace(/['"]/gm, '').replace(/[\s'"]/gm, '-');
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/util/keycode.js b/packages/material-parser/test/fixtures/fusion-next-component/src/util/keycode.js
index f72e3b4ac..1d90e6c66 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/util/keycode.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/util/keycode.js
@@ -1,32 +1,32 @@
 export default {
-    BACKSPACE: 8,
-    TAB: 9,
-    ENTER: 13,
-    SHIFT: 16,
-    CTRL: 17,
-    ALT: 18,
-    ESC: 27,
-    SPACE: 32,
-    END: 35,
-    HOME: 36,
-    LEFT: 37,
-    UP: 38,
-    RIGHT: 39,
-    DOWN: 40,
-    PAGE_UP: 33,
-    PAGE_DOWN: 34,
+  BACKSPACE: 8,
+  TAB: 9,
+  ENTER: 13,
+  SHIFT: 16,
+  CTRL: 17,
+  ALT: 18,
+  ESC: 27,
+  SPACE: 32,
+  END: 35,
+  HOME: 36,
+  LEFT: 37,
+  UP: 38,
+  RIGHT: 39,
+  DOWN: 40,
+  PAGE_UP: 33,
+  PAGE_DOWN: 34,
 
-    // version 0.x
-    ESCAPE: 27,
-    LEFT_ARROW: 37,
-    UP_ARROW: 38,
-    RIGHT_ARROW: 39,
-    DOWN_ARROW: 40,
+  // version 0.x
+  ESCAPE: 27,
+  LEFT_ARROW: 37,
+  UP_ARROW: 38,
+  RIGHT_ARROW: 39,
+  DOWN_ARROW: 40,
 
-    // MacOS
-    CONTROL: 17,
-    OPTION: 18,
-    CMD: 91,
-    COMMAND: 91,
-    DELETE: 8,
+  // MacOS
+  CONTROL: 17,
+  OPTION: 18,
+  CMD: 91,
+  COMMAND: 91,
+  DELETE: 8,
 };
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/util/log.js b/packages/material-parser/test/fixtures/fusion-next-component/src/util/log.js
index f6bd1548e..fa0012124 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/util/log.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/util/log.js
@@ -13,13 +13,13 @@ import { isProduction } from './env';
  * // Warning: onBeforeClose is deprecated at [ Dialog ], use [ beforeClose ] instead of it.
  */
 export function deprecated(props, instead, component) {
-    /* istanbul ignore else */
-    if (!isProduction() && typeof console !== 'undefined' && console.error) {
-        return console.error(
-            `Warning: [ ${props} ] is deprecated at [ ${component} ], ` +
-                `use [ ${instead} ] instead of it.`
-        );
-    }
+  /* istanbul ignore else */
+  if (!isProduction() && typeof console !== 'undefined' && console.error) {
+    return console.error(
+      `Warning: [ ${props} ] is deprecated at [ ${component} ], ` +
+                `use [ ${instead} ] instead of it.`,
+    );
+  }
 }
 
 /**
@@ -28,8 +28,8 @@ export function deprecated(props, instead, component) {
  * @return {Console<Error> | void}
  */
 export function warning(msg) {
-    /* istanbul ignore else */
-    if (!isProduction() && typeof console !== 'undefined' && console.error) {
-        return console.error(`Warning: ${msg}`);
-    }
+  /* istanbul ignore else */
+  if (!isProduction() && typeof console !== 'undefined' && console.error) {
+    return console.error(`Warning: ${msg}`);
+  }
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/util/object.js b/packages/material-parser/test/fixtures/fusion-next-component/src/util/object.js
index fa3275d91..ad13e3864 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/util/object.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/util/object.js
@@ -11,7 +11,7 @@ import React from 'react';
  * typeOf(1) === 'Number'
  */
 export function typeOf(obj) {
-    return Object.prototype.toString.call(obj).replace(/\[object\s|]/g, '');
+  return Object.prototype.toString.call(obj).replace(/\[object\s|]/g, '');
 }
 
 /**
@@ -25,14 +25,14 @@ export function typeOf(obj) {
  * isArrayLike(this.props.children) === true
  */
 export function isArrayLike(obj) {
-    const length = !!obj && 'length' in obj && obj.length;
-    const type = typeOf(obj);
+  const length = !!obj && 'length' in obj && obj.length;
+  const type = typeOf(obj);
 
-    return (
-        type === 'Array' ||
+  return (
+    type === 'Array' ||
         length === 0 ||
         (typeof length === 'number' && length > 0 && length - 1 in obj)
-    );
+  );
 }
 
 /**
@@ -41,11 +41,11 @@ export function isArrayLike(obj) {
  * @return {Boolean}
  */
 export function isPromise(obj) {
-    return (
-        !!obj &&
+  return (
+    !!obj &&
         (typeof obj === 'object' || typeof obj === 'function') &&
         typeof obj.then === 'function'
-    );
+  );
 }
 
 /**
@@ -55,27 +55,27 @@ export function isPromise(obj) {
  * @reference https://github.com/jonschlinkert/is-plain-object
  */
 export function isPlainObject(obj) {
-    if (typeOf(obj) !== 'Object') {
-        return false;
-    }
+  if (typeOf(obj) !== 'Object') {
+    return false;
+  }
 
-    const ctor = obj.constructor;
+  const ctor = obj.constructor;
 
-    if (typeof ctor !== 'function') {
-        return false;
-    }
+  if (typeof ctor !== 'function') {
+    return false;
+  }
 
-    const prot = ctor.prototype;
+  const prot = ctor.prototype;
 
-    if (typeOf(prot) !== 'Object') {
-        return false;
-    }
+  if (typeOf(prot) !== 'Object') {
+    return false;
+  }
 
-    if (!prot.hasOwnProperty('isPrototypeOf')) {
-        return false;
-    }
+  if (!prot.hasOwnProperty('isPrototypeOf')) {
+    return false;
+  }
 
-    return true;
+  return true;
 }
 
 /**
@@ -89,44 +89,44 @@ export function isPlainObject(obj) {
  * object.shallowEqual({a: 100}, {a: 100}); // true
  */
 export function shallowEqual(objA, objB, compare) {
-    if (objA === objB) {
-        return true;
-    }
-
-    // 其中一个不是object，则不相等
-    if (!objA || !objB || typeof objA + typeof objB !== 'objectobject') {
-        return false;
-    }
-
-    const keyA = Object.keys(objA);
-    const keyB = Object.keys(objB);
-    const len = keyA.length;
-
-    // key 数量不一致则不相等
-    if (len !== keyB.length) {
-        return false;
-    }
-
-    const hasCallback = typeof compare === 'function';
-
-    for (let i = 0; i < len; i++) {
-        const key = keyA[i];
-
-        if (!Object.prototype.hasOwnProperty.call(objB, key)) {
-            return false;
-        }
-
-        const valA = objA[key];
-        const valB = objB[key];
-
-        const ret = hasCallback ? compare(valA, valB, key) : void 0;
-
-        if (ret === false || (ret === void 0 && valA !== valB)) {
-            return false;
-        }
-    }
-
+  if (objA === objB) {
     return true;
+  }
+
+  // 其中一个不是object，则不相等
+  if (!objA || !objB || typeof objA + typeof objB !== 'objectobject') {
+    return false;
+  }
+
+  const keyA = Object.keys(objA);
+  const keyB = Object.keys(objB);
+  const len = keyA.length;
+
+  // key 数量不一致则不相等
+  if (len !== keyB.length) {
+    return false;
+  }
+
+  const hasCallback = typeof compare === 'function';
+
+  for (let i = 0; i < len; i++) {
+    const key = keyA[i];
+
+    if (!Object.prototype.hasOwnProperty.call(objB, key)) {
+      return false;
+    }
+
+    const valA = objA[key];
+    const valB = objB[key];
+
+    const ret = hasCallback ? compare(valA, valB, key) : void 0;
+
+    if (ret === false || (ret === void 0 && valA !== valB)) {
+      return false;
+    }
+  }
+
+  return true;
 }
 
 /**
@@ -147,38 +147,37 @@ export function shallowEqual(objA, objB, compare) {
  * object.each(arguments, (arg, i) => console.log(arg));
  */
 export function each(obj, callback, direction) {
-    const reversed = direction === -1;
-    const length = obj.length;
-    let value,
-        i = reversed ? length - 1 : 0;
+  const reversed = direction === -1;
+  const { length } = obj;
+  let value;
+  let i = reversed ? length - 1 : 0;
 
-    if (isArrayLike(obj)) {
-        for (; i < length && i >= 0; reversed ? i-- : i++) {
-            value = callback.call(obj[i], obj[i], i);
+  if (isArrayLike(obj)) {
+    for (; i < length && i >= 0; reversed ? i-- : i++) {
+      value = callback.call(obj[i], obj[i], i);
 
-            if (value === false) {
-                break;
-            }
-        }
-    } else {
-        for (i in obj) {
-            /* istanbul ignore else */
-            if (obj.hasOwnProperty(i)) {
-                value = callback.call(obj[i], obj[i], i);
-
-                if (value === false) {
-                    break;
-                }
-            }
-        }
+      if (value === false) {
+        break;
+      }
     }
+  } else {
+    for (i in obj) {
+      /* istanbul ignore else */
+      if (obj.hasOwnProperty(i)) {
+        value = callback.call(obj[i], obj[i], i);
 
-    return obj;
+        if (value === false) {
+          break;
+        }
+      }
+    }
+  }
+
+  return obj;
 }
 
 // @private 判断key是否在数组或对象中
-const _isInObj = (key, obj, isArray) =>
-    isArray ? obj.indexOf(key) > -1 : key in obj;
+const _isInObj = (key, obj, isArray) => (isArray ? obj.indexOf(key) > -1 : key in obj);
 
 /**
  * 过滤出其它属性
@@ -191,16 +190,16 @@ const _isInObj = (key, obj, isArray) =>
  * object.pickOthers(['className', 'onChange'], this.props);
  */
 export function pickOthers(holdProps, props) {
-    const others = {};
-    const isArray = typeOf(holdProps) === 'Array';
+  const others = {};
+  const isArray = typeOf(holdProps) === 'Array';
 
-    for (const key in props) {
-        if (!_isInObj(key, holdProps, isArray)) {
-            others[key] = props[key];
-        }
+  for (const key in props) {
+    if (!_isInObj(key, holdProps, isArray)) {
+      others[key] = props[key];
     }
+  }
 
-    return others;
+  return others;
 }
 
 /**
@@ -213,15 +212,15 @@ export function pickOthers(holdProps, props) {
  * object.pickAttrsWith(FooComponent.propTypes, 'data-');
  */
 export function pickAttrsWith(holdProps, prefix) {
-    const others = {};
+  const others = {};
 
-    for (const key in holdProps) {
-        if (key.match(prefix)) {
-            others[key] = holdProps[key];
-        }
+  for (const key in holdProps) {
+    if (key.match(prefix)) {
+      others[key] = holdProps[key];
     }
+  }
 
-    return others;
+  return others;
 }
 
 /**
@@ -230,9 +229,9 @@ export function pickAttrsWith(holdProps, prefix) {
  * @return {Boolean}
  */
 export function isNil(value) {
-    // It will returns `true` only if `null` or `undefined` compare with `null`
-    // with loose equaliy
-    return value == null; // eslint-disable-line eqeqeq
+  // It will returns `true` only if `null` or `undefined` compare with `null`
+  // with loose equaliy
+  return value == null; // eslint-disable-line eqeqeq
 }
 
 /**
@@ -242,34 +241,34 @@ export function isNil(value) {
  * @reference https://stackoverflow.com/questions/27936772/how-to-deep-merge-instead-of-shallow-merge?page=1&tab=votes#tab-top
  */
 export function deepMerge(target, ...sources) {
-    if (!sources.length) return target;
-    const source = sources.shift();
+  if (!sources.length) return target;
+  const source = sources.shift();
 
-    if (!isPlainObject(target)) {
-        target = {};
-    }
+  if (!isPlainObject(target)) {
+    target = {};
+  }
 
-    if (isPlainObject(target) && isPlainObject(source)) {
-        for (const key in source) {
-            // 如果是object 进行深拷贝
-            if (
-                isPlainObject(source[key]) &&
+  if (isPlainObject(target) && isPlainObject(source)) {
+    for (const key in source) {
+      // 如果是object 进行深拷贝
+      if (
+        isPlainObject(source[key]) &&
                 !React.isValidElement(source[key])
-            ) {
-                if (!target[key]) Object.assign(target, { [key]: {} });
-                // fix {a: 'te'}, {a:{b:3}}
-                if (!isPlainObject(target[key])) {
-                    target[key] = source[key];
-                }
-                deepMerge(target[key], source[key]);
-                // string/number/function/react node 等直接复制
-            } else {
-                Object.assign(target, { [key]: source[key] });
-            }
+      ) {
+        if (!target[key]) Object.assign(target, { [key]: {} });
+        // fix {a: 'te'}, {a:{b:3}}
+        if (!isPlainObject(target[key])) {
+          target[key] = source[key];
         }
+        deepMerge(target[key], source[key]);
+        // string/number/function/react node 等直接复制
+      } else {
+        Object.assign(target, { [key]: source[key] });
+      }
     }
+  }
 
-    return deepMerge(target, ...sources);
+  return deepMerge(target, ...sources);
 }
 
 /**
@@ -277,10 +276,10 @@ export function deepMerge(target, ...sources) {
  * @param {*} component 传入的组件
  */
 export function isFunctionComponent(component) {
-    return (
-        typeOf(component) === 'Function' &&
+  return (
+    typeOf(component) === 'Function' &&
         component.prototype.isReactComponent === undefined
-    );
+  );
 }
 
 /**
@@ -288,8 +287,8 @@ export function isFunctionComponent(component) {
  * @param {*} component  传入的组件
  */
 export function isClassComponent(component) {
-    return (
-        typeOf(component) === 'Function' &&
+  return (
+    typeOf(component) === 'Function' &&
         component.prototype.isReactComponent !== undefined
-    );
+  );
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/util/string.js b/packages/material-parser/test/fixtures/fusion-next-component/src/util/string.js
index e53ad7182..60ffe3764 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/util/string.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/util/string.js
@@ -7,10 +7,10 @@ import { typeOf } from './object';
  * @return {String}     例：WebkitTransition
  */
 export function camelcase(str) {
-    if (!/-/.test(str)) {
-        return str || '';
-    }
-    return str.toLowerCase().replace(/-([a-z])/g, ($0, $1) => $1.toUpperCase());
+  if (!/-/.test(str)) {
+    return str || '';
+  }
+  return str.toLowerCase().replace(/-([a-z])/g, ($0, $1) => $1.toUpperCase());
 }
 
 /**
@@ -19,16 +19,16 @@ export function camelcase(str) {
  * @return {String}     例：-webkit-transition
  */
 export function hyphenate(str) {
-    const strType = typeOf(str);
-    if (strType !== 'String') {
-        warning(
-            '[ hyphenate(str: string): string ] ' +
+  const strType = typeOf(str);
+  if (strType !== 'String') {
+    warning(
+      '[ hyphenate(str: string): string ] ' +
                 `Expected arguments[0] to be a string but get a ${strType}.` +
-                'It will return an empty string without any processing.'
-        );
-        return '';
-    }
-    return str.replace(/([A-Z])/g, $0 => `-${$0.toLowerCase()}`);
+                'It will return an empty string without any processing.',
+    );
+    return '';
+  }
+  return str.replace(/([A-Z])/g, $0 => `-${$0.toLowerCase()}`);
 }
 
 /**
@@ -38,18 +38,18 @@ export function hyphenate(str) {
  * @return {String}        例：
  */
 export function template(tpl, object = {}) {
-    const tplType = typeOf(tpl);
-    if (tplType !== 'String') {
-        warning(
-            '[ template(tpl: string, object: object): string ] ' +
+  const tplType = typeOf(tpl);
+  if (tplType !== 'String') {
+    warning(
+      '[ template(tpl: string, object: object): string ] ' +
                 `Expected arguments[0] to be a string but get a ${tplType}.` +
-                'It will return an empty string without any processing.'
-        );
-        return '';
-    }
+                'It will return an empty string without any processing.',
+    );
+    return '';
+  }
 
-    return tpl.replace(/\{[a-z]*\}/g, str => {
-        const key = str.substring(1, str.length - 1);
-        return object[key] || '';
-    });
+  return tpl.replace(/\{[a-z]*\}/g, str => {
+    const key = str.substring(1, str.length - 1);
+    return object[key] || '';
+  });
 }
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/util/support.js b/packages/material-parser/test/fixtures/fusion-next-component/src/util/support.js
index 6c2b5e6e8..43f859216 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/util/support.js
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/util/support.js
@@ -2,15 +2,15 @@ import { hasDOM } from './dom';
 import { each } from './object';
 
 const animationEndEventNames = {
-    WebkitAnimation: 'webkitAnimationEnd',
-    OAnimation: 'oAnimationEnd',
-    animation: 'animationend',
+  WebkitAnimation: 'webkitAnimationEnd',
+  OAnimation: 'oAnimationEnd',
+  animation: 'animationend',
 };
 
 const transitionEventNames = {
-    WebkitTransition: 'webkitTransitionEnd',
-    OTransition: 'oTransitionEnd',
-    transition: 'transitionend',
+  WebkitTransition: 'webkitTransitionEnd',
+  OTransition: 'oTransitionEnd',
+  transition: 'transitionend',
 };
 
 /**
@@ -20,23 +20,23 @@ const transitionEventNames = {
  * @return {Object|false}
  */
 function _supportEnd(names) {
-    /* istanbul ignore if */
-    if (!hasDOM) {
-        return false;
+  /* istanbul ignore if */
+  if (!hasDOM) {
+    return false;
+  }
+
+  const el = document.createElement('div');
+  let ret = false;
+
+  each(names, (val, key) => {
+    /* istanbul ignore else */
+    if (el.style[key] !== undefined) {
+      ret = { end: val };
+      return false;
     }
+  });
 
-    const el = document.createElement('div');
-    let ret = false;
-
-    each(names, (val, key) => {
-        /* istanbul ignore else */
-        if (el.style[key] !== undefined) {
-            ret = { end: val };
-            return false;
-        }
-    });
-
-    return ret;
+  return ret;
 }
 
 /**
@@ -46,29 +46,29 @@ function _supportEnd(names) {
  * @return {Boolean}       is support
  */
 function _supportCSS(names) {
-    /* istanbul ignore if */
-    if (!hasDOM) {
-        return false;
-    }
+  /* istanbul ignore if */
+  if (!hasDOM) {
+    return false;
+  }
 
-    const el = document.createElement('div');
-    let ret = false;
+  const el = document.createElement('div');
+  let ret = false;
 
-    each(names, (val, key) => {
-        each(val, item => {
-            try {
-                el.style[key] = item;
-                ret = ret || el.style[key] === item;
-            } catch (e) {
-                // It will be throw error when set unknown property under IE8
-            }
-            return !ret; // 如果有一个支持就返回false，后面不需要再判断
-        });
-
-        return !ret;
+  each(names, (val, key) => {
+    each(val, item => {
+      try {
+        el.style[key] = item;
+        ret = ret || el.style[key] === item;
+      } catch (e) {
+        // It will be throw error when set unknown property under IE8
+      }
+      return !ret; // 如果有一个支持就返回false，后面不需要再判断
     });
 
-    return ret;
+    return !ret;
+  });
+
+  return ret;
 }
 
 /**
@@ -90,5 +90,5 @@ export const transition = _supportEnd(transitionEventNames);
  * @type {Boolean}
  */
 export const flex = _supportCSS({
-    display: ['flex', '-webkit-flex', '-moz-flex', '-ms-flexbox'],
+  display: ['flex', '-webkit-flex', '-moz-flex', '-ms-flexbox'],
 });
diff --git a/packages/material-parser/test/fixtures/fusion-next-component/src/virtual-list/virtual-list.jsx b/packages/material-parser/test/fixtures/fusion-next-component/src/virtual-list/virtual-list.jsx
index c6c029a3a..ffa8d9417 100644
--- a/packages/material-parser/test/fixtures/fusion-next-component/src/virtual-list/virtual-list.jsx
+++ b/packages/material-parser/test/fixtures/fusion-next-component/src/virtual-list/virtual-list.jsx
@@ -8,438 +8,438 @@ const NOOP = () => {};
 const MAX_SYNC_UPDATES = 100;
 
 const isEqualSubset = (a, b) => {
-    for (const key in b) {
-        if (a[key] !== b[key]) {
-            return false;
-        }
+  for (const key in b) {
+    if (a[key] !== b[key]) {
+      return false;
     }
+  }
 
-    return true;
+  return true;
 };
 
 /** VirtualList */
 export default class VirtualList extends Component {
-    static displayName = 'VirtualList';
+  static displayName = 'VirtualList';
 
-    static propTypes = {
-        prefix: PropTypes.string,
-        /**
+  static propTypes = {
+    prefix: PropTypes.string,
+    /**
          * 渲染的子节点
          */
-        children: PropTypes.any,
-        /**
+    children: PropTypes.any,
+    /**
          * 最小加载数量
          */
-        minSize: PropTypes.number,
-        /**
+    minSize: PropTypes.number,
+    /**
          * 一屏数量
          */
-        pageSize: PropTypes.number,
-        /**
+    pageSize: PropTypes.number,
+    /**
          * 父渲染函数，默认为 (items, ref) => <ul ref={ref}>{items}</ul>
          */
-        itemsRenderer: PropTypes.func,
-        /**
+    itemsRenderer: PropTypes.func,
+    /**
          * 缓冲区高度
          */
-        threshold: PropTypes.number,
-        /**
+    threshold: PropTypes.number,
+    /**
          * 获取item高度的函数
          */
-        itemSizeGetter: PropTypes.func,
-        /**
+    itemSizeGetter: PropTypes.func,
+    /**
          * 设置跳转位置，需要设置 itemSizeGetter 才能生效, 不设置认为元素等高并取第一个元素高度作为默认高
          */
-        jumpIndex: PropTypes.number,
-        className: PropTypes.string,
-    };
+    jumpIndex: PropTypes.number,
+    className: PropTypes.string,
+  };
 
-    static defaultProps = {
-        prefix: 'next-',
-        itemsRenderer: (items, ref) => <ul ref={ref}>{items}</ul>,
-        minSize: 1,
-        pageSize: 10,
-        jumpIndex: 0,
-        threshold: 100,
-    };
+  static defaultProps = {
+    prefix: 'next-',
+    itemsRenderer: (items, ref) => <ul ref={ref}>{items}</ul>,
+    minSize: 1,
+    pageSize: 10,
+    jumpIndex: 0,
+    threshold: 100,
+  };
 
-    constructor(props) {
-        super(props);
-        const { jumpIndex } = props;
-        const { from, size } = this.constrain(jumpIndex, 0, props);
-        this.state = { from, size };
-        this.cache = {};
-        this.scrollTo = this.scrollTo.bind(this);
-        this.cachedScroll = null;
-        this.unstable = false;
+  constructor(props) {
+    super(props);
+    const { jumpIndex } = props;
+    const { from, size } = this.constrain(jumpIndex, 0, props);
+    this.state = { from, size };
+    this.cache = {};
+    this.scrollTo = this.scrollTo.bind(this);
+    this.cachedScroll = null;
+    this.unstable = false;
+    this.updateCounter = 0;
+  }
+
+  componentDidMount() {
+    const { jumpIndex } = this.props;
+
+    this.updateFrameAndClearCache = this.updateFrameAndClearCache.bind(
+      this,
+    );
+
+    events.on(window, 'resize', this.updateFrameAndClearCache);
+
+    this.updateFrame(this.scrollTo.bind(this, jumpIndex));
+  }
+
+  componentWillReceiveProps(next) {
+    const { from, size } = this.state;
+
+    const oldIndex = this.props.jumpIndex;
+    const newIndex = next.jumpIndex;
+
+    if (oldIndex !== newIndex) {
+      this.updateFrame(this.scrollTo.bind(this, newIndex));
+    }
+
+    this.maybeSetState(this.constrain(from, size, next), NOOP);
+  }
+
+  componentDidUpdate() {
+    // If the list has reached an unstable state, prevent an infinite loop.
+    if (this.unstable) {
+      return;
+    }
+
+    if (++this.updateCounter > MAX_SYNC_UPDATES) {
+      this.unstable = true;
+    }
+
+    if (!this.updateCounterTimeoutId) {
+      this.updateCounterTimeoutId = setTimeout(() => {
         this.updateCounter = 0;
+        delete this.updateCounterTimeoutId;
+      }, 0);
     }
 
-    componentDidMount() {
-        const { jumpIndex } = this.props;
+    this.updateFrame();
+  }
 
-        this.updateFrameAndClearCache = this.updateFrameAndClearCache.bind(
-            this
-        );
+  componentWillUnmount() {
+    events.off(window, 'resize', this.updateFrameAndClearCache);
 
-        events.on(window, 'resize', this.updateFrameAndClearCache);
+    events.off(this.scrollParent, 'scroll', this.updateFrameAndClearCache);
+    events.off(this.scrollParent, 'mousewheel', NOOP);
+  }
 
-        this.updateFrame(this.scrollTo.bind(this, jumpIndex));
+  maybeSetState(b, cb) {
+    if (isEqualSubset(this.state, b)) {
+      return cb();
     }
 
-    componentWillReceiveProps(next) {
-        const { from, size } = this.state;
+    this.setState(b, cb);
+  }
 
-        const oldIndex = this.props.jumpIndex;
-        const newIndex = next.jumpIndex;
+  getOffset(el) {
+    let offset = el.clientLeft || 0;
+    do {
+      offset += el.offsetTop || 0;
+      el = el.offsetParent;
+    } while (el);
+    return offset;
+  }
 
-        if (oldIndex !== newIndex) {
-            this.updateFrame(this.scrollTo.bind(this, newIndex));
-        }
+  getEl() {
+    return this.el || this.items || {};
+  }
 
-        this.maybeSetState(this.constrain(from, size, next), NOOP);
+  getScrollParent() {
+    let el = this.getEl();
+    el = el.parentElement;
+
+    switch (window.getComputedStyle(el).overflowY) {
+      case 'auto':
+      case 'scroll':
+      case 'overlay':
+      case 'visible':
+        return el;
     }
 
-    componentDidUpdate() {
-        // If the list has reached an unstable state, prevent an infinite loop.
-        if (this.unstable) {
-            return;
-        }
+    return window;
+  }
 
-        if (++this.updateCounter > MAX_SYNC_UPDATES) {
-            this.unstable = true;
-        }
-
-        if (!this.updateCounterTimeoutId) {
-            this.updateCounterTimeoutId = setTimeout(() => {
-                this.updateCounter = 0;
-                delete this.updateCounterTimeoutId;
-            }, 0);
-        }
-
-        this.updateFrame();
-    }
-
-    componentWillUnmount() {
-        events.off(window, 'resize', this.updateFrameAndClearCache);
-
-        events.off(this.scrollParent, 'scroll', this.updateFrameAndClearCache);
-        events.off(this.scrollParent, 'mousewheel', NOOP);
-    }
-
-    maybeSetState(b, cb) {
-        if (isEqualSubset(this.state, b)) {
-            return cb();
-        }
-
-        this.setState(b, cb);
-    }
-
-    getOffset(el) {
-        let offset = el.clientLeft || 0;
-        do {
-            offset += el.offsetTop || 0;
-            el = el.offsetParent;
-        } while (el);
-        return offset;
-    }
-
-    getEl() {
-        return this.el || this.items || {};
-    }
-
-    getScrollParent() {
-        let el = this.getEl();
-        el = el.parentElement;
-
-        switch (window.getComputedStyle(el).overflowY) {
-            case 'auto':
-            case 'scroll':
-            case 'overlay':
-            case 'visible':
-                return el;
-        }
-
-        return window;
-    }
-
-    getScroll() {
-        // Cache scroll position as this causes a forced synchronous layout.
-        // if (typeof this.cachedScroll === 'number') {
-        //     return this.cachedScroll;
-        // }
-        const { scrollParent } = this;
-        const scrollKey = 'scrollTop';
-        const actual =
+  getScroll() {
+    // Cache scroll position as this causes a forced synchronous layout.
+    // if (typeof this.cachedScroll === 'number') {
+    //     return this.cachedScroll;
+    // }
+    const { scrollParent } = this;
+    const scrollKey = 'scrollTop';
+    const actual =
             scrollParent === window
-                ? // Firefox always returns document.body[scrollKey] as 0 and Chrome/Safari
-                  // always return document.documentElement[scrollKey] as 0, so take
-                  // whichever has a value.
-                  document.body[scrollKey] ||
+              ? // Firefox always returns document.body[scrollKey] as 0 and Chrome/Safari
+            // always return document.documentElement[scrollKey] as 0, so take
+            // whichever has a value.
+              document.body[scrollKey] ||
                   document.documentElement[scrollKey]
-                : scrollParent[scrollKey];
-        const max = this.getScrollSize() - this.getViewportSize();
+              : scrollParent[scrollKey];
+    const max = this.getScrollSize() - this.getViewportSize();
 
-        const scroll = Math.max(0, Math.min(actual, max));
-        const el = this.getEl();
-        this.cachedScroll =
+    const scroll = Math.max(0, Math.min(actual, max));
+    const el = this.getEl();
+    this.cachedScroll =
             this.getOffset(scrollParent) + scroll - this.getOffset(el);
 
-        return this.cachedScroll;
+    return this.cachedScroll;
+  }
+
+  setScroll(offset) {
+    const { scrollParent } = this;
+    offset += this.getOffset(this.getEl());
+    if (scrollParent === window) {
+      return window.scrollTo(0, offset);
     }
 
-    setScroll(offset) {
-        const { scrollParent } = this;
-        offset += this.getOffset(this.getEl());
-        if (scrollParent === window) {
-            return window.scrollTo(0, offset);
-        }
+    offset -= this.getOffset(this.scrollParent);
+    scrollParent.scrollTop = offset;
+  }
 
-        offset -= this.getOffset(this.scrollParent);
-        scrollParent.scrollTop = offset;
+  getViewportSize() {
+    const { scrollParent } = this;
+    return scrollParent === window
+      ? window.innerHeight
+      : scrollParent.clientHeight;
+  }
+
+  getScrollSize() {
+    const { scrollParent } = this;
+    const { body, documentElement } = document;
+    const key = 'scrollHeight';
+    return scrollParent === window
+      ? Math.max(body[key], documentElement[key])
+      : scrollParent[key];
+  }
+
+  getStartAndEnd(threshold = this.props.threshold) {
+    const scroll = this.getScroll();
+
+    const trueScroll = scroll;
+    const start = Math.max(0, trueScroll - threshold);
+    const end = trueScroll + this.getViewportSize() + threshold;
+
+    return { start, end };
+  }
+
+  // Called by 'scroll' and 'resize' events, clears scroll position cache.
+  updateFrameAndClearCache(cb) {
+    this.cachedScroll = null;
+    return this.updateFrame(cb);
+  }
+
+  updateFrame(cb) {
+    this.updateScrollParent();
+
+    if (typeof cb !== 'function') {
+      cb = NOOP;
     }
 
-    getViewportSize() {
-        const { scrollParent } = this;
-        return scrollParent === window
-            ? window.innerHeight
-            : scrollParent.clientHeight;
+    return this.updateVariableFrame(cb);
+  }
+
+  updateScrollParent() {
+    const prev = this.scrollParent;
+    this.scrollParent = this.getScrollParent();
+
+    if (prev === this.scrollParent) {
+      return;
+    }
+    if (prev) {
+      events.off(prev, 'scroll', this.updateFrameAndClearCache);
+      events.off(prev, 'mousewheel', NOOP);
     }
 
-    getScrollSize() {
-        const { scrollParent } = this;
-        const { body, documentElement } = document;
-        const key = 'scrollHeight';
-        return scrollParent === window
-            ? Math.max(body[key], documentElement[key])
-            : scrollParent[key];
+    events.on(this.scrollParent, 'scroll', this.updateFrameAndClearCache);
+    events.on(this.scrollParent, 'mousewheel', NOOP);
+
+    // You have to attach mousewheel listener to the scrollable element.
+    // Just an empty listener. After that onscroll events will be fired synchronously.
+  }
+
+  updateVariableFrame(cb) {
+    if (!this.props.itemSizeGetter) {
+      this.cacheSizes();
     }
 
-    getStartAndEnd(threshold = this.props.threshold) {
-        const scroll = this.getScroll();
+    const { start, end } = this.getStartAndEnd();
+    const { pageSize, children } = this.props;
+    const { length } = children;
+    let space = 0;
+    let from = 0;
+    let size = 0;
+    const maxFrom = length - 1;
 
-        const trueScroll = scroll;
-        const start = Math.max(0, trueScroll - threshold);
-        const end = trueScroll + this.getViewportSize() + threshold;
-
-        return { start, end };
-    }
-
-    // Called by 'scroll' and 'resize' events, clears scroll position cache.
-    updateFrameAndClearCache(cb) {
-        this.cachedScroll = null;
-        return this.updateFrame(cb);
-    }
-
-    updateFrame(cb) {
-        this.updateScrollParent();
-
-        if (typeof cb !== 'function') {
-            cb = NOOP;
-        }
-
-        return this.updateVariableFrame(cb);
-    }
-
-    updateScrollParent() {
-        const prev = this.scrollParent;
-        this.scrollParent = this.getScrollParent();
-
-        if (prev === this.scrollParent) {
-            return;
-        }
-        if (prev) {
-            events.off(prev, 'scroll', this.updateFrameAndClearCache);
-            events.off(prev, 'mousewheel', NOOP);
-        }
-
-        events.on(this.scrollParent, 'scroll', this.updateFrameAndClearCache);
-        events.on(this.scrollParent, 'mousewheel', NOOP);
-
-        // You have to attach mousewheel listener to the scrollable element.
-        // Just an empty listener. After that onscroll events will be fired synchronously.
-    }
-
-    updateVariableFrame(cb) {
-        if (!this.props.itemSizeGetter) {
-            this.cacheSizes();
-        }
-
-        const { start, end } = this.getStartAndEnd();
-        const { pageSize, children } = this.props;
-        const length = children.length;
-        let space = 0;
-        let from = 0;
-        let size = 0;
-        const maxFrom = length - 1;
-
-        while (from < maxFrom) {
-            const itemSize = this.getSizeOf(from);
-            if (
-                itemSize === null ||
+    while (from < maxFrom) {
+      const itemSize = this.getSizeOf(from);
+      if (
+        itemSize === null ||
                 itemSize === undefined ||
                 space + itemSize > start
-            ) {
-                break;
-            }
-            space += itemSize;
-            ++from;
-        }
-
-        const maxSize = length - from;
-
-        while (size < maxSize && space < end) {
-            const itemSize = this.getSizeOf(from + size);
-            if (itemSize === null || itemSize === undefined) {
-                size = Math.min(size + pageSize, maxSize);
-                break;
-            }
-            space += itemSize;
-            ++size;
-        }
-
-        this.maybeSetState({ from, size }, cb);
+      ) {
+        break;
+      }
+      space += itemSize;
+      ++from;
     }
 
-    getSpaceBefore(index, cache = {}) {
-        if (!index) {
-            return 0;
-        }
-        if (cache[index] !== null && cache[index] !== undefined) {
-            return cache[index] || 0;
-        }
+    const maxSize = length - from;
 
-        // Find the closest space to index there is a cached value for.
-        let from = index;
-        while (
-            from > 0 &&
+    while (size < maxSize && space < end) {
+      const itemSize = this.getSizeOf(from + size);
+      if (itemSize === null || itemSize === undefined) {
+        size = Math.min(size + pageSize, maxSize);
+        break;
+      }
+      space += itemSize;
+      ++size;
+    }
+
+    this.maybeSetState({ from, size }, cb);
+  }
+
+  getSpaceBefore(index, cache = {}) {
+    if (!index) {
+      return 0;
+    }
+    if (cache[index] !== null && cache[index] !== undefined) {
+      return cache[index] || 0;
+    }
+
+    // Find the closest space to index there is a cached value for.
+    let from = index;
+    while (
+      from > 0 &&
             (cache[from] === null || cache[from] === undefined)
-        ) {
-            from--;
-        }
-
-        // Finally, accumulate sizes of items from - index.
-        let space = cache[from] || 0;
-        for (let i = from; i < index; ++i) {
-            cache[i] = space;
-            const itemSize = this.getSizeOf(i);
-            if (itemSize === null || itemSize === undefined) {
-                break;
-            }
-            space += itemSize;
-        }
-
-        cache[index] = space;
-
-        return cache[index] || 0;
+    ) {
+      from--;
     }
 
-    cacheSizes() {
-        const { cache } = this;
-        const { from } = this.state;
-        const { children, props = {} } = this.items;
-        const itemEls = children || props.children || [];
-        for (let i = 0, l = itemEls.length; i < l; ++i) {
-            const ulRef = findDOMNode(this.items);
-            const height = ulRef.children[i].offsetHeight;
-            if (height > 0) {
-                cache[from + i] = height;
-            }
-        }
+    // Finally, accumulate sizes of items from - index.
+    let space = cache[from] || 0;
+    for (let i = from; i < index; ++i) {
+      cache[i] = space;
+      const itemSize = this.getSizeOf(i);
+      if (itemSize === null || itemSize === undefined) {
+        break;
+      }
+      space += itemSize;
     }
 
-    getSizeOf(index) {
-        const { cache } = this;
-        const { itemSizeGetter, jumpIndex } = this.props;
+    cache[index] = space;
 
-        // Try the cache.
-        if (index in cache) {
-            return cache[index];
-        }
-        if (itemSizeGetter) {
-            return itemSizeGetter(index);
-        }
+    return cache[index] || 0;
+  }
 
-        const height = Object.keys(this.cache)
-            .map(key => this.cache[key])
-            .pop();
-        if (!this.defaultItemHeight && jumpIndex > -1 && height) {
-            this.defaultItemHeight = height;
-        }
+  cacheSizes() {
+    const { cache } = this;
+    const { from } = this.state;
+    const { children, props = {} } = this.items;
+    const itemEls = children || props.children || [];
+    for (let i = 0, l = itemEls.length; i < l; ++i) {
+      const ulRef = findDOMNode(this.items);
+      const height = ulRef.children[i].offsetHeight;
+      if (height > 0) {
+        cache[from + i] = height;
+      }
+    }
+  }
 
-        if (this.defaultItemHeight) {
-            return this.defaultItemHeight;
-        }
+  getSizeOf(index) {
+    const { cache } = this;
+    const { itemSizeGetter, jumpIndex } = this.props;
+
+    // Try the cache.
+    if (index in cache) {
+      return cache[index];
+    }
+    if (itemSizeGetter) {
+      return itemSizeGetter(index);
     }
 
-    constrain(from, size, { children, minSize }) {
-        const length = children && children.length;
-        size = Math.max(size, minSize);
-        if (size > length) {
-            size = length;
-        }
-        from = from ? Math.max(Math.min(from, length - size), 0) : 0;
-
-        return { from, size };
+    const height = Object.keys(this.cache)
+      .map(key => this.cache[key])
+      .pop();
+    if (!this.defaultItemHeight && jumpIndex > -1 && height) {
+      this.defaultItemHeight = height;
     }
 
-    scrollTo(index) {
-        this.setScroll(this.getSpaceBefore(index));
+    if (this.defaultItemHeight) {
+      return this.defaultItemHeight;
+    }
+  }
+
+  constrain(from, size, { children, minSize }) {
+    const length = children && children.length;
+    size = Math.max(size, minSize);
+    if (size > length) {
+      size = length;
+    }
+    from = from ? Math.max(Math.min(from, length - size), 0) : 0;
+
+    return { from, size };
+  }
+
+  scrollTo(index) {
+    this.setScroll(this.getSpaceBefore(index));
+  }
+
+  renderMenuItems() {
+    const { children, itemsRenderer } = this.props;
+    const { from, size } = this.state;
+    const items = [];
+
+    for (let i = 0; i < size; ++i) {
+      items.push(children[from + i]);
     }
 
-    renderMenuItems() {
-        const { children, itemsRenderer } = this.props;
-        const { from, size } = this.state;
-        const items = [];
+    return itemsRenderer(items, c => {
+      this.items = c;
+      return this.items;
+    });
+  }
 
-        for (let i = 0; i < size; ++i) {
-            items.push(children[from + i]);
-        }
+  render() {
+    const { children = [], prefix, className } = this.props;
+    const { length } = children;
+    const { from } = this.state;
+    const items = this.renderMenuItems();
 
-        return itemsRenderer(items, c => {
-            this.items = c;
-            return this.items;
-        });
+    const style = { position: 'relative' };
+    const cache = {};
+
+    const size = this.getSpaceBefore(length, cache);
+
+    if (size) {
+      style.height = size;
     }
+    const offset = this.getSpaceBefore(from, cache);
+    const transform = `translate(0px, ${offset}px)`;
+    const listStyle = {
+      msTransform: transform,
+      WebkitTransform: transform,
+      transform,
+    };
 
-    render() {
-        const { children = [], prefix, className } = this.props;
-        const length = children.length;
-        const { from } = this.state;
-        const items = this.renderMenuItems();
+    const cls = cx({
+      [`${prefix}virtual-list-wrapper`]: true,
+      [className]: !!className,
+    });
 
-        const style = { position: 'relative' };
-        const cache = {};
-
-        const size = this.getSpaceBefore(length, cache);
-
-        if (size) {
-            style.height = size;
-        }
-        const offset = this.getSpaceBefore(from, cache);
-        const transform = `translate(0px, ${offset}px)`;
-        const listStyle = {
-            msTransform: transform,
-            WebkitTransform: transform,
-            transform,
-        };
-
-        const cls = cx({
-            [`${prefix}virtual-list-wrapper`]: true,
-            [className]: !!className,
-        });
-
-        return (
-            <div
-                className={cls}
-                style={style}
-                ref={c => {
-                    this.el = c;
-                    return this.el;
-                }}
-            >
-                <div style={listStyle}>{items}</div>
-            </div>
-        );
-    }
+    return (
+      <div
+        className={cls}
+        style={style}
+        ref={c => {
+          this.el = c;
+          return this.el;
+        }}
+      >
+        <div style={listStyle}>{items}</div>
+      </div>
+    );
+  }
 }
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeBlank/container.js b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeBlank/container.js
index 985c66329..27019261b 100644
--- a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeBlank/container.js
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeBlank/container.js
@@ -1,6 +1,5 @@
 
-      import AIMakeBlank from "../../../es/basic/AIMakeBlank/index.js";
-      import manifest from './manifest.js';
+import AIMakeBlank from '../../../es/basic/AIMakeBlank/index.js';
+import manifest from './manifest.js';
 
-      export default { origin: AIMakeBlank, manifest };
-    
\ No newline at end of file
+export default { origin: AIMakeBlank, manifest };
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeIcon/container.js b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeIcon/container.js
index 43ad80fbf..d626b63fe 100644
--- a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeIcon/container.js
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeIcon/container.js
@@ -1,6 +1,5 @@
 
-      import AIMakeIcon from "../../../es/basic/AIMakeIcon/index.js";
-      import manifest from './manifest.js';
+import AIMakeIcon from '../../../es/basic/AIMakeIcon/index.js';
+import manifest from './manifest.js';
 
-      export default { origin: AIMakeIcon, manifest };
-    
\ No newline at end of file
+export default { origin: AIMakeIcon, manifest };
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeImage/container.js b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeImage/container.js
index 6a0a7f9ef..20f8d5899 100644
--- a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeImage/container.js
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeImage/container.js
@@ -1,6 +1,5 @@
 
-      import AIMakeImage from "../../../es/basic/AIMakeImage/index.js";
-      import manifest from './manifest.js';
+import AIMakeImage from '../../../es/basic/AIMakeImage/index.js';
+import manifest from './manifest.js';
 
-      export default { origin: AIMakeImage, manifest };
-    
\ No newline at end of file
+export default { origin: AIMakeImage, manifest };
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeLink/container.js b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeLink/container.js
index 7eb2e20bb..d927906be 100644
--- a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeLink/container.js
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeLink/container.js
@@ -1,6 +1,5 @@
 
-      import AIMakeLink from "../../../es/basic/AIMakeLink/index.js";
-      import manifest from './manifest.js';
+import AIMakeLink from '../../../es/basic/AIMakeLink/index.js';
+import manifest from './manifest.js';
 
-      export default { origin: AIMakeLink, manifest };
-    
\ No newline at end of file
+export default { origin: AIMakeLink, manifest };
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakePlaceholder/container.js b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakePlaceholder/container.js
index 9ed8d3c62..17f48df56 100644
--- a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakePlaceholder/container.js
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakePlaceholder/container.js
@@ -1,6 +1,5 @@
 
-      import AIMakePlaceholder from "../../../es/basic/AIMakePlaceholder/index.js";
-      import manifest from './manifest.js';
+import AIMakePlaceholder from '../../../es/basic/AIMakePlaceholder/index.js';
+import manifest from './manifest.js';
 
-      export default { origin: AIMakePlaceholder, manifest };
-    
\ No newline at end of file
+export default { origin: AIMakePlaceholder, manifest };
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeText/container.js b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeText/container.js
index e23eb6943..6bf3cca68 100644
--- a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeText/container.js
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeText/container.js
@@ -1,6 +1,5 @@
 
-      import AIMakeText from "../../../es/basic/AIMakeText/index.js";
-      import manifest from './manifest.js';
+import AIMakeText from '../../../es/basic/AIMakeText/index.js';
+import manifest from './manifest.js';
 
-      export default { origin: AIMakeText, manifest };
-    
\ No newline at end of file
+export default { origin: AIMakeText, manifest };
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/Root/container.js b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/Root/container.js
index ab3b162ef..d3d95eef8 100644
--- a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/Root/container.js
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/Root/container.js
@@ -1,6 +1,5 @@
 
-      import Root from "../../../es/basic/Root/index.js";
-      import manifest from './manifest.js';
+import Root from '../../../es/basic/Root/index.js';
+import manifest from './manifest.js';
 
-      export default { origin: Root, manifest };
-    
\ No newline at end of file
+export default { origin: Root, manifest };
diff --git a/packages/material-parser/test/fixtures/single-exported-component/src/container.js b/packages/material-parser/test/fixtures/single-exported-component/src/container.js
index 02cbdbc34..1b7e87e11 100644
--- a/packages/material-parser/test/fixtures/single-exported-component/src/container.js
+++ b/packages/material-parser/test/fixtures/single-exported-component/src/container.js
@@ -1,6 +1,5 @@
 
-      import Demo from "../es/index.js";
-      import manifest from './manifest.js';
+import Demo from '../es/index.js';
+import manifest from './manifest.js';
 
-      export default { origin: Demo, manifest };
-    
\ No newline at end of file
+export default { origin: Demo, manifest };
diff --git a/packages/material-parser/test/fixtures/ts-component/src/index.tsx b/packages/material-parser/test/fixtures/ts-component/src/index.tsx
index 5a23d7fbc..d647aa34f 100644
--- a/packages/material-parser/test/fixtures/ts-component/src/index.tsx
+++ b/packages/material-parser/test/fixtures/ts-component/src/index.tsx
@@ -29,7 +29,6 @@ interface Props {
   node?: React.ReactNode;
   // element?: JSX.Element;
   // elementType?: React.ElementType;
-  // instance: Props;
 }
 
 const App = (props: Props) => {
diff --git a/packages/material-parser/test/fusion.ts b/packages/material-parser/test/fusion.ts
index 909a72c4a..6781a14fe 100644
--- a/packages/material-parser/test/fusion.ts
+++ b/packages/material-parser/test/fusion.ts
@@ -14,4 +14,4 @@ test('fusion next component by local', async t => {
   const actual = await parse(options);
 
   t.snapshot(actual);
-});
\ No newline at end of file
+});
diff --git a/packages/material-parser/test/index.ts b/packages/material-parser/test/index.ts
index 5e92dab99..9fa9981c5 100644
--- a/packages/material-parser/test/index.ts
+++ b/packages/material-parser/test/index.ts
@@ -39,4 +39,3 @@ test('ts component by local', async t => {
 
   t.snapshot(actual);
 });
-
diff --git a/packages/material-parser/test/online.ts b/packages/material-parser/test/online.ts
index 48d0403ac..c186122a4 100644
--- a/packages/material-parser/test/online.ts
+++ b/packages/material-parser/test/online.ts
@@ -3,7 +3,7 @@ import parse from '../src';
 import { IMaterializeOptions } from '../src/types';
 
 const reactColorComponent = 'react-color';
-const customComponent = 'mc-breadcrumb';
+const customComponent = 'mc-hello@1.0.1';
 
 test('materialize react-color by online', async t => {
   const options: IMaterializeOptions = {
@@ -13,10 +13,9 @@ test('materialize react-color by online', async t => {
 
   const actual = await parse(options);
   t.snapshot(actual);
+});
 
-})
-
-test('materialize custom breadcrumb by online', async t => {
+test('materialize mc-hello by online', async t => {
   const options: IMaterializeOptions = {
     entry: customComponent,
     accesser: 'online',
@@ -24,5 +23,4 @@ test('materialize custom breadcrumb by online', async t => {
 
   const actual = await parse(options);
   t.snapshot(actual);
-
-})
\ No newline at end of file
+});
diff --git a/packages/material-parser/test/validate/index.ts b/packages/material-parser/test/validate/index.ts
index dbd583bbe..b62c46f8d 100644
--- a/packages/material-parser/test/validate/index.ts
+++ b/packages/material-parser/test/validate/index.ts
@@ -4,8 +4,9 @@ import test from 'ava';
 import fs = require('fs');
 import yaml = require('js-yaml');
 import path = require('path');
+
 const schema = yaml.load(fs.readFileSync(path.resolve(__dirname, '../../schemas/schema.yml'), 'utf8'));
-const ajv = new Ajv({jsonPointers: true});
+const ajv = new Ajv({ jsonPointers: true });
 const validate = ajv.compile(schema);
 
 let fixtures = fs.readdirSync(path.join(__dirname, 'fixtures'));
@@ -32,4 +33,4 @@ for (const dir of fixtures) {
 
     t.snapshot(validateResult);
   });
-}
\ No newline at end of file
+}
diff --git a/packages/plugin-components-pane/src/components/base/index.tsx b/packages/plugin-components-pane/src/components/base/index.tsx
index a7664223b..ccb8e8ba2 100644
--- a/packages/plugin-components-pane/src/components/base/index.tsx
+++ b/packages/plugin-components-pane/src/components/base/index.tsx
@@ -51,10 +51,15 @@ class Base extends React.Component {
   };
 
   shell = null;
+
   isEmpty = false;
+
   mode = 'advance';
+
   searchMap = {};
+
   timer = null;
+
   isMouseEnterCard = false;
 
 
@@ -89,7 +94,7 @@ class Base extends React.Component {
       const query = searchText.toLowerCase();
       return (
         !![title, componentName].find(
-          (it) => it.toLowerCase().indexOf(query) > -1
+          (it) => it.toLowerCase().indexOf(query) > -1,
         ) || !!searchComponent(title, query, this.searchMap)
       );
     });
diff --git a/packages/plugin-components-pane/src/components/component-list/index.tsx b/packages/plugin-components-pane/src/components/component-list/index.tsx
index 79f0425bc..d23c386ca 100644
--- a/packages/plugin-components-pane/src/components/component-list/index.tsx
+++ b/packages/plugin-components-pane/src/components/component-list/index.tsx
@@ -20,13 +20,21 @@ export default class ComponentList extends Base {
   static displayName = 'ComponentList';
 
   descRefList = new Map();
+
   navRefList = new Map();
+
   descHeightList = new Map();
+
   snippetMap = new Map();
+
   currentScrollHeight = 0;
+
   scrollFlag = true;
+
   scroll;
+
   scrollTimer;
+
   state = {
     selected: '',
     searchText: '',
diff --git a/packages/plugin-components-pane/src/index.tsx b/packages/plugin-components-pane/src/index.tsx
index 97a12bbb2..a1ed6b0e8 100644
--- a/packages/plugin-components-pane/src/index.tsx
+++ b/packages/plugin-components-pane/src/index.tsx
@@ -8,8 +8,8 @@ import { Designer } from '@ali/lowcode-designer';
 import './index.scss';
 
 export interface IState {
-  metaData: Record<string, unknown>[];
-  bizComponents: Record<string, unknown>[];
+  metaData: Array<Record<string, unknown>>;
+  bizComponents: Array<Record<string, unknown>>;
 }
 
 export default class ComponentListPlugin extends Component<PluginProps, IState> {
@@ -35,7 +35,7 @@ export default class ComponentListPlugin extends Component<PluginProps, IState>
   }
 
   transformMetaData(componentList: any): any {
-    const metaData: Record<string, unknown>[] = [];
+    const metaData: Array<Record<string, unknown>> = [];
     if (!componentList || !Array.isArray(componentList) || !componentList.length) {
       return metaData;
     }
diff --git a/packages/plugin-designer/.eslintrc.js b/packages/plugin-designer/.eslintrc.js
new file mode 100644
index 000000000..c4749b311
--- /dev/null
+++ b/packages/plugin-designer/.eslintrc.js
@@ -0,0 +1,14 @@
+module.exports = {
+  extends: '../../.eslintrc.js',
+  rules: {
+    'react/no-multi-comp': 1,
+    '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 newline at end of file
diff --git a/packages/plugin-event-bind-dialog/src/index.tsx b/packages/plugin-event-bind-dialog/src/index.tsx
index 08f67a118..978f074e5 100644
--- a/packages/plugin-event-bind-dialog/src/index.tsx
+++ b/packages/plugin-event-bind-dialog/src/index.tsx
@@ -1,4 +1,4 @@
-import { Component, isValidElement, ReactElement, ReactNode } from 'react';
+import { Component } from 'react';
 import { Dialog, Search, Input } from '@alifd/next';
 import { PluginProps } from '@ali/lowcode-types';
 import MonacoEditor from 'react-monaco-editor';
@@ -11,7 +11,7 @@ const defaultEditorOption = {
   options: {
     readOnly: false,
     automaticLayout: true,
-    folding: true, //默认开启折叠代码功能
+    folding: true, // 默认开启折叠代码功能
     lineNumbers: 'on',
     wordWrap: 'off',
     formatOnPaste: true,
@@ -48,25 +48,24 @@ export default class EventBindDialog extends Component<PluginProps> {
     // },
   ];
 
-  private bindEventName :''
+  private bindEventName :'';
 
   state: any = {
     visiable: false,
-    setterName:'event-setter',
+    setterName: 'event-setter',
     selectedEventName: '',
     eventName: '',
-    bindEventName:'',
-    paramStr:''
+    paramStr: '',
   };
 
-  openDialog = (bindEventName: String) => {
+  openDialog = (bindEventName: string) => {
     this.bindEventName = bindEventName;
 
     this.initEventName();
 
     this.setState({
       visiable: true,
-      selectedEventName:''
+      selectedEventName: '',
     });
   };
 
@@ -78,21 +77,21 @@ export default class EventBindDialog extends Component<PluginProps> {
 
   componentDidMount() {
     const { editor, config } = this.props;
-    editor.on(`${config.pluginKey}.openDialog`, (bindEventName: String,setterName:String,paramStr:String) => {
-      console.log('paramStr:'+paramStr);
+    editor.on(`${config.pluginKey}.openDialog`, (bindEventName: string, setterName:string, paramStr:string) => {
+      console.log(`paramStr:${ paramStr}`);
       this.setState({
         setterName,
-        paramStr
-      })
+        paramStr,
+      });
 
-      let schema = editor.get('designer').project.getSchema();
-      let pageNode = schema.componentsTree[0];
-      if (pageNode.methods){
+      const schema = editor.get('designer').project.getSchema();
+      const pageNode = schema.componentsTree[0];
+      if (pageNode.methods) {
         this.eventList = [];
-        for (let key in pageNode.methods){
+        for (const key in pageNode.methods) {
           this.eventList.push({
-            name:key
-          })
+            name: key,
+          });
         }
       }
 
@@ -102,7 +101,7 @@ export default class EventBindDialog extends Component<PluginProps> {
 
   initEventName = () => {
     let eventName = this.bindEventName;
-    this.eventList.map((item) => {
+    this.eventList.forEach((item) => {
       if (item.name === eventName) {
         eventName = `${eventName}_new`;
       }
@@ -113,13 +112,13 @@ export default class EventBindDialog extends Component<PluginProps> {
     });
   };
 
-  onInputChange = (eventName: String) => {
+  onInputChange = (eventName: string) => {
     this.setState({
       eventName,
     });
   };
 
-  onSelectItem = (eventName: String) => {
+  onSelectItem = (eventName: string) => {
     this.setState({
       selectedEventName: eventName,
     });
@@ -135,13 +134,13 @@ export default class EventBindDialog extends Component<PluginProps> {
     }
   };
 
-  onSearchEvent = (searchEventName: String) => {};
+  onSearchEvent = () => {};
 
   onOk = () => {
     console.log(this);
     const { editor } = this.props;
-    const {setterName,eventName,paramStr} = this.state;
-    editor.emit(`${setterName}.bindEvent`, eventName,paramStr);
+    const { setterName, eventName, paramStr } = this.state;
+    editor.emit(`${setterName}.bindEvent`, eventName, paramStr);
 
     // 选中的是新建事件
     if (this.state.selectedEventName == '') {
@@ -149,34 +148,33 @@ export default class EventBindDialog extends Component<PluginProps> {
       // debugger;
       editor.get('skeleton').getPanel('sourceEditor').show();
 
-      setTimeout(()=>{
+      setTimeout(() => {
         editor.emit('sourceEditor.addFunction', {
           functionName: this.state.eventName,
         });
-      },300)
-
+      }, 300);
     }
 
     this.closeDialog();
   };
 
-  onChangeEditor = (paramStr) =>{
+  onChangeEditor = (paramStr) => {
     this.setState({
-      paramStr
-    })
+      paramStr,
+    });
     // console.log(newCode);
-  }
+  };
 
 
   render() {
-    const { selectedEventName, eventName, visiable,paramStr } = this.state;
+    const { selectedEventName, eventName, visiable, paramStr } = this.state;
     return (
       <Dialog
         visible={visiable}
         title="事件绑定"
         onClose={this.closeDialog}
         onCancel={this.closeDialog}
-        onOk={()=>this.onOk()}
+        onOk={() => this.onOk()}
       >
         <div className="event-dialog-body">
           <div className="dialog-left-container">
@@ -223,12 +221,11 @@ export default class EventBindDialog extends Component<PluginProps> {
             <div className="dialog-small-title">参数设置</div>
             <div className="editor-container">
               <MonacoEditor
-                  value = {paramStr}
-                  {...defaultEditorOption}
-                  {...{ language: 'javascript' }}
-                  onChange={(newCode) => this.onChangeEditor(newCode)}
-                  // editorDidMount={(editor, monaco) => this.editorDidMount.call(this, editor, monaco, TAB_KEY.JS_TAB)}
-                />
+                value={paramStr}
+                {...defaultEditorOption}
+                {...{ language: 'javascript' }}
+                onChange={(newCode) => this.onChangeEditor(newCode)}
+              />
             </div>
 
           </div>
diff --git a/packages/plugin-outline-pane/.eslintrc.js b/packages/plugin-outline-pane/.eslintrc.js
new file mode 100644
index 000000000..a4f723cdf
--- /dev/null
+++ b/packages/plugin-outline-pane/.eslintrc.js
@@ -0,0 +1,7 @@
+module.exports = {
+  extends: '../../.eslintrc.js',
+  rules: {
+    'no-unused-expressions': 1,
+    'react/no-multi-comp': 1,
+  }
+}
\ No newline at end of file
diff --git a/packages/plugin-outline-pane/src/helper/dwell-timer.ts b/packages/plugin-outline-pane/src/helper/dwell-timer.ts
index cd29f4c6b..601ff6403 100644
--- a/packages/plugin-outline-pane/src/helper/dwell-timer.ts
+++ b/packages/plugin-outline-pane/src/helper/dwell-timer.ts
@@ -5,10 +5,19 @@ import { ParentalNode, DropLocation, isLocationChildrenDetail, LocateEvent } fro
  */
 export default class DwellTimer {
   private timer: number | undefined;
+
   private previous?: ParentalNode;
+
   private event?: LocateEvent;
 
-  constructor(private decide: (node: ParentalNode, event: LocateEvent) => void, private timeout: number = 500) {}
+  private decide: (node: ParentalNode, event: LocateEvent) => void;
+
+  private timeout = 500;
+
+  constructor(decide: (node: ParentalNode, event: LocateEvent) => void, timeout = 500) {
+    this.decide = decide;
+    this.timeout = timeout;
+  }
 
   focus(node: ParentalNode, event: LocateEvent) {
     this.event = event;
diff --git a/packages/plugin-outline-pane/src/helper/indent-track.ts b/packages/plugin-outline-pane/src/helper/indent-track.ts
index 37ed540b8..659bd272a 100644
--- a/packages/plugin-outline-pane/src/helper/indent-track.ts
+++ b/packages/plugin-outline-pane/src/helper/indent-track.ts
@@ -1,11 +1,13 @@
-import { DropLocation, ParentalNode, isLocationChildrenDetail, Node } from '@ali/lowcode-designer';
+import { DropLocation, ParentalNode, isLocationChildrenDetail } from '@ali/lowcode-designer';
 
 const IndentSensitive = 15;
 export class IndentTrack {
   private indentStart: number | null = null;
+
   reset() {
     this.indentStart = null;
   }
+
   getIndentParent(lastLoc: DropLocation, loc: DropLocation): [ParentalNode, number] | null {
     if (
       lastLoc.target !== loc.target ||
@@ -30,7 +32,7 @@ export class IndentTrack {
     const direction = delta < 0 ? 'left' : 'right';
 
     let parent = loc.target;
-    const index = loc.detail.index;
+    const { index } = loc.detail;
 
     if (direction === 'left') {
       if (!parent.parent || index < parent.children.size || parent.isSlot()) {
diff --git a/packages/plugin-outline-pane/src/icons/arrow-right.tsx b/packages/plugin-outline-pane/src/icons/arrow-right.tsx
index 1f4562606..866b34cec 100644
--- a/packages/plugin-outline-pane/src/icons/arrow-right.tsx
+++ b/packages/plugin-outline-pane/src/icons/arrow-right.tsx
@@ -3,7 +3,7 @@ import { SVGIcon, IconProps } from '@ali/lowcode-utils';
 export function IconArrowRight(props: IconProps) {
   return (
     <SVGIcon viewBox="0 0 1024 1024" {...props}>
-      <path d="M512.002047 771.904425c-10.152221 0.518816-20.442588-2.800789-28.202319-10.598382L77.902254 315.937602c-14.548344-14.618952-14.548344-38.318724 0-52.933583 14.544251-14.614859 38.118156-14.614859 52.662407 0l381.437385 418.531212L893.432269 263.004019c14.544251-14.614859 38.125319-14.614859 52.662407 0 14.552437 14.614859 14.552437 38.314631 0 52.933583L540.205389 761.307066C532.451798 769.103636 522.158361 772.424264 512.002047 771.904425z"/>
+      <path d="M512.002047 771.904425c-10.152221 0.518816-20.442588-2.800789-28.202319-10.598382L77.902254 315.937602c-14.548344-14.618952-14.548344-38.318724 0-52.933583 14.544251-14.614859 38.118156-14.614859 52.662407 0l381.437385 418.531212L893.432269 263.004019c14.544251-14.614859 38.125319-14.614859 52.662407 0 14.552437 14.614859 14.552437 38.314631 0 52.933583L540.205389 761.307066C532.451798 769.103636 522.158361 772.424264 512.002047 771.904425z" />
     </SVGIcon>
   );
 }
diff --git a/packages/plugin-outline-pane/src/icons/outline.tsx b/packages/plugin-outline-pane/src/icons/outline.tsx
index 78658c867..6e5a0e517 100644
--- a/packages/plugin-outline-pane/src/icons/outline.tsx
+++ b/packages/plugin-outline-pane/src/icons/outline.tsx
@@ -10,5 +10,3 @@ export function IconOutline(props: IconProps) {
 
 IconOutline.displayName = 'IconOutline';
 
-
-
diff --git a/packages/plugin-outline-pane/src/icons/radio-active.tsx b/packages/plugin-outline-pane/src/icons/radio-active.tsx
index c544db974..15fe2ffea 100644
--- a/packages/plugin-outline-pane/src/icons/radio-active.tsx
+++ b/packages/plugin-outline-pane/src/icons/radio-active.tsx
@@ -3,12 +3,10 @@ import { SVGIcon, IconProps } from '@ali/lowcode-utils';
 export function IconRadioActive(props: IconProps) {
   return (
     <SVGIcon viewBox="0 0 1024 1024" {...props}>
-      <path d="M512 1024A512 512 0 1 1 512 0a512 512 0 0 1 0 1024z m0-256a256 256 0 1 0 0-512 256 256 0 0 0 0 512z"></path>
+      <path d="M512 1024A512 512 0 1 1 512 0a512 512 0 0 1 0 1024z m0-256a256 256 0 1 0 0-512 256 256 0 0 0 0 512z" />
     </SVGIcon>
   );
 }
 
 IconRadioActive.displayName = 'IconRadioActive';
 
-
-
diff --git a/packages/plugin-outline-pane/src/icons/radio.tsx b/packages/plugin-outline-pane/src/icons/radio.tsx
index 94c508499..f724a94c5 100644
--- a/packages/plugin-outline-pane/src/icons/radio.tsx
+++ b/packages/plugin-outline-pane/src/icons/radio.tsx
@@ -3,12 +3,10 @@ import { SVGIcon, IconProps } from '@ali/lowcode-utils';
 export function IconRadio(props: IconProps) {
   return (
     <SVGIcon viewBox="0 0 1024 1024" {...props}>
-      <path d="M512 1024A512 512 0 1 1 512 0a512 512 0 0 1 0 1024z m0-64A448 448 0 1 0 512 64a448 448 0 0 0 0 896z"></path>
+      <path d="M512 1024A512 512 0 1 1 512 0a512 512 0 0 1 0 1024z m0-64A448 448 0 1 0 512 64a448 448 0 0 0 0 896z" />
     </SVGIcon>
   );
 }
 
 IconRadio.displayName = 'IconRadio';
 
-
-
diff --git a/packages/plugin-outline-pane/src/main.ts b/packages/plugin-outline-pane/src/main.ts
index 1be1ac192..c568082c3 100644
--- a/packages/plugin-outline-pane/src/main.ts
+++ b/packages/plugin-outline-pane/src/main.ts
@@ -27,20 +27,32 @@ import { ITreeBoard, TreeMaster, getTreeMaster } from './tree-master';
 
 export class OutlineMain implements ISensor, ITreeBoard, IScrollable {
   private _designer?: Designer;
+
   @obx.ref private _master?: TreeMaster;
+
   get master() {
     return this._master;
   }
+
   @computed get currentTree() {
     return this._master?.currentTree;
   }
+
   readonly id = uniqueId('outline');
 
   @obx.ref _visible = false;
+
   get visible() {
     return this._visible;
   }
-  constructor(readonly editor: IEditor, readonly at: string | symbol) {
+
+  readonly editor: IEditor;
+
+  readonly at: string | symbol;
+
+  constructor(editor: IEditor, at: string | symbol) {
+    this.editor = editor;
+    this.at = at;
     let inited = false;
     const setup = async () => {
       if (inited) {
@@ -91,9 +103,10 @@ export class OutlineMain implements ISensor, ITreeBoard, IScrollable {
   }
 
   private indentTrack = new IndentTrack();
+
   private dwell = new DwellTimer((target, event) => {
-    const document = target.document;
-    const designer = document.designer;
+    const { document } = target;
+    const { designer } = document;
     let index: any;
     let focus: any;
     let valid = true;
@@ -116,6 +129,7 @@ export class OutlineMain implements ISensor, ITreeBoard, IScrollable {
       },
     });
   });
+
   /**
    * @see ISensor
    */
@@ -141,8 +155,8 @@ export class OutlineMain implements ISensor, ITreeBoard, IScrollable {
       return;
     }
 
-    const document = tree.document;
-    const designer = document.designer;
+    const { document } = tree;
+    const { designer } = document;
     const pos = getPosFromEvent(e, this._shell);
     const irect = this.getInsertionRect();
     const originLoc = document.dropLocation;
@@ -190,12 +204,10 @@ export class OutlineMain implements ISensor, ITreeBoard, IScrollable {
         } else {
           this.dwell.reset();
         }
-      } else {
-        // FIXME: recreate new location
-        if ((originLoc.detail as LocationChildrenDetail).near) {
-          (originLoc.detail as LocationChildrenDetail).near = undefined;
-          this.dwell.reset();
-        }
+      // FIXME: recreate new location
+      } else if ((originLoc.detail as LocationChildrenDetail).near) {
+        (originLoc.detail as LocationChildrenDetail).near = undefined;
+        this.dwell.reset();
       }
       return;
     }
@@ -205,15 +217,15 @@ export class OutlineMain implements ISensor, ITreeBoard, IScrollable {
     if (pos && pos !== 'unchanged') {
       let treeNode = tree.getTreeNodeById(pos.nodeId);
       if (treeNode) {
-        let focusSlots = pos.focusSlots;
+        let { focusSlots } = pos;
         let { node } = treeNode;
         if (isDragNodeObject(dragObject)) {
-          const nodes = operationalNodes;
-          let i = nodes.length;
+          const newNodes = operationalNodes;
+          let i = newNodes.length;
           let p: any = node;
           while (i-- > 0) {
-            if (contains(nodes[i], p)) {
-              p = nodes[i].parent;
+            if (contains(newNodes[i], p)) {
+              p = newNodes[i].parent;
             }
           }
           if (p !== node) {
@@ -252,8 +264,8 @@ export class OutlineMain implements ISensor, ITreeBoard, IScrollable {
   }
 
   private getNear(treeNode: TreeNode, e: LocateEvent, index?: number, rect?: DOMRect) {
-    const document = treeNode.tree.document;
-    const designer = document.designer;
+    const { document } = treeNode.tree;
+    const { designer } = document;
     const { globalY, dragObject } = e;
     // TODO: check dragObject is anyData
     const { node, expanded } = treeNode;
@@ -351,8 +363,8 @@ export class OutlineMain implements ISensor, ITreeBoard, IScrollable {
   }
 
   private drillLocate(treeNode: TreeNode, e: LocateEvent): DropLocation | null {
-    const document = treeNode.tree.document;
-    const designer = document.designer;
+    const { document } = treeNode.tree;
+    const { designer } = document;
     const { dragObject, globalY } = e;
 
     if (!checkRecursion(treeNode.node, dragObject)) {
@@ -475,6 +487,7 @@ export class OutlineMain implements ISensor, ITreeBoard, IScrollable {
   }
 
   private tryScrollAgain: number | null = null;
+
   /**
    * @see IScrollBoard
    */
@@ -497,9 +510,7 @@ export class OutlineMain implements ISensor, ITreeBoard, IScrollable {
 
     if (!rect) {
       if (tryTimes < 3) {
-        this.tryScrollAgain = (window as any).requestIdleCallback(() =>
-          this.scrollToNode(treeNode, detail, tryTimes + 1),
-        );
+        this.tryScrollAgain = (window as any).requestIdleCallback(() => this.scrollToNode(treeNode, detail, tryTimes + 1));
       }
       return;
     }
@@ -520,6 +531,7 @@ export class OutlineMain implements ISensor, ITreeBoard, IScrollable {
   }
 
   private sensing = false;
+
   /**
    * @see ISensor
    */
@@ -541,12 +553,14 @@ export class OutlineMain implements ISensor, ITreeBoard, IScrollable {
   }
 
   private _scrollTarget?: ScrollTarget;
+
   /**
    * @see IScrollable
    */
   get scrollTarget() {
     return this._scrollTarget;
   }
+
   private scroller?: Scroller;
 
   private setupDesigner(designer: Designer) {
@@ -564,6 +578,7 @@ export class OutlineMain implements ISensor, ITreeBoard, IScrollable {
   }
 
   private _sensorAvailable = false;
+
   /**
    * @see ISensor
    */
@@ -572,6 +587,7 @@ export class OutlineMain implements ISensor, ITreeBoard, IScrollable {
   }
 
   private _shell: HTMLDivElement | null = null;
+
   mount(shell: HTMLDivElement | null) {
     if (this._shell === shell) {
       return;
@@ -620,7 +636,7 @@ function checkRecursion(parent: Node | undefined | null, dragObject: DragObject)
     return false;
   }
   if (isDragNodeObject(dragObject)) {
-    const nodes = dragObject.nodes;
+    const { nodes } = dragObject;
     if (nodes.some((node) => node.contains(parent))) {
       return false;
     }
diff --git a/packages/plugin-outline-pane/src/tree-master.ts b/packages/plugin-outline-pane/src/tree-master.ts
index 99c23382c..4e4049d0f 100644
--- a/packages/plugin-outline-pane/src/tree-master.ts
+++ b/packages/plugin-outline-pane/src/tree-master.ts
@@ -6,12 +6,15 @@ import { Backup } from './views/backup-pane';
 
 export interface ITreeBoard {
   readonly visible: boolean;
-  readonly at: string | Symbol;
+  readonly at: string | symbol;
   scrollToNode(treeNode: TreeNode, detail?: any): void;
 }
 
 export class TreeMaster {
-  constructor(readonly designer: Designer) {
+  readonly designer: Designer;
+
+  constructor(designer: Designer) {
+    this.designer = designer;
     let startTime: any;
     designer.dragon.onDragstart(() => {
       startTime = Date.now() / 1000;
@@ -69,9 +72,11 @@ export class TreeMaster {
   }
 
   @obx.val private boards = new Set<ITreeBoard>();
+
   addBoard(board: ITreeBoard) {
     this.boards.add(board);
   }
+
   removeBoard(board: ITreeBoard) {
     this.boards.delete(board);
   }
@@ -90,10 +95,11 @@ export class TreeMaster {
   }
 
   private treeMap = new Map<string, Tree>();
+
   @computed get currentTree(): Tree | null {
     const doc = this.designer?.currentDocument;
     if (doc) {
-      const id = doc.id;
+      const { id } = doc;
       if (this.treeMap.has(id)) {
         return this.treeMap.get(id)!;
       }
diff --git a/packages/plugin-outline-pane/src/tree-node.ts b/packages/plugin-outline-pane/src/tree-node.ts
index bad913daa..e021d6b65 100644
--- a/packages/plugin-outline-pane/src/tree-node.ts
+++ b/packages/plugin-outline-pane/src/tree-node.ts
@@ -57,6 +57,7 @@ export default class TreeNode {
    * 在初始化根节点时，设置为展开状态
    */
   @obx.ref private _expanded = false;
+
   get expanded(): boolean {
     return this.isRoot() || (this.expandable && this._expanded);
   }
@@ -98,7 +99,7 @@ export default class TreeNode {
 
   @computed get selected(): boolean {
     // TODO: check is dragging
-    const selection = this.document.selection;
+    const { selection } = this.document;
     return selection.has(this.node.id);
   }
 
@@ -107,7 +108,7 @@ export default class TreeNode {
   }
 
   @computed get titleLabel() {
-    let title = this.title;
+    let { title } = this;
     if (!title) {
       return '';
     }
@@ -140,7 +141,7 @@ export default class TreeNode {
   }
 
   @computed get parent() {
-    const parent = this.node.parent;
+    const { parent } = this.node;
     if (parent) {
       return this.tree.getTreeNode(parent);
     }
@@ -171,13 +172,13 @@ export default class TreeNode {
   }
 
   hasChildren(): boolean {
-    return this.isContainer() && this.node.children?.notEmpty() ? true : false;
+    return !!(this.isContainer() && this.node.children?.notEmpty());
   }
 
   select(isMulti: boolean) {
-    const node = this.node;
+    const { node } = this;
 
-    const selection = node.document.selection;
+    const { selection } = node.document;
     if (isMulti) {
       selection.add(node.id);
     } else {
@@ -188,7 +189,7 @@ export default class TreeNode {
   /**
    * 展开节点，支持依次展开父节点
    */
-  expand(tryExpandParents: boolean = false) {
+  expand(tryExpandParents = false) {
     // 这边不能直接使用 expanded，需要额外判断是否可以展开
     // 如果只使用 expanded，会漏掉不可以展开的情况，即在不可以展开的情况下，会触发展开
     if (this.expandable && !this._expanded) {
@@ -208,12 +209,19 @@ export default class TreeNode {
   }
 
   readonly designer: Designer;
+
   readonly document: DocumentModel;
+
   @obx.ref private _node: Node;
+
   get node() {
     return this._node;
   }
-  constructor(readonly tree: Tree, node: Node) {
+
+  readonly tree: Tree;
+
+  constructor(tree: Tree, node: Node) {
+    this.tree = tree;
     this.document = node.document;
     this.designer = this.document.designer;
     this._node = node;
diff --git a/packages/plugin-outline-pane/src/tree.ts b/packages/plugin-outline-pane/src/tree.ts
index 61dff2535..a34bdfd21 100644
--- a/packages/plugin-outline-pane/src/tree.ts
+++ b/packages/plugin-outline-pane/src/tree.ts
@@ -8,7 +8,10 @@ export class Tree {
 
   readonly id: string;
 
-  constructor(readonly document: DocumentModel) {
+  readonly document: DocumentModel;
+
+  constructor(document: DocumentModel) {
+    this.document = document;
     this.root = this.getTreeNode(document.rootNode);
     this.id = document.id;
   }
diff --git a/packages/plugin-outline-pane/src/views/root-tree-node.tsx b/packages/plugin-outline-pane/src/views/root-tree-node.tsx
index bdaae0c65..69d456ef1 100644
--- a/packages/plugin-outline-pane/src/views/root-tree-node.tsx
+++ b/packages/plugin-outline-pane/src/views/root-tree-node.tsx
@@ -40,13 +40,15 @@ class ModalTreeNodeView extends Component<{ treeNode: TreeNode }> {
       <div className="tree-node-modal">
         <div className="tree-node-modal-title">
           <span>模态视图层</span>
-          <div className="tree-node-modal-title-visible-icon"
-            onClick={this.hideAllNodes.bind(this)}>
+          <div
+            className="tree-node-modal-title-visible-icon"
+            onClick={this.hideAllNodes.bind(this)}
+          >
             {hasVisibleModalNode ? <IconEyeClose /> : null}
           </div>
         </div>
         <div className="tree-pane-modal-content">
-          <TreeBranches treeNode={treeNode} isModal={true}/>
+          <TreeBranches treeNode={treeNode} isModal />
         </div>
       </div>
     );
@@ -85,7 +87,7 @@ export default class RootTreeNodeView extends Component<{ treeNode: TreeNode }>
       <div className={className} data-id={treeNode.id}>
         <TreeTitle treeNode={treeNode} />
         <ModalTreeNodeView treeNode={treeNode} />
-        <TreeBranches treeNode={treeNode}/>
+        <TreeBranches treeNode={treeNode} />
       </div>
     );
   }
diff --git a/packages/plugin-outline-pane/src/views/tree-branches.tsx b/packages/plugin-outline-pane/src/views/tree-branches.tsx
index 879d50fda..f6471450b 100644
--- a/packages/plugin-outline-pane/src/views/tree-branches.tsx
+++ b/packages/plugin-outline-pane/src/views/tree-branches.tsx
@@ -26,9 +26,9 @@ export default class TreeBranches extends Component<{
     return (
       <div className="tree-node-branches">
         {
-          !isModal && <TreeNodeSlots treeNode={treeNode}/>
+          !isModal && <TreeNodeSlots treeNode={treeNode} />
         }
-        <TreeNodeChildren treeNode={treeNode} isModal={isModal || false}/>
+        <TreeNodeChildren treeNode={treeNode} isModal={isModal || false} />
       </div>
     );
   }
@@ -36,15 +36,16 @@ export default class TreeBranches extends Component<{
 
 @observer
 class TreeNodeChildren extends Component<{
-  treeNode: TreeNode;
-  isModal?: boolean;
-}> {
+    treeNode: TreeNode;
+    isModal?: boolean;
+  }> {
   shouldComponentUpdate() {
     return false;
   }
+
   render() {
     const { treeNode, isModal } = this.props;
-    let children: any = [];
+    const children: any = [];
     let groupContents: any[] = [];
     let currentGrp: ExclusiveGroup;
     const endGroup = () => {
@@ -60,7 +61,7 @@ class TreeNodeChildren extends Component<{
         groupContents = [];
       }
     };
-    const dropDetail = treeNode.dropDetail;
+    const { dropDetail } = treeNode;
     const dropIndex = dropDetail?.index;
     const insertion = (
       <div
@@ -89,12 +90,12 @@ class TreeNodeChildren extends Component<{
             children.push(insertion);
           }
         }
-        groupContents.push(<TreeNodeView key={child.id} treeNode={child} isModal={isModal}/>);
+        groupContents.push(<TreeNodeView key={child.id} treeNode={child} isModal={isModal} />);
       } else {
         if (index === dropIndex) {
           children.push(insertion);
         }
-        children.push(<TreeNodeView key={child.id} treeNode={child} isModal={isModal}/>);
+        children.push(<TreeNodeView key={child.id} treeNode={child} isModal={isModal} />);
       }
     });
     endGroup();
@@ -109,11 +110,12 @@ class TreeNodeChildren extends Component<{
 
 @observer
 class TreeNodeSlots extends Component<{
-  treeNode: TreeNode;
-}> {
+    treeNode: TreeNode;
+  }> {
   shouldComponentUpdate() {
     return false;
   }
+
   render() {
     const { treeNode } = this.props;
     if (!treeNode.hasSlots()) {
diff --git a/packages/plugin-outline-pane/src/views/tree-node.tsx b/packages/plugin-outline-pane/src/views/tree-node.tsx
index 20245808a..a22015cd5 100644
--- a/packages/plugin-outline-pane/src/views/tree-node.tsx
+++ b/packages/plugin-outline-pane/src/views/tree-node.tsx
@@ -7,9 +7,9 @@ import TreeBranches from './tree-branches';
 
 @observer
 export default class TreeNodeView extends Component<{
-    treeNode: TreeNode;
-    isModal?: boolean;
-  }> {
+  treeNode: TreeNode;
+  isModal?: boolean;
+}> {
   shouldComponentUpdate() {
     return false;
   }
@@ -38,8 +38,8 @@ export default class TreeNodeView extends Component<{
 
     return (
       <div className={className} data-id={treeNode.id}>
-        <TreeTitle treeNode={treeNode} isModal={isModal}/>
-        <TreeBranches treeNode={treeNode} isModal={false}/>
+        <TreeTitle treeNode={treeNode} isModal={isModal} />
+        <TreeBranches treeNode={treeNode} isModal={false} />
       </div>
     );
   }
diff --git a/packages/plugin-outline-pane/src/views/tree-title.tsx b/packages/plugin-outline-pane/src/views/tree-title.tsx
index 1e3ae7924..165b88534 100644
--- a/packages/plugin-outline-pane/src/views/tree-title.tsx
+++ b/packages/plugin-outline-pane/src/views/tree-title.tsx
@@ -3,8 +3,6 @@ import classNames from 'classnames';
 import { observer, Title, Tip, globalContext, Editor } from '@ali/lowcode-editor-core';
 import { IconArrowRight } from '../icons/arrow-right';
 import { IconEyeClose } from '../icons/eye-close';
-import { IconLock } from '../icons/lock';
-import { IconUnlock } from '../icons/unlock';
 import { intl, intlNode } from '../locale';
 import TreeNode from '../tree-node';
 import { IconEye } from '../icons/eye';
@@ -14,7 +12,7 @@ import { IconRadioActive } from '../icons/radio-active';
 import { IconRadio } from '../icons/radio';
 import { createIcon } from '@ali/lowcode-utils';
 
-function emitOutlineEvent(type: string, treeNode: TreeNode, rest?: object) {
+function emitOutlineEvent(type: string, treeNode: TreeNode, rest?: Record<string, unknown>) {
   const editor = globalContext.get(Editor);
   const node = treeNode?.node;
   const npm = node?.componentMeta?.npm;
@@ -68,6 +66,7 @@ export default class TreeTitle extends Component<{
   };
 
   private lastInput?: HTMLInputElement;
+
   private setCaret = (input: HTMLInputElement | null) => {
     if (!input || this.lastInput === input) {
       return;
@@ -86,7 +85,7 @@ export default class TreeTitle extends Component<{
     const isNodeParent = node.isParental();
     let style: any;
     if (isCNode) {
-      const depth = treeNode.depth;
+      const { depth } = treeNode;
       const indent = depth * 12;
       style = {
         paddingLeft: indent + (isModal ? 12 : 0),
@@ -108,22 +107,23 @@ export default class TreeTitle extends Component<{
           }
           if (node.conditionGroup) {
             node.setConditionalVisible();
-            return;
           }
         }}
       >
         {isModal && node.getVisible() && (
           <div onClick={() => {
             node.document.modalNodesManager.setInvisible(node);
-          }}>
-            <IconRadioActive className="tree-node-modal-radio-active"/>
+          }}
+          >
+            <IconRadioActive className="tree-node-modal-radio-active" />
           </div>
         )}
         {isModal && !node.getVisible() && (
           <div onClick={() => {
             node.document.modalNodesManager.setVisible(node);
-          }}>
-            <IconRadio className="tree-node-modal-radio"/>
+          }}
+          >
+            <IconRadio className="tree-node-modal-radio" />
           </div>
         )}
         {isCNode && <ExpandBtn treeNode={treeNode} />}
@@ -164,39 +164,41 @@ export default class TreeTitle extends Component<{
           )}
         </div>
         {isCNode && isNodeParent && !isModal && <HideBtn treeNode={treeNode} />}
-        {/*isCNode && isNodeParent && <LockBtn treeNode={treeNode} />*/}
+        {/* isCNode && isNodeParent && <LockBtn treeNode={treeNode} /> */}
       </div>
     );
   }
 }
 
-@observer
-class LockBtn extends Component<{ treeNode: TreeNode }> {
-  shouldComponentUpdate() {
-    return false;
-  }
-  render() {
-    const { treeNode } = this.props;
-    return (
-      <div
-        className="tree-node-lock-btn"
-        onClick={(e) => {
-          e.stopPropagation();
-          treeNode.setLocked(!treeNode.locked);
-        }}
-      >
-        {treeNode.locked ? <IconLock /> : <IconUnlock />}
-        <Tip>{treeNode.locked ? intl('Unlock') : intl('Lock')}</Tip>
-      </div>
-    );
-  }
-}
+// @observer
+// class LockBtn extends Component<{ treeNode: TreeNode }> {
+//   shouldComponentUpdate() {
+//     return false;
+//   }
+
+//   render() {
+//     const { treeNode } = this.props;
+//     return (
+//       <div
+//         className="tree-node-lock-btn"
+//         onClick={(e) => {
+//           e.stopPropagation();
+//           treeNode.setLocked(!treeNode.locked);
+//         }}
+//       >
+//         {treeNode.locked ? <IconLock /> : <IconUnlock />}
+//         <Tip>{treeNode.locked ? intl('Unlock') : intl('Lock')}</Tip>
+//       </div>
+//     );
+//   }
+// }
 
 @observer
 class HideBtn extends Component<{ treeNode: TreeNode }> {
   shouldComponentUpdate() {
     return false;
   }
+
   render() {
     const { treeNode } = this.props;
     return (
@@ -220,6 +222,7 @@ class ExpandBtn extends Component<{ treeNode: TreeNode }> {
   shouldComponentUpdate() {
     return false;
   }
+
   render() {
     const { treeNode } = this.props;
     if (!treeNode.expandable) {
diff --git a/packages/plugin-outline-pane/src/views/tree.tsx b/packages/plugin-outline-pane/src/views/tree.tsx
index 075a67b62..4f7871e96 100644
--- a/packages/plugin-outline-pane/src/views/tree.tsx
+++ b/packages/plugin-outline-pane/src/views/tree.tsx
@@ -21,11 +21,12 @@ function getTreeNodeIdByEvent(e: ReactMouseEvent, stop: Element): null | string
 @observer
 export default class TreeView extends Component<{ tree: Tree }> {
   private shell: HTMLDivElement | null = null;
+
   private hover(e: ReactMouseEvent) {
     const { tree } = this.props;
 
     const doc = tree.document;
-    const detecting = doc.designer.detecting;
+    const { detecting } = doc.designer;
     if (!detecting.enable) {
       return;
     }
@@ -48,10 +49,10 @@ export default class TreeView extends Component<{ tree: Tree }> {
       return;
     }
     const { node } = treeNode;
-    const designer = treeNode.designer;
+    const { designer } = treeNode;
     const doc = node.document;
-    const selection = doc.selection;
-    const id = node.id;
+    const { selection } = doc;
+    const { id } = node;
     const isMulti = e.metaKey || e.ctrlKey || e.shiftKey;
     designer.activeTracker.track(node);
     if (isMulti && !isRootNode(node) && selection.has(id)) {
@@ -91,7 +92,9 @@ export default class TreeView extends Component<{ tree: Tree }> {
   }
 
   private ignoreUpSelected = false;
+
   private boostEvent?: MouseEvent;
+
   private onMouseDown = (e: ReactMouseEvent) => {
     if (isFormEvent(e.nativeEvent)) {
       return;
@@ -102,9 +105,9 @@ export default class TreeView extends Component<{ tree: Tree }> {
     }
 
     const { node } = treeNode;
-    const designer = treeNode.designer;
+    const { designer } = treeNode;
     const doc = node.document;
-    const selection = doc.selection;
+    const { selection } = doc;
 
     // TODO: shift selection
     const isMulti = e.metaKey || e.ctrlKey || e.shiftKey;
@@ -145,11 +148,11 @@ export default class TreeView extends Component<{ tree: Tree }> {
 
   render() {
     const { tree } = this.props;
-    const root = tree.root;
+    const { root } = tree;
     return (
       <div
         className="lc-outline-tree"
-        ref={(shell) => (this.shell = shell)}
+        ref={(shell) => { this.shell = shell; }}
         onMouseDownCapture={this.onMouseDown}
         onMouseOver={this.onMouseOver}
         onClick={this.onClick}
diff --git a/packages/plugin-sample-preview/src/index.tsx b/packages/plugin-sample-preview/src/index.tsx
index 5a1efd7b0..af0ea82bc 100644
--- a/packages/plugin-sample-preview/src/index.tsx
+++ b/packages/plugin-sample-preview/src/index.tsx
@@ -1,6 +1,6 @@
-import React, { useState, ComponentType } from 'react';
+import React, { useState } from 'react';
 import { Button, Dialog } from '@alifd/next';
-import { PluginProps, NpmInfo } from '@ali/lowcode-types';
+import { PluginProps } from '@ali/lowcode-types';
 import { Designer } from '@ali/lowcode-designer';
 import { buildComponents, assetBundle, AssetList, AssetLevel, AssetLoader } from '@ali/lowcode-utils';
 import ReactRenderer from '@ali/lowcode-react-renderer';
@@ -47,7 +47,7 @@ const SamplePreview = ({ editor }: PluginProps) => {
       });
       setVisible(true);
     }
-  };
+  }
 
   function handleClose() {
     setVisible(false);
diff --git a/packages/plugin-source-editor/src/index.tsx b/packages/plugin-source-editor/src/index.tsx
index 372fdb786..e27a88988 100644
--- a/packages/plugin-source-editor/src/index.tsx
+++ b/packages/plugin-source-editor/src/index.tsx
@@ -1,25 +1,25 @@
-import { Component, isValidElement, ReactElement, ReactNode } from 'react';
-import { Tab, Search, Input, Button,Message } from '@alifd/next';
+import React, { Component } from 'react';
+import { Tab, Button, Message } from '@alifd/next';
 import { Editor } from '@ali/lowcode-editor-core';
 import { js_beautify, css_beautify } from 'js-beautify';
 import MonacoEditor from 'react-monaco-editor';
-import { Designer } from '@ali/lowcode-designer';
 import * as monaco from 'monaco-editor/esm/vs/editor/editor.main.js';
+
+import './index.scss';
+import transfrom from './transform';
+
 const TAB_KEY = {
   JS_TAB: 'js_tab',
   CSS_TAB: 'css_tab',
 };
 
-import './index.scss';
-import transfrom from './transform';
-
 const defaultEditorOption = {
   width: '100%',
   height: '95%',
   options: {
     readOnly: false,
     automaticLayout: true,
-    folding: true, //默认开启折叠代码功能
+    folding: true, // 默认开启折叠代码功能
     lineNumbers: 'on',
     wordWrap: 'off',
     formatOnPaste: true,
@@ -39,27 +39,28 @@ const defaultEditorOption = {
 };
 
 interface FunctionEventParam {
-  functionName: String;
+  functionName: string;
 }
 
 export default class SourceEditor extends Component<{
   editor: Editor;
 }> {
-  private monocoEditor: Object;
-  private monocoEditorCss: Object;
-  private editorCmd: Object;
+  private monocoEditor: any;
+
+  private editorCmd: any;
+
   private editorJsRef = React.createRef();
+
   private editorCssRef = React.createRef();
-  private editorNode: Object;
-  private editorParentNode: Object;
+
+  private editorNode: any;
 
   state = {
-    isFullScreen:false,
-    tabKey: TAB_KEY.JS_TAB,
-    isShowSaveBtn:true,
-    visiable:false
+    isShowSaveBtn: true,
+    visiable: false,
   };
 
+  // eslint-disable-next-line react/no-deprecated
   componentWillMount() {
     const { editor } = this.props;
 
@@ -75,30 +76,28 @@ export default class SourceEditor extends Component<{
     });
 
     // 插件面板关闭事件,监听规则同上
-    editor.on('skeleton.panel-dock.unactive',(pluginName,dock)=>{
-      if (pluginName == 'sourceEditor'){
-         this.saveSchema();
-         this.setState({
-           visiable:false
-         })
+    editor.on('skeleton.panel-dock.unactive', (pluginName) => {
+      if (pluginName == 'sourceEditor') {
+        this.saveSchema();
+        this.setState({
+          visiable: false,
+        });
       }
-    })
-    
+    });
+
     // 插件面板打开事件,监听规则同上
-    editor.on('skeleton.panel-dock.active',(pluginName,dock)=>{
-      if (pluginName == 'sourceEditor'){
-          this.initCode();
+    editor.on('skeleton.panel-dock.active', (pluginName) => {
+      if (pluginName == 'sourceEditor') {
+        this.initCode();
       }
-    })
+    });
 
     this.initCode();
   }
 
 
-  componentDidMount () {
-    this.editorNode = this.editorJsRef.current; //记录当前dom节点；
-    this.editorParentNode = this.editorNode.parentNode; //记录父节点;
-
+  componentDidMount() {
+    this.editorNode = this.editorJsRef.current; // 记录当前dom节点；
   }
 
   /**
@@ -133,9 +132,9 @@ export default class SourceEditor extends Component<{
   };
 
   initCode = () => {
-    const {editor} = this.props;
-    let schema = editor.get('designer').project.getSchema();
-    let jsCode = js_beautify(transfrom.schema2Code(schema), { indent_size: 2, indent_empty_lines: true });
+    const { editor } = this.props;
+    const schema = editor.get('designer').project.getSchema();
+    const jsCode = js_beautify(transfrom.schema2Code(schema), { indent_size: 2, indent_empty_lines: true });
     let css;
 
     if (schema.componentsTree[0].css) {
@@ -146,7 +145,7 @@ export default class SourceEditor extends Component<{
       jsCode,
       css,
       selectTab: TAB_KEY.JS_TAB,
-      visiable:true
+      visiable: true,
     });
   };
 
@@ -159,11 +158,11 @@ export default class SourceEditor extends Component<{
     const range = new monaco.Range(count, 1, count, 1);
     const functionCode = transfrom.getNewFunctionCode(params.functionName);
     this.monocoEditor.executeEdits('log-source', [
-      { identifier: 'event_id', range: range, text: functionCode, forceMoveMarkers: true },
+      { identifier: 'event_id', range, text: functionCode, forceMoveMarkers: true },
     ]);
 
     setTimeout(() => {
-      let newPosition = new monaco.Position(count + 1, 2);
+      const newPosition = new monaco.Position(count + 1, 2);
       this.monocoEditor.setPosition(newPosition);
       this.monocoEditor.focus();
     }, 100);
@@ -176,12 +175,12 @@ export default class SourceEditor extends Component<{
    * @param functionName
    */
   focusByFunctionName(params: FunctionEventParam) {
-    const functionName = params.functionName;
+    const { functionName } = params;
     const matchedResult = this.monocoEditor
       .getModel()
       .findMatches(`${functionName}\\s*\\([\\s\\S]*\\)[\\s\\S]*\\{`, false, true)[0];
     if (matchedResult) {
-      let monocoEditor = this.monocoEditor;
+      const { monocoEditor } = this;
       setTimeout(() => {
         monocoEditor.revealLineInCenter(matchedResult.range.startLineNumber);
         monocoEditor.setPosition({
@@ -193,7 +192,7 @@ export default class SourceEditor extends Component<{
     }
   }
 
-  editorDidMount = (editor, monaco, tab) => {
+  editorDidMount = (editor) => {
     this.monocoEditor = editor;
 
     if (this.editorCmd) {
@@ -202,7 +201,7 @@ export default class SourceEditor extends Component<{
   };
 
   fullScreen = () => {
-    document.body.appendChild(this.editorNode)
+    document.body.appendChild(this.editorNode);
 
     const fullScreenOption = {
       ...defaultEditorOption,
@@ -210,23 +209,16 @@ export default class SourceEditor extends Component<{
       folding: true,
       scrollBeyondLastLine: true,
       minimap: {
-        enabled: true
-      }
-    }
+        enabled: true,
+      },
+    };
 
     this.monocoEditor.updateOptions(fullScreenOption);
-    // if (this.editorParentNode) {
-    //   if (this.editorParentNode.firstChild) {
-    //     this.editorParentNode.insertBefore(this.editorNode, this.editorParentNode.firstChild);
-    //   } else {
-    //     this.editorParentNode.appendChild(this.editorNode);
-    //   }
-    // }
   };
 
   onTabChange = (key) => {
     const { editor } = this.props;
-    let schema = editor.get('designer').project.getSchema();
+    const schema = editor.get('designer').project.getSchema();
     console.log(schema);
 
     this.setState({
@@ -243,16 +235,15 @@ export default class SourceEditor extends Component<{
   showJsEditor = () => {
     document.getElementById('cssEditorDom').setAttribute('style', 'display:none');
     document.getElementById('jsEditorDom').setAttribute('style', 'block');
-  }
+  };
 
   showCssEditor = () => {
     document.getElementById('jsEditorDom').setAttribute('style', 'display:none');
     document.getElementById('cssEditorDom').setAttribute('style', 'block');
-  }
+  };
 
   updateCode = (newCode) => {
     const { selectTab } = this.state;
-    const { editor } = this.props;
     if (selectTab === TAB_KEY.JS_TAB) {
       this.setState({
         jsCode: newCode,
@@ -262,36 +253,28 @@ export default class SourceEditor extends Component<{
         css: newCode,
       });
     }
-
-    // let functionMap = transfrom.code2Schema(newCode);
-    // let schema = editor.get('designer').project.getSchema();
-    // let newSchema = transfrom.setFunction2Schema(functionMap, schema);
-    // if (newSchema!=''){
-    //   editor.get('designer').project.load(newSchema,true);
-    
-
   };
 
 
-  saveSchema = (successFlag) => {
-    const {jsCode} = this.state;
-    const {editor} = this.props;
-    let functionMap = transfrom.code2Schema(jsCode);
+  saveSchema = (successFlag?: boolean) => {
+    const { jsCode } = this.state;
+    const { editor } = this.props;
+    const functionMap = transfrom.code2Schema(jsCode);
 
-    if (functionMap!=null){
-      let schema = editor.get('designer').project.getSchema();
-      //let oldSchemaStr = JSON.stringify(schema);
-      let newSchema = transfrom.setFunction2Schema(functionMap, schema);
+    if (functionMap != null) {
+      const schema = editor.get('designer').project.getSchema();
+      // let oldSchemaStr = JSON.stringify(schema);
+      const newSchema = transfrom.setFunction2Schema(functionMap, schema);
 
-      if (newSchema!=''){
+      if (newSchema != '') {
         editor.get('designer').project.setSchema(newSchema);
-        successFlag && Message.success('保存成功')
+        successFlag && Message.success('保存成功');
       }
-    }    
-  }
+    }
+  };
 
   render() {
-    const { selectTab, jsCode, css ,isShowSaveBtn,visiable} = this.state;
+    const { selectTab, jsCode, css, isShowSaveBtn, visiable } = this.state;
     const tabs = [
       { tab: 'index.js', key: TAB_KEY.JS_TAB },
       { tab: 'style.css', key: TAB_KEY.CSS_TAB },
@@ -305,8 +288,8 @@ export default class SourceEditor extends Component<{
             <Tab.Item key={item.key} title={item.tab} />
           ))}
         </Tab>
-        { isShowSaveBtn && <div className="button-container"><Button type="primary" onClick={()=>this.saveSchema(successFlag)}>保存代码</Button></div>}
-        { visiable && 
+        { isShowSaveBtn && <div className="button-container"><Button type="primary" onClick={() => this.saveSchema(true)}>保存代码</Button></div>}
+        { visiable &&
           <div style={{ height: '100%' }} className="editor-context-container">
             <div id="jsEditorDom" className="editor-context" ref={this.editorJsRef}>
               <MonacoEditor
@@ -314,7 +297,7 @@ export default class SourceEditor extends Component<{
                 {...defaultEditorOption}
                 {...{ language: 'javascript' }}
                 onChange={(newCode) => this.updateCode(newCode)}
-                editorDidMount={(editor, monaco) => this.editorDidMount.call(this, editor, monaco, TAB_KEY.JS_TAB)}
+                editorDidMount={(editor, useMonaco) => this.editorDidMount.call(this, editor, useMonaco, TAB_KEY.JS_TAB)}
               />
             </div>
             <div className="editor-context" id="cssEditorDom" ref={this.editorCssRef}>
@@ -323,7 +306,7 @@ export default class SourceEditor extends Component<{
                 {...defaultEditorOption}
                 {...{ language: 'css' }}
                 onChange={(newCode) => this.updateCode(newCode)}
-                //editorDidMount={(editor, monaco) => this.editorDidMount.call(this, editor, monaco,TAB_KEY.CSS_TAB)}
+                // editorDidMount={(editor, monaco) => this.editorDidMount.call(this, editor, monaco,TAB_KEY.CSS_TAB)}
               />
             </div>
           </div>
diff --git a/packages/plugin-source-editor/src/module.d.ts b/packages/plugin-source-editor/src/module.d.ts
index 0a8caf778..46c67e95a 100644
--- a/packages/plugin-source-editor/src/module.d.ts
+++ b/packages/plugin-source-editor/src/module.d.ts
@@ -1 +1 @@
-declare module "js-beautify";
+declare module 'js-beautify';
diff --git a/packages/plugin-source-editor/src/transform.ts b/packages/plugin-source-editor/src/transform.ts
index a438cfe01..9844e6310 100644
--- a/packages/plugin-source-editor/src/transform.ts
+++ b/packages/plugin-source-editor/src/transform.ts
@@ -1,13 +1,13 @@
 const LIFECYCLES_FUNCTION_MAP = {
-    react:['constructor','render','componentDidMount','componentDidUpdate','componentWillUnmount','componentDidCatch']
-}
+  react: ['constructor', 'render', 'componentDidMount', 'componentDidUpdate', 'componentWillUnmount', 'componentDidCatch'],
+};
 
 
 const transfrom = {
-  schema2Code(schema: Object) {
-    let componentSchema = schema.componentsTree[0];
-    let code =
-`export default class {
+  schema2Code(schema) {
+    const componentSchema = schema.componentsTree[0];
+    const code =
+      `export default class {
   ${initStateCode(componentSchema)}
   ${initLifeCycleCode(componentSchema)}
   ${initMethodsCode(componentSchema)}
@@ -16,100 +16,105 @@ const transfrom = {
     return code;
   },
 
-  code2Schema(code: String) {
-    let newCode = code.replace(/export default class/,'class A');
-    let A,a;
+  code2Schema(code: string) {
+    const newCode = code.replace(/export default class/, 'class A');
+    let A; let a;
     try {
-      A = eval('('+newCode + ')');
+      // eslint-disable-next-line no-eval
+      A = eval(`(${newCode})`);
       a = new A();
-    }catch(e){
+    } catch (e) {
       console.log(e.message);
-      return null
+      return null;
     }
 
-    let functionNameList = Object.getOwnPropertyNames(a.__proto__);
+    // eslint-disable-next-line no-proto
+    const functionNameList = Object.getOwnPropertyNames(a.__proto__);
 
-    let functionMap = {};
+    const functionMap = {};
 
-    functionNameList.map((functionName)=>{
-      if (functionName != 'constructor'){
-          if (a[functionName]){
-            let functionCode = a[functionName].toString().replace(new RegExp(functionName),'function');
-            functionMap[functionName] = functionCode;
-          }
+    functionNameList.map((functionName) => {
+      if (functionName != 'constructor') {
+        if (a[functionName]) {
+          const functionCode = a[functionName].toString().replace(new RegExp(functionName), 'function');
+          functionMap[functionName] = functionCode;
+        }
       }
-    })
+      return functionName;
+    });
 
-    if (a.state){
-      functionMap.state = a.state
+    if (a.state) {
+      functionMap.state = a.state;
     }
 
     console.log(functionMap);
     return functionMap;
-
   },
 
-  getNewFunctionCode(functionName:String){
-    return `\n\t${functionName}(){\n\t}\n`
+  getNewFunctionCode(functionName: string) {
+    return `\n\t${functionName}(){\n\t}\n`;
   },
 
-  setFunction2Schema(functionMap,schema){
-
-    let pageNode = schema.componentsTree[0];
+  setFunction2Schema(functionMap, schema) {
+    const pageNode = schema.componentsTree[0];
     // 先清除原有的schema的值
     delete pageNode.state;
     pageNode.lifeCycles = {};
     pageNode.methods = {};
     if (!pageNode) return '';
-    for (let key in functionMap){
-        if (key == 'state'){
-           pageNode.state = functionMap[key];
-        }else{
-          // 判断是否属于lifeCycles节点
-          if (LIFECYCLES_FUNCTION_MAP.react.indexOf(key)>=0){
-            // 判断有没有lifecycles节点
-            if (!pageNode.lifeCycles){
-              pageNode.lifeCycles = {}
-            }else{
-              pageNode.lifeCycles[key] = {
-                "type": "JSFunction",
-                "value": functionMap[key],
-              }
-            }
-          }else{
-            // methods节点
-            if (!pageNode.methods){
-              pageNode.methods = {}
-            }else{
-              pageNode.methods[key] = {
-                "type": "JSFunction",
-                "value": functionMap[key],
-              }
-            }
-          }
+    for (const key in functionMap) {
+      if (key == 'state') {
+        pageNode.state = functionMap[key];
+      } else if (LIFECYCLES_FUNCTION_MAP.react.indexOf(key) >= 0) {
+        // // 判断是否属于lifeCycles节点
+        // if (LIFECYCLES_FUNCTION_MAP.react.indexOf(key) >= 0) {
+        // 判断有没有lifecycles节点
+        if (!pageNode.lifeCycles) {
+          pageNode.lifeCycles = {};
+        } else {
+          pageNode.lifeCycles[key] = {
+            type: 'JSFunction',
+            value: functionMap[key],
+          };
         }
+      } else if (!pageNode.methods) {
+        // methods节点
+        pageNode.methods = {};
+        // if (!pageNode.methods) {
+        //   pageNode.methods = {};
+        // } else {
+        //   pageNode.methods[key] = {
+        //     type: 'JSFunction',
+        //     value: functionMap[key],
+        //   };
+        // }
+      } else {
+        pageNode.methods[key] = {
+          type: 'JSFunction',
+          value: functionMap[key],
+        };
+      }
     }
 
     return schema;
-
-  }
+  },
 };
 
 
-function initStateCode(componentSchema:Object) {
-  if (componentSchema.state){
-     return `state = ${JSON.stringify(componentSchema.state)}`
+function initStateCode(componentSchema) {
+  if (componentSchema.state) {
+    return `state = ${JSON.stringify(componentSchema.state)}`;
   }
 
   return '';
 }
 
-function initLifeCycleCode(componentSchema: Object) {
+function initLifeCycleCode(componentSchema) {
   if (componentSchema.lifeCycles) {
-    let lifeCycles = componentSchema.lifeCycles;
-    let codeList = [];
+    const { lifeCycles } = componentSchema;
+    const codeList = [];
 
-    for (let key in lifeCycles) {
+    for (const key in lifeCycles) {
       codeList.push(createFunctionCode(key, lifeCycles[key]));
     }
 
@@ -119,12 +124,12 @@ function initLifeCycleCode(componentSchema: Object) {
   }
 }
 
-function initMethodsCode(componentSchema: Object) {
+function initMethodsCode(componentSchema) {
   if (componentSchema.methods) {
-    let methods = componentSchema.methods;
-    let codeList = [];
+    const { methods } = componentSchema;
+    const codeList = [];
 
-    for (let key in methods) {
+    for (const key in methods) {
       codeList.push(createFunctionCode(key, methods[key]));
     }
 
@@ -134,7 +139,7 @@ function initMethodsCode(componentSchema: Object) {
   }
 }
 
-function createFunctionCode(functionName: String, functionNode: Object) {
+function createFunctionCode(functionName: string, functionNode) {
   if (functionNode.type === 'JSExpression' || functionNode.type === 'JSFunction') {
     let functionCode = functionNode.value;
     functionCode = functionCode.replace(/function/, functionName);
@@ -143,5 +148,4 @@ function createFunctionCode(functionName: String, functionNode: Object) {
 }
 
 
-
 export default transfrom;
diff --git a/packages/plugin-undo-redo/src/index.tsx b/packages/plugin-undo-redo/src/index.tsx
index 8357bf4e2..42d31de1d 100644
--- a/packages/plugin-undo-redo/src/index.tsx
+++ b/packages/plugin-undo-redo/src/index.tsx
@@ -68,11 +68,11 @@ export default class UndoRedo extends PureComponent<IProps, IState> {
   };
 
   handleUndoClick = (): void => {
-    this.history?.back();
+    this.history.back();
   };
 
   handleRedoClick = (): void => {
-    this.history?.forward();
+    this.history.forward();
   };
 
   render(): React.ReactNode {
diff --git a/packages/plugin-variable-bind-dialog/src/index.tsx b/packages/plugin-variable-bind-dialog/src/index.tsx
index 75ee084bd..1ea9fc466 100644
--- a/packages/plugin-variable-bind-dialog/src/index.tsx
+++ b/packages/plugin-variable-bind-dialog/src/index.tsx
@@ -27,11 +27,10 @@ export default class VariableBindDialog extends Component<PluginProps> {
 
   state = {
     visiable: false,
-    selectedVariableName: '',
     variableContext: '',
   };
 
-  openDialog = (bindEventName: String) => {
+  openDialog = (bindEventName: string) => {
     this.setState({
       visiable: true,
       eventName: bindEventName,
@@ -46,7 +45,7 @@ export default class VariableBindDialog extends Component<PluginProps> {
 
   componentDidMount() {
     const { editor, config } = this.props;
-    editor.on(`${config.pluginKey}.openDialog`, (bindEventName: String) => {
+    editor.on(`${config.pluginKey}.openDialog`, (bindEventName: string) => {
       this.openDialog(bindEventName);
     });
   }
@@ -54,7 +53,7 @@ export default class VariableBindDialog extends Component<PluginProps> {
   initEventName = () => {
     const { bindEventName } = this.state;
     let eventName = bindEventName;
-    this.eventList.map((item) => {
+    this.eventList.forEach((item) => {
       if (item.name === eventName) {
         eventName = `${eventName}_new`;
       }
@@ -65,16 +64,15 @@ export default class VariableBindDialog extends Component<PluginProps> {
     });
   };
 
-  onInputChange = (eventName: String) => {
+  onInputChange = (eventName: string) => {
     this.setState({
       eventName,
     });
   };
 
-  onSelectItem = (variableName: String) => {
+  onSelectItem = (variableName: string) => {
     this.setState({
-      selectedVariableName:variableName,
-      variableContext:variableName
+      variableContext: variableName,
     });
 
     // // 为空是新建事件
@@ -96,22 +94,22 @@ export default class VariableBindDialog extends Component<PluginProps> {
   };
 
   renderBottom = () => {
-      return (
-        <div className="variable-bind-dialog-bottom">
-            <div className="bottom-left-container">
-              <Button type="normal" warning>移除绑定</Button>
-            </div>
-
-            <div className="bottom-right-container">
-              <Button type="primary" onClick={this.onOk}>确定</Button>&nbsp;&nbsp;
-              <Button type="normal" onClick={this.closeDialog}>取消</Button>
-            </div>
+    return (
+      <div className="variable-bind-dialog-bottom">
+        <div className="bottom-left-container">
+          <Button type="normal" warning>移除绑定</Button>
         </div>
-      )
-  }
+
+        <div className="bottom-right-container">
+          <Button type="primary" onClick={this.onOk}>确定</Button>&nbsp;&nbsp;
+          <Button type="normal" onClick={this.closeDialog}>取消</Button>
+        </div>
+      </div>
+    );
+  };
 
   render() {
-    const { selectedEventName, eventName, visiable ,variableContext} = this.state;
+    const { visiable, variableContext } = this.state;
     return (
       <Dialog
         visible={visiable}
@@ -131,7 +129,7 @@ export default class VariableBindDialog extends Component<PluginProps> {
                   <div className="select-item select-item-active">当前上下文</div>
                   <div className="variable-list">
                     {this.loopVariableList.map((item) => (
-                      <div className="variable-item" onClick={()=>this.onSelectItem(item.name)}>
+                      <div className="variable-item" onClick={() => this.onSelectItem(item.name)}>
                         <span>{item.name}</span>
                       </div>
                     ))}
@@ -141,7 +139,7 @@ export default class VariableBindDialog extends Component<PluginProps> {
                 <div className="select-item select-item-active">State属性</div>
                 <div className="variable-list">
                   {this.stateVaroableList.map((item) => (
-                    <div className="variable-item" onClick={()=>this.onSelectItem(item.name)}>
+                    <div className="variable-item" onClick={() => this.onSelectItem(item.name)}>
                       <span>{item.name}</span>
                     </div>
                   ))}
@@ -152,9 +150,9 @@ export default class VariableBindDialog extends Component<PluginProps> {
 
           <div className="dialog-right-container">
             <div className="dialog-small-title">绑定</div>
-            <Input.TextArea style={{ width: '100%', height: '219px' }} value={variableContext}/>
+            <Input.TextArea style={{ width: '100%', height: '219px' }} value={variableContext} />
 
-            <div className="dialog-small-title" style={{marginTop:'13px'}}>帮助</div>
+            <div className="dialog-small-title" style={{ marginTop: '13px' }}>帮助</div>
             <Input.TextArea style={{ width: '100%', height: '137px' }} />
           </div>
         </div>
diff --git a/packages/plugin-zh-en/src/index.tsx b/packages/plugin-zh-en/src/index.tsx
index eebbe37b8..7c6234b7a 100644
--- a/packages/plugin-zh-en/src/index.tsx
+++ b/packages/plugin-zh-en/src/index.tsx
@@ -8,13 +8,14 @@ import './index.less';
 
 export default class ZhEn extends PureComponent<PluginProps> {
   static displayName = 'LowcodeZhEn';
+
   state = {
     locale: globalLocale.getLocale(),
   };
 
   private dispose = globalLocale.onLocaleChange((locale) => {
     this.setState({
-      locale
+      locale,
     });
   });
 
@@ -25,9 +26,12 @@ export default class ZhEn extends PureComponent<PluginProps> {
   render() {
     const isZh = this.state.locale === 'zh-CN';
     return (
-      <div className="lowcode-plugin-zh-en" onClick={() => {
-        globalLocale.setLocale(isZh ? 'en-US' : 'zh-CN');
-      }}>
+      <div
+        className="lowcode-plugin-zh-en"
+        onClick={() => {
+          globalLocale.setLocale(isZh ? 'en-US' : 'zh-CN');
+        }}
+      >
         {isZh ? <IconZh size={20} /> : <IconEn size={20} />}
         <Tip direction="right">{intl('To Locale')}</Tip>
       </div>
diff --git a/packages/rax-provider/src/provider.ts b/packages/rax-provider/src/provider.ts
index b64b2316e..d9e571850 100644
--- a/packages/rax-provider/src/provider.ts
+++ b/packages/rax-provider/src/provider.ts
@@ -11,21 +11,24 @@ export default class RaxProvider extends Provider {
     let App;
     const layoutConfig = this.getLayoutConfig();
     if (!layoutConfig || !layoutConfig.componentName) {
-      App = (props) => (RouterView ? createElement(RouterView, { ...props }) : null);
+      App = (props) => {
+        return RouterView ? createElement(RouterView, { ...props }) : null;
+      };
       return App;
     }
     const { componentName: layoutName, props: layoutProps } = layoutConfig;
     const { content: Layout, props: extraLayoutProps } = app.getLayout(layoutName) || {};
     const sectionalRender = this.isSectionalRender();
     if (!sectionalRender && Layout) {
-      App = (props) =>
-        createElement(
-          Layout,
-          { ...layoutProps, ...extraLayoutProps },
-          RouterView ? createElement(RouterView, props) : null,
-        );
+      App = (props) => createElement(
+        Layout,
+        { ...layoutProps, ...extraLayoutProps },
+        RouterView ? createElement(RouterView, props) : null,
+      );
     } else {
-      App = (props) => (RouterView ? createElement(RouterView, props) : null);
+      App = (props) => {
+        return RouterView ? createElement(RouterView, props) : null;
+      };
     }
     return App;
   }
@@ -49,13 +52,12 @@ export default class RaxProvider extends Provider {
       const path = routerConfig[pageId];
       routes.push({
         path,
-        component: (props: any) =>
-          this.getLazyComponent(pageId, {
-            components: this.getComponents(),
-            utils: this.getUtils(),
-            componentsMap: this.getComponentsMapObj(),
-            ...props,
-          }),
+        component: (props: any) => this.getLazyComponent(pageId, {
+          components: this.getComponents(),
+          utils: this.getUtils(),
+          componentsMap: this.getComponentsMapObj(),
+          ...props,
+        }),
       });
       if (homePageId) {
         return;
@@ -67,13 +69,12 @@ export default class RaxProvider extends Provider {
     if (homePageId) {
       routes.push({
         path: '**',
-        component: (props) =>
-          this.getLazyComponent(homePageId, {
-            components: this.getComponents(),
-            utils: this.getUtils(),
-            componentsMap: this.getComponentsMapObj(),
-            ...props,
-          }),
+        component: (props) => this.getLazyComponent(homePageId, {
+          components: this.getComponents(),
+          utils: this.getUtils(),
+          componentsMap: this.getComponentsMapObj(),
+          ...props,
+        }),
       });
     }
     const Router = getRouter({
diff --git a/packages/rax-render/.eslintrc.js b/packages/rax-render/.eslintrc.js
new file mode 100644
index 000000000..235dc8230
--- /dev/null
+++ b/packages/rax-render/.eslintrc.js
@@ -0,0 +1,9 @@
+module.exports = {
+  extends: '../../.eslintrc.js',
+  rules: {
+    'no-proto': 1,
+    'no-new-func': 1,
+    'no-shadow': 1,
+    '@typescript-eslint/no-unused-vars': 1,
+  }
+}
\ No newline at end of file
diff --git a/packages/rax-render/demo/miniapp/pages/index.js b/packages/rax-render/demo/miniapp/pages/index.js
index 40772a2e7..687d87e19 100644
--- a/packages/rax-render/demo/miniapp/pages/index.js
+++ b/packages/rax-render/demo/miniapp/pages/index.js
@@ -1,4 +1,4 @@
 Page({
   onLoad() {},
-  onShow() {}
+  onShow() {},
 });
diff --git a/packages/rax-render/demo/wechat-miniprogram/pages/index.js b/packages/rax-render/demo/wechat-miniprogram/pages/index.js
index 40772a2e7..687d87e19 100644
--- a/packages/rax-render/demo/wechat-miniprogram/pages/index.js
+++ b/packages/rax-render/demo/wechat-miniprogram/pages/index.js
@@ -1,4 +1,4 @@
 Page({
   onLoad() {},
-  onShow() {}
+  onShow() {},
 });
diff --git a/packages/rax-render/package.json b/packages/rax-render/package.json
index 30b98e318..169bf5206 100644
--- a/packages/rax-render/package.json
+++ b/packages/rax-render/package.json
@@ -41,6 +41,7 @@
     "debug": "^4.1.1",
     "events": "^3.0.0",
     "fetch-jsonp": "^1.1.3",
+    "fs-extra": "^9.0.1",
     "intl-messageformat": "^9.3.1",
     "jsonuri": "^2.1.2",
     "keymaster": "^1.6.2",
diff --git a/packages/rax-render/src/comp/visualDom/index.tsx b/packages/rax-render/src/comp/visualDom/index.tsx
index ef3a9f6d8..d67eb067d 100644
--- a/packages/rax-render/src/comp/visualDom/index.tsx
+++ b/packages/rax-render/src/comp/visualDom/index.tsx
@@ -4,9 +4,11 @@ import './index.css';
 
 export default class VisualDom extends Component {
   static displayName = 'VisualDom';
+
   static defaultProps = {
-    children: null
+    children: null,
   };
+
   render() {
     const { children, title, label, text, __componentName } = this.props;
 
diff --git a/packages/rax-render/src/engine/base.tsx b/packages/rax-render/src/engine/base.tsx
index b888e2a61..56ee19ffc 100644
--- a/packages/rax-render/src/engine/base.tsx
+++ b/packages/rax-render/src/engine/base.tsx
@@ -43,6 +43,7 @@ export default class BaseEngine extends Component {
     messages: PropTypes.object,
     __appHelper: PropTypes.object,
     __components: PropTypes.object,
+    // eslint-disable-next-line react/no-unused-prop-types
     __componentsMap: PropTypes.object,
     __ctx: PropTypes.object,
     __schema: PropTypes.object,
@@ -86,29 +87,29 @@ export default class BaseEngine extends Component {
   }
 
   reloadDataSource = () => new Promise((resolve, reject) => {
-      debug('reload data source');
-      if (!this.__dataHelper) {
+    debug('reload data source');
+    if (!this.__dataHelper) {
+      this.__showPlaceholder = false;
+      return resolve();
+    }
+    this.__dataHelper
+      .getInitData()
+      .then((res) => {
         this.__showPlaceholder = false;
-        return resolve();
-      }
-      this.__dataHelper
-        .getInitData()
-        .then((res) => {
+        if (isEmpty(res)) {
+          this.forceUpdate();
+          return resolve();
+        }
+        this.setState(res, resolve);
+      })
+      .catch((err) => {
+        if (this.__showPlaceholder) {
           this.__showPlaceholder = false;
-          if (isEmpty(res)) {
-            this.forceUpdate();
-            return resolve();
-          }
-          this.setState(res, resolve);
-        })
-        .catch((err) => {
-          if (this.__showPlaceholder) {
-            this.__showPlaceholder = false;
-            this.forceUpdate();
-          }
-          reject(err);
-        });
-    });
+          this.forceUpdate();
+        }
+        reject(err);
+      });
+  });
 
   __setLifeCycleMethods = (method, args) => {
     const lifeCycleMethods = getValue(this.props.__schema, 'lifeCycles', {});
@@ -206,7 +207,6 @@ export default class BaseEngine extends Component {
   // parentInfo 父组件的信息，包含schema和Comp
   // idx 若为循环渲染的循环Index
   __createVirtualDom = (schema, self, parentInfo, idx) => {
-
     if (!schema) return null;
     // rax text prop 兼容处理
     if (schema.componentName === 'Text') {
@@ -227,7 +227,7 @@ export default class BaseEngine extends Component {
     }
     if (Array.isArray(schema)) {
       if (schema.length === 1) return this.__createVirtualDom(schema[0], self, parentInfo);
-      return schema.map((item, idx) => this.__createVirtualDom(item, self, parentInfo, item && item.__ctx && item.__ctx.lunaKey ? '' : idx),);
+      return schema.map((item, idx) => this.__createVirtualDom(item, self, parentInfo, item && item.__ctx && item.__ctx.lunaKey ? '' : idx));
     }
 
     // 解析占位组件
@@ -294,7 +294,6 @@ export default class BaseEngine extends Component {
         __schema: schema,
         __appHelper: appHelper,
         __components: components,
-        // __componentsMap: componentsMap,
       }
       : {};
     if (engine && engine.props.designMode) {
@@ -335,9 +334,8 @@ export default class BaseEngine extends Component {
     }
     props.__id = schema.id;
 
-    let Child = null;
     if (!isFileSchema(schema) && schema.children) {
-      Child = this.__createVirtualDom(
+      this.__createVirtualDom(
         isJSExpression(schema.children) ? parseExpression(schema.children, self) : schema.children,
         self,
         {
@@ -347,10 +345,9 @@ export default class BaseEngine extends Component {
       );
     }
 
-    const renderComp = (props) =>
-      engine.createElement(
+    const renderComp = (props) => engine.createElement(
       Comp,
-        props,
+      props,
       (!isFileSchema(schema) &&
           !!schema.children &&
           this.__createVirtualDom(
@@ -362,7 +359,7 @@ export default class BaseEngine extends Component {
             },
           ))
           || null,
-      );
+    );
     // 设计模式下的特殊处理
     if (engine && [DESIGN_MODE.EXTEND, DESIGN_MODE.BORDER].includes(engine.props.designMode)) {
       // 对于overlay,dialog等组件为了使其在设计模式下显示，外层需要增加一个div容器
@@ -462,7 +459,7 @@ export default class BaseEngine extends Component {
       return checkProps(function () {
         const args = {};
         if (Array.isArray(params) && params.length) {
-          params.map((item, idx) => {
+          params.forEach((item, idx) => {
             if (typeof item === 'string') {
               args[item] = arguments[idx];
             } else if (item && typeof item === 'object') {
diff --git a/packages/rax-render/src/engine/compEngine.tsx b/packages/rax-render/src/engine/compEngine.tsx
index 6d4f50ef5..4e17fc0b8 100644
--- a/packages/rax-render/src/engine/compEngine.tsx
+++ b/packages/rax-render/src/engine/compEngine.tsx
@@ -61,7 +61,7 @@ export default class CompEngine extends BaseEngine {
     debug(`comp.componentWillUnmount - ${this.props.__schema.fileName}`);
   }
 
-  async componentDidCatch(e) {
+  async componentDidCatch() {
     super.componentDidCatch(...arguments);
     debug(`comp.componentDidCatch - ${this.props.__schema.fileName}`);
   }
@@ -76,8 +76,8 @@ export default class CompEngine extends BaseEngine {
     debug(`comp.render - ${__schema.fileName}`);
 
     const {
- id, className, style, noContainer
-} = this.__parseData(__schema.props);
+      id, className, style, noContainer,
+    } = this.__parseData(__schema.props);
 
     if (noContainer) {
       return this.__createContextDom(
diff --git a/packages/rax-render/src/engine/pageEngine.tsx b/packages/rax-render/src/engine/pageEngine.tsx
index e09b02b22..7ec4e344e 100644
--- a/packages/rax-render/src/engine/pageEngine.tsx
+++ b/packages/rax-render/src/engine/pageEngine.tsx
@@ -79,8 +79,8 @@ export default class PageEngine extends BaseEngine {
     debug(`page.render - ${__schema.fileName}`);
 
     const {
- id, className, style, autoLoading, defaultHeight = 300, loading
-} = this.__parseData(__schema.props);
+      id, className, style,
+    } = this.__parseData(__schema.props);
 
     const { Page } = __components;
     if (Page) {
@@ -89,9 +89,6 @@ export default class PageEngine extends BaseEngine {
         <AppContext.Consumer>
           {(context) => {
             this.context = context;
-            {
-              /* this.__generateCtx(currCtx); */
-            }
             this.__render();
             return (
               <AppContext.Provider
diff --git a/packages/rax-render/src/engine/tempEngine.tsx b/packages/rax-render/src/engine/tempEngine.tsx
index 5946eee07..031c35f9e 100644
--- a/packages/rax-render/src/engine/tempEngine.tsx
+++ b/packages/rax-render/src/engine/tempEngine.tsx
@@ -40,7 +40,7 @@ export default class TempEngine extends BaseEngine {
     debug(`temp.componentDidMount - ${this.props.__schema.fileName}`);
   }
 
-  componentDidUpdate(prevProps, prevState, snapshot) {
+  componentDidUpdate() {
     debug(`temp.componentDidUpdate - ${this.props.__schema.fileName}`);
   }
 
diff --git a/packages/rax-render/src/hoc/compFactory.tsx b/packages/rax-render/src/hoc/compFactory.tsx
index a1ad666bf..48ae7a6ce 100644
--- a/packages/rax-render/src/hoc/compFactory.tsx
+++ b/packages/rax-render/src/hoc/compFactory.tsx
@@ -13,11 +13,15 @@ export default function compFactory(schema, components = {}, componentsMap = {},
   const appHelper = new AppHelper(config);
   class LNCompView extends Component {
     static dislayName = 'luna-comp-factory';
+
     static version = config.version || '0.0.0';
+
     static contextType = AppContext;
+
     static propTypes = {
-      forwardedRef: PropTypes.func
+      forwardedRef: PropTypes.func,
     };
+
     render() {
       if (!schema || schema.componentName !== 'Component' || !isFileSchema(schema)) {
         console.warn('自定义组件模型结构异常！');
@@ -43,7 +47,7 @@ export default function compFactory(schema, components = {}, componentsMap = {},
         ...localeProps,
         ...otherProps,
         __schema: schema,
-        ref: forwardedRef
+        ref: forwardedRef,
       };
 
       return (
diff --git a/packages/rax-render/src/hoc/compWrapper.tsx b/packages/rax-render/src/hoc/compWrapper.tsx
index a32a69526..1d19663a8 100644
--- a/packages/rax-render/src/hoc/compWrapper.tsx
+++ b/packages/rax-render/src/hoc/compWrapper.tsx
@@ -4,14 +4,10 @@ import { createElement, Component } from 'rax';
 
 export default function (Comp) {
   return class CompWrapper extends Component {
-    constructor(props, context) {
-      super(props, context);
-    }
-
     render() {
       return createElement(Comp, {
         ...this.props,
       });
     }
-  }
+  };
 }
diff --git a/packages/rax-render/src/utils/dataHelper.ts b/packages/rax-render/src/utils/dataHelper.ts
index bdd44974b..b0425348f 100644
--- a/packages/rax-render/src/utils/dataHelper.ts
+++ b/packages/rax-render/src/utils/dataHelper.ts
@@ -7,7 +7,7 @@ const DS_STATUS = {
   INIT: 'init',
   LOADING: 'loading',
   LOADED: 'loaded',
-  ERROR: 'error'
+  ERROR: 'error',
 };
 
 export default class DataHelper {
@@ -49,7 +49,7 @@ export default class DataHelper {
           status: DS_STATUS.INIT,
           load: (...args) => {
             return this.getDataSource(item.id, ...args);
-          }
+          },
         };
       }
     });
@@ -63,14 +63,14 @@ export default class DataHelper {
         status: DS_STATUS.INIT,
         load: (...args) => {
           return this.getDataSource(item.id, ...args);
-        }
+        },
       };
     });
     return res;
   }
 
   updateDataSourceMap(id, data, error) {
-    this.dataSourceMap[id].error = error ? error : undefined;
+    this.dataSourceMap[id].error = error || undefined;
     this.dataSourceMap[id].data = data;
     this.dataSourceMap[id].status = error ? DS_STATUS.ERROR : DS_STATUS.LOADED;
   }
@@ -84,7 +84,7 @@ export default class DataHelper {
       return false;
     });
     return this.asyncDataHandler(initSyncData).then(res => {
-      let dataHandler = this.config.dataHandler;
+      let { dataHandler } = this.config;
       if (isJSFunction(dataHandler)) {
         dataHandler = transformStringToFunction(dataHandler.value);
       }
@@ -93,7 +93,6 @@ export default class DataHelper {
         return dataHandler.call(this.host, res);
       } catch (e) {
         console.error('请求数据处理函数运行出错', e);
-        return;
       }
     });
   }
@@ -120,16 +119,16 @@ export default class DataHelper {
             Array.isArray(options.params) || Array.isArray(params)
               ? params || options.params
               : {
-                  ...options.params,
-                  ...params
-                },
+                ...options.params,
+                ...params,
+              },
           headers: {
             ...options.headers,
-            ...headers
+            ...headers,
           },
-          ...otherProps
-        }
-      }
+          ...otherProps,
+        },
+      },
     ])
       .then(res => {
         try {
@@ -160,7 +159,7 @@ export default class DataHelper {
       const afterRequest = this.appHelper && this.appHelper.utils && this.appHelper.utils.afterRequest;
       const csrfInput = document.getElementById('_csrf_token');
       const _tb_token_ = csrfInput && csrfInput.value;
-      asyncDataList.map(req => {
+      asyncDataList.forEach(req => {
         const { id, type, options } = req;
         if (!id || !type) return;
         if (type === 'doServer') {
@@ -182,9 +181,9 @@ export default class DataHelper {
             method: 'POST',
             params: {
               data: JSON.stringify(doserReq),
-              _tb_token_
-            }
-          }
+              _tb_token_,
+            },
+          },
         });
       }
       if (allReq.length === 0) resolve({});
@@ -249,7 +248,7 @@ export default class DataHelper {
               doFetch(type, options);
             }
           });
-        })
+        }),
       )
         .then(() => {
           resolve(res);
@@ -268,12 +267,12 @@ export default class DataHelper {
     try {
       return await dataHandler.call(this.host, data, error);
     } catch (e) {
-      console.error('[' + id + ']单个请求数据处理函数运行出错', e);
-      return;
+      console.error(`[${ id }]单个请求数据处理函数运行出错`, e);
     }
   }
 
   fetchOne(type, options) {
+    // eslint-disable-next-line prefer-const
     let { uri, method = 'GET', headers, params, ...otherProps } = options;
     otherProps = otherProps || {};
     switch (type) {
@@ -286,7 +285,7 @@ export default class DataHelper {
         return bzb(uri, params, {
           method,
           headers,
-          ...otherProps
+          ...otherProps,
         });
       default:
         method = method.toUpperCase();
diff --git a/packages/rax-render/src/utils/index.ts b/packages/rax-render/src/utils/index.ts
index 0ba406808..d6498cfe3 100644
--- a/packages/rax-render/src/utils/index.ts
+++ b/packages/rax-render/src/utils/index.ts
@@ -17,6 +17,7 @@ import * as _jsonuri from 'jsonuri';
 import IntlMessageFormat from 'intl-messageformat';
 
 const sdkVersion = (require('../../package.json')).version;
+
 window.sdkVersion = sdkVersion;
 
 export const moment = _moment;
@@ -33,7 +34,7 @@ export const debounce = _debounce;
 export const serialize = _serialize;
 export const jsonuri = _jsonuri;
 export {
- get, post, jsonp, mtop, request
+  get, post, jsonp, mtop, request,
 } from './request';
 
 const ReactIs = require('react-is');
@@ -50,8 +51,6 @@ const EXPRESSION_TYPE = {
   JSSLOT: 'JSSlot',
 };
 const EXPRESSION_REG = /^\{\{(\{.*\}|.*?)\}\}$/;
-const hasSymbol = typeof Symbol === 'function' && Symbol.for;
-const REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
 const debug = Debug('utils:index');
 
 const ENV = {
@@ -102,7 +101,7 @@ export function isJSFunction(obj) {
 }
 export function isJSExpression(obj) {
   // 兼容两种写法，有js构造表达式的情况
-  const isJSExpressionObj =    obj && typeof obj === 'object' && EXPRESSION_TYPE.JSEXPRESSION === obj.type && typeof obj.value === 'string';
+  const isJSExpressionObj = obj && typeof obj === 'object' && EXPRESSION_TYPE.JSEXPRESSION === obj.type && typeof obj.value === 'string';
   const isJSExpressionStr = typeof obj === 'string' && EXPRESSION_REG.test(obj.trim());
   return isJSExpressionObj || isJSExpressionStr;
 }
@@ -180,6 +179,7 @@ export function fillObj(receiver = {}, ...suppliers) {
 
 // 中划线转驼峰
 export function toHump(name) {
+  // eslint-disable-next-line no-useless-escape
   return name.replace(/\-(\w)/g, (all, letter) => letter.toUpperCase());
 }
 // 驼峰转中划线
@@ -204,8 +204,8 @@ export function getEnv() {
  */
 export function comboSkeletonConfig(defaultConfig = {}, customConfig) {
   const {
- skeleton, theme, addons, hooks, shortCuts, extensions, constants, utils, i18n
-} = customConfig || {};
+    skeleton, theme, addons, hooks, shortCuts, extensions, constants, utils, i18n,
+  } = customConfig || {};
 
   if (skeleton && skeleton.handler && typeof skeleton.handler === 'function') {
     return skeleton.handler({
@@ -525,7 +525,7 @@ export function addCssTag(id, content) {
 
 // 注册快捷
 export function registShortCuts(config, appHelper) {
-  const keyboardFilter = (keymaster.filter = (event) => {
+  keymaster.filter = (event) => {
     const eTarget = event.target || event.srcElement;
     const { tagName } = eTarget;
     const isInput = !!(tagName == 'INPUT' || tagName == 'SELECT' || tagName == 'TEXTAREA');
@@ -541,7 +541,8 @@ export function registShortCuts(config, appHelper) {
       return false;
     }
     return true;
-  });
+  };
+  const keyboardFilter = keymaster.filter;
 
   const ideMessage = appHelper.utils && appHelper.utils.ideMessage;
 
diff --git a/packages/rax-render/src/utils/request.ts b/packages/rax-render/src/utils/request.ts
index 97cb4d395..7b8a289fc 100644
--- a/packages/rax-render/src/utils/request.ts
+++ b/packages/rax-render/src/utils/request.ts
@@ -9,7 +9,7 @@ import { serialize, buildUrl, parseUrl } from '@ali/b3-one/lib/url';
 export function get(dataAPI, params = {}, headers = {}, otherProps = {}) {
   headers = {
     Accept: 'application/json',
-    ...headers
+    ...headers,
   };
   dataAPI = buildUrl(dataAPI, params);
   return request(dataAPI, 'GET', null, headers, otherProps);
@@ -19,7 +19,7 @@ export function post(dataAPI, params = {}, headers = {}, otherProps = {}) {
   headers = {
     Accept: 'application/json',
     'Content-Type': 'application/x-www-form-urlencoded',
-    ...headers
+    ...headers,
   };
   return request(
     dataAPI,
@@ -28,7 +28,7 @@ export function post(dataAPI, params = {}, headers = {}, otherProps = {}) {
       ? JSON.stringify(params)
       : serialize(params),
     headers,
-    otherProps
+    otherProps,
   );
 }
 
@@ -39,7 +39,7 @@ export function request(dataAPI, method = 'GET', data, headers = {}, otherProps
       headers = {
         Accept: 'application/json',
         'Content-Type': 'application/json',
-        ...headers
+        ...headers,
       };
       data = JSON.stringify(data || {});
       break;
@@ -55,7 +55,7 @@ export function request(dataAPI, method = 'GET', data, headers = {}, otherProps
       credentials: 'include',
       headers,
       body: data,
-      ...otherProps
+      ...otherProps,
     })
       .then(response => {
         switch (response.status) {
@@ -66,12 +66,12 @@ export function request(dataAPI, method = 'GET', data, headers = {}, otherProps
           case 204:
             if (method === 'DELETE') {
               return {
-                success: true
+                success: true,
               };
             } else {
               return {
                 __success: false,
-                code: response.status
+                code: response.status,
               };
             }
           case 400:
@@ -88,13 +88,13 @@ export function request(dataAPI, method = 'GET', data, headers = {}, otherProps
                 return {
                   __success: false,
                   code: response.status,
-                  data: res
+                  data: res,
                 };
               })
               .catch(() => {
                 return {
                   __success: false,
-                  code: response.status
+                  code: response.status,
                 };
               });
         }
@@ -118,7 +118,7 @@ export function jsonp(dataAPI, params = {}, otherProps = {}) {
   return new Promise((resolve, reject) => {
     otherProps = {
       timeout: 5000,
-      ...otherProps
+      ...otherProps,
     };
     fetchJsonp(buildUrl(dataAPI, params), otherProps)
       .then(response => response.json())
@@ -145,7 +145,7 @@ export function mtop(dataAPI, params, otherProps = {}) {
     type: otherProps.method || 'GET',
     dataType: otherProps.dataType || 'jsonp',
     AntiFlood: true, // 防刷
-    timeout: otherProps.timeout || 20000
+    timeout: otherProps.timeout || 20000,
   });
 }
 
@@ -168,6 +168,6 @@ export function bzb(apiCode, params, otherProps = {}) {
   otherProps.env = getUrlEnv() || otherProps.env || 'prod';
   return bzbRequest(apiCode, {
     data: params,
-    ...otherProps
+    ...otherProps,
   });
 }
diff --git a/packages/rax-simulator-renderer/.eslintrc.js b/packages/rax-simulator-renderer/.eslintrc.js
new file mode 100644
index 000000000..c4749b311
--- /dev/null
+++ b/packages/rax-simulator-renderer/.eslintrc.js
@@ -0,0 +1,14 @@
+module.exports = {
+  extends: '../../.eslintrc.js',
+  rules: {
+    'react/no-multi-comp': 1,
+    '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 newline at end of file
diff --git a/packages/rax-simulator-renderer/src/builtin-components/leaf.tsx b/packages/rax-simulator-renderer/src/builtin-components/leaf.tsx
index 8967ccdf2..5276b0018 100644
--- a/packages/rax-simulator-renderer/src/builtin-components/leaf.tsx
+++ b/packages/rax-simulator-renderer/src/builtin-components/leaf.tsx
@@ -2,6 +2,7 @@ import { Component } from 'rax';
 
 class Leaf extends Component {
   static displayName = 'Leaf';
+
   static componentMetadata = {
     componentName: 'Leaf',
     configure: {
@@ -11,7 +12,7 @@ class Leaf extends Component {
       }],
       // events/className/style/general/directives
       supports: false,
-    }
+    },
   };
 
   render() {
diff --git a/packages/rax-simulator-renderer/src/builtin-components/renderUtils.ts b/packages/rax-simulator-renderer/src/builtin-components/renderUtils.ts
index 2f7ebadcb..5e00aec1a 100644
--- a/packages/rax-simulator-renderer/src/builtin-components/renderUtils.ts
+++ b/packages/rax-simulator-renderer/src/builtin-components/renderUtils.ts
@@ -29,8 +29,8 @@ export function createNodeStyleSheet(props: any) {
 
     if (typeof styleProp === 'string') {
       const s = document.createElement('style');
-      const cssId = '_style_pesudo_' + props.fieldId;
-      const cssClass = '_css_pesudo_' + props.fieldId;
+      const cssId = `_style_pesudo_${ props.fieldId}`;
+      const cssClass = `_css_pesudo_${ props.fieldId}`;
 
       props.className = cssClass;
       s.setAttribute('type', 'text/css');
@@ -43,7 +43,7 @@ export function createNodeStyleSheet(props: any) {
             .replace(/(\d+)rpx/g, (a, b) => {
               return `${b / 2}px`;
             })
-            .replace(/:root/g, '.' + cssClass),
+            .replace(/:root/g, `.${ cssClass}`),
         ),
       );
       return s;
diff --git a/packages/rax-simulator-renderer/src/builtin-components/slot.tsx b/packages/rax-simulator-renderer/src/builtin-components/slot.tsx
index e43b217b5..3a77491bc 100644
--- a/packages/rax-simulator-renderer/src/builtin-components/slot.tsx
+++ b/packages/rax-simulator-renderer/src/builtin-components/slot.tsx
@@ -2,6 +2,7 @@ import { Component } from 'rax';
 
 class Slot extends Component {
   static displayName = 'Slot';
+
   static componentMetadata = {
     componentName: 'Slot',
     configure: {
@@ -10,16 +11,16 @@ class Slot extends Component {
         title: {
           type: 'i18n',
           'en-US': 'Slot Title',
-          'zh-CN': '插槽标题'
+          'zh-CN': '插槽标题',
         },
         setter: 'StringSetter',
-        defaultValue: '插槽容器'
+        defaultValue: '插槽容器',
       }, {
         name: '___params',
         title: {
           type: 'i18n',
           'en-US': 'Slot Params',
-          'zh-CN': '插槽入参'
+          'zh-CN': '插槽入参',
         },
         setter: {
           componentName: 'ArraySetter',
@@ -30,16 +31,16 @@ class Slot extends Component {
                 placeholder: {
                   type: 'i18n',
                   'zh-CN': '参数名称',
-                  'en-US': 'Argument Name'
-                }
-              }
-            }
-          }
-        }
+                  'en-US': 'Argument Name',
+                },
+              },
+            },
+          },
+        },
       }],
       // events/className/style/general/directives
       supports: false,
-    }
+    },
   };
 
   render() {
diff --git a/packages/rax-simulator-renderer/src/renderer-view.tsx b/packages/rax-simulator-renderer/src/renderer-view.tsx
index 37658532e..413697411 100644
--- a/packages/rax-simulator-renderer/src/renderer-view.tsx
+++ b/packages/rax-simulator-renderer/src/renderer-view.tsx
@@ -20,7 +20,9 @@ const originCloneElement = (window as any).Rax.cloneElement;
         } else {
           try {
             cRef.current = x;
-          } catch (e) {}
+          } catch (e) {
+            console.error(e);
+          }
         }
       }
       if (dRef) {
@@ -29,7 +31,9 @@ const originCloneElement = (window as any).Rax.cloneElement;
         } else {
           try {
             dRef.current = x;
-          } catch (e) {}
+          } catch (e) {
+            console.error(e);
+          }
         }
       }
     };
@@ -73,9 +77,10 @@ class Layout extends Component<{ renderer: SimulatorRenderer }> {
   shouldComponentUpdate() {
     return false;
   }
+
   render() {
     const { renderer, children } = this.props;
-    const layout = renderer.layout;
+    const { layout } = renderer;
 
     if (layout) {
       const { Component, props } = layout;
@@ -94,9 +99,11 @@ class Renderer extends Component<{ renderer: SimulatorRenderer }> {
       this.forceUpdate();
     });
   }
+
   shouldComponentUpdate() {
     return false;
   }
+
   render() {
     const { renderer } = this.props;
     const { device, designMode } = renderer;
diff --git a/packages/rax-simulator-renderer/src/renderer.ts b/packages/rax-simulator-renderer/src/renderer.ts
index d012dc4d9..b7f7ef82d 100644
--- a/packages/rax-simulator-renderer/src/renderer.ts
+++ b/packages/rax-simulator-renderer/src/renderer.ts
@@ -2,7 +2,7 @@ import { BuiltinSimulatorRenderer, NodeInstance, Component } from '@ali/lowcode-
 import { shared, render as raxRender, createElement } from 'rax';
 import DriverUniversal from 'driver-universal';
 import { computed, obx } from '@recore/obx';
-import { RootSchema, NpmInfo, ComponentSchema } from '@ali/lowcode-types';
+import { RootSchema, NpmInfo } from '@ali/lowcode-types';
 import { Asset, isReactComponent, isESModule, setNativeSelection, cursor, isElement } from '@ali/lowcode-utils';
 
 import SimulatorRendererView from './renderer-view';
@@ -34,18 +34,25 @@ function accessLibrary(library: string | object) {
 
 export class SimulatorRenderer implements BuiltinSimulatorRenderer {
   readonly isSimulatorRenderer = true;
+
   private dispose?: () => void;
 
   private instancesMap = new Map<string, any[]>();
+
   @obx.ref private _schema?: RootSchema;
+
   @computed get schema(): any {
     return this._schema;
   }
+
   private _libraryMap: { [key: string]: string } = {};
+
   private buildComponents() {
     this._components = buildComponents(this._libraryMap, this._componentsMap);
   }
+
   @obx.ref private _components: any = {};
+
   @computed get components(): object {
     // 根据 device 选择不同组件，进行响应式
     // 更好的做法是，根据 device 选择加载不同的组件资源，甚至是 simulatorUrl
@@ -53,22 +60,26 @@ export class SimulatorRenderer implements BuiltinSimulatorRenderer {
   }
 
   @obx.ref private _designMode = 'design';
+
   @computed get designMode(): any {
     return this._designMode;
   }
 
   @obx.ref private _componentsMap = {};
+
   @computed get componentsMap(): any {
     return this._componentsMap;
   }
 
   @obx.ref private _device = 'default';
+
   @computed get device() {
     return this._device;
   }
 
   // context from: utils、constants、history、location、match
   @obx.ref private _appContext = {};
+
   @computed get context(): any {
     return this._appContext;
   }
@@ -76,6 +87,7 @@ export class SimulatorRenderer implements BuiltinSimulatorRenderer {
   @computed get suspended(): any {
     return false;
   }
+
   @computed get scope(): any {
     return null;
   }
@@ -84,6 +96,7 @@ export class SimulatorRenderer implements BuiltinSimulatorRenderer {
     // TODO: parse layout Component
     return null;
   }
+
   private emitter = new EventEmitter();
 
   constructor() {
@@ -122,7 +135,7 @@ export class SimulatorRenderer implements BuiltinSimulatorRenderer {
         this.buildComponents();
       }
     });
-    host.injectionConsumer.consume((data) => {
+    host.injectionConsumer.consume(() => {
       // sync utils, i18n, contants,... config
       this._appContext = {
         utils: {},
@@ -170,13 +183,14 @@ export class SimulatorRenderer implements BuiltinSimulatorRenderer {
     // return null;
   }
 
-  createComponent(schema: ComponentSchema): Component | null {
+  createComponent(/* schema: ComponentSchema */): Component | null {
     return null;
   }
 
   setNativeSelection(enableFlag: boolean) {
     setNativeSelection(enableFlag);
   }
+
   setDraggingState(state: boolean) {
     cursor.setDragging(state);
   }
@@ -184,6 +198,7 @@ export class SimulatorRenderer implements BuiltinSimulatorRenderer {
   setCopyState(state: boolean) {
     cursor.setCopy(state);
   }
+
   clearState() {
     cursor.release();
   }
@@ -225,8 +240,9 @@ export class SimulatorRenderer implements BuiltinSimulatorRenderer {
       }
     }
   }
+
   mountInstance(id: string, instance: any | null) {
-    const instancesMap = this.instancesMap;
+    const { instancesMap } = this;
     if (instance == null) {
       let instances = this.instancesMap.get(id);
       if (instances) {
@@ -256,7 +272,7 @@ export class SimulatorRenderer implements BuiltinSimulatorRenderer {
         origUnmount = origUnmount.origUnmount;
       }
       // hack! delete instance from map
-      const newUnmount = function(this: any) {
+      const newUnmount = function (this: any) {
         unmountIntance(id, instance);
         origUnmount && origUnmount.call(this);
       };
@@ -388,7 +404,7 @@ function buildComponents(libraryMap: LibraryMap, componentsMap: { [componentName
   return components;
 }
 
-function getClosestNodeInstance(from: any, specId?: string): NodeInstance<any> | null {
+function getClosestNodeInstance(from: any): NodeInstance<any> | null {
   const el: any = from;
   if (el) {
     // if (isElement(el)) {
@@ -420,7 +436,7 @@ function getNodeInstance(dom: HTMLElement): NodeInstance<any> | null {
     if (isValidDesignModeRaxComponentInstance(instance)) {
       return {
         nodeId: instance.props._leaf.getId(),
-        instance: instance,
+        instance,
         node: instance.props._leaf,
       };
     }
diff --git a/packages/rax-simulator-renderer/src/utils/find-dom-nodes.ts b/packages/rax-simulator-renderer/src/utils/find-dom-nodes.ts
index e93102654..516798f44 100644
--- a/packages/rax-simulator-renderer/src/utils/find-dom-nodes.ts
+++ b/packages/rax-simulator-renderer/src/utils/find-dom-nodes.ts
@@ -9,6 +9,7 @@ export function raxFindDOMNodes(instance: any): Array<Element | Text> | null {
   if (isElement(instance)) {
     return [instance];
   }
+  // eslint-disable-next-line react/no-find-dom-node
   const result = findDOMNode(instance);
   if (Array.isArray(result)) {
     return result;
diff --git a/packages/rax-simulator-renderer/src/utils/loader.ts b/packages/rax-simulator-renderer/src/utils/loader.ts
index 3bba55ba1..c31a04537 100644
--- a/packages/rax-simulator-renderer/src/utils/loader.ts
+++ b/packages/rax-simulator-renderer/src/utils/loader.ts
@@ -85,6 +85,7 @@ export class AssetLoader {
   }
 
   private stylePoints = new Map<string, StylePoint>();
+
   private loadStyle(content: string | undefined | null, level: AssetLevel, isUrl?: boolean, id?: string) {
     if (!content) {
       return;
diff --git a/packages/rax-simulator-renderer/src/utils/style.ts b/packages/rax-simulator-renderer/src/utils/style.ts
index 74f4eddd4..91dbbc634 100644
--- a/packages/rax-simulator-renderer/src/utils/style.ts
+++ b/packages/rax-simulator-renderer/src/utils/style.ts
@@ -2,7 +2,9 @@ import { createDefer } from './create-defer';
 
 export default class StylePoint {
   private lastContent: string | undefined;
+
   private lastUrl: string | undefined;
+
   private placeholder: Element | Text;
 
   constructor(readonly level: number, readonly id?: string) {
diff --git a/packages/react-provider/src/components/LazyComponent/index.tsx b/packages/react-provider/src/components/LazyComponent/index.tsx
index 4cf20a341..d483400c0 100644
--- a/packages/react-provider/src/components/LazyComponent/index.tsx
+++ b/packages/react-provider/src/components/LazyComponent/index.tsx
@@ -8,7 +8,7 @@ interface IProps {
 }
 
 interface IState {
-  schema: object | null;
+  schema: Record<string, unknown> | null;
   hasError: boolean;
 }
 
@@ -76,6 +76,6 @@ export default class LazyComponent extends Component<IProps, IState> {
         loading={Loading ? <Loading /> : null}
         {...restProps}
       />
-    )
+    );
   }
 }
diff --git a/packages/react-provider/src/provider.tsx b/packages/react-provider/src/provider.tsx
index 94c37a4c9..f2621df75 100644
--- a/packages/react-provider/src/provider.tsx
+++ b/packages/react-provider/src/provider.tsx
@@ -8,25 +8,28 @@ import LazyComponent from './components/LazyComponent';
 export default class ReactProvider extends Provider {
   // 定制构造根组件的逻辑，如切换路由机制
   createApp() {
-    let RouterView = this.getRouterView();
+    const RouterView = this.getRouterView();
     let App: any;
     const layoutConfig = this.getLayoutConfig();
     if (!layoutConfig || !layoutConfig.componentName) {
-      App = (props: any) => (RouterView ? createElement(RouterView, { ...props }) : null);
+      App = (props: any) => {
+        return (RouterView ? createElement(RouterView, { ...props }) : null);
+      };
       return App;
     }
     const { componentName: layoutName, props: layoutProps } = layoutConfig;
     const { content: Layout, props: extraLayoutProps } = app.getLayout(layoutName) || {};
     const sectionalRender = this.isSectionalRender;
     if (!sectionalRender && Layout) {
-      App = (props: any) =>
-        createElement(
-          Layout,
-          { ...layoutProps, ...extraLayoutProps },
-          RouterView ? createElement(RouterView, props) : null,
-        );
+      App = (props: any) => createElement(
+        Layout,
+        { ...layoutProps, ...extraLayoutProps },
+        RouterView ? createElement(RouterView, props) : null,
+      );
     } else {
-      App = (props: any) => (RouterView ? createElement(RouterView, props) : null);
+      App = (props: any) => {
+        return (RouterView ? createElement(RouterView, props) : null);
+      };
     }
     return App;
   }
@@ -84,13 +87,14 @@ export default class ReactProvider extends Provider {
     const appHelper = new AppHelper();
     appHelper.set('utils', this.getUtils());
     appHelper.set('constants', this.getConstants());
+    const self = this;
     const RouterView = (props: any) => {
       return createElement(Router as any, {
         routes,
-        components: this.getComponents(),
-        utils: this.getUtils(),
+        components: self.getComponents(),
+        utils: self.getUtils(),
         appHelper,
-        componentsMap: this.getComponentsMapObj(),
+        componentsMap: self.getComponentsMapObj(),
         ...props,
       });
     };
@@ -105,7 +109,10 @@ export default class ReactProvider extends Provider {
       return this.getLazyElement(pageId);
     } else {
       const lazyElement = createElement(LazyComponent as any, {
-        getPageData: async () => await this.getPageData(pageId),
+        getPageData: async () => {
+          const pageData = await this.getPageData(pageId);
+          return pageData;
+        },
         key: pageId,
         context: this,
         ...props,
diff --git a/packages/react-renderer/.eslintrc.js b/packages/react-renderer/.eslintrc.js
new file mode 100644
index 000000000..eea6aa758
--- /dev/null
+++ b/packages/react-renderer/.eslintrc.js
@@ -0,0 +1,8 @@
+module.exports = {
+  extends: '../../.eslintrc.js',
+  rules: {
+    "react/no-multi-comp": 1,
+    "no-shadow": 1,
+    "no-nested-ternary": 1
+  },
+};
diff --git a/packages/react-renderer/demo/config/components/A.jsx b/packages/react-renderer/demo/config/components/A.jsx
index e453d06d9..845740ecd 100644
--- a/packages/react-renderer/demo/config/components/A.jsx
+++ b/packages/react-renderer/demo/config/components/A.jsx
@@ -1,7 +1,10 @@
 import React, { PureComponent } from 'react';
+
 export default class AView extends PureComponent {
   static displayName = 'A';
+
   static version = '0.0.0';
+
   render() {
     return <a {...this.props} />;
   }
diff --git a/packages/react-renderer/demo/config/components/Div.jsx b/packages/react-renderer/demo/config/components/Div.jsx
index 7c4dc7c25..a392b2a03 100644
--- a/packages/react-renderer/demo/config/components/Div.jsx
+++ b/packages/react-renderer/demo/config/components/Div.jsx
@@ -1,7 +1,10 @@
 import React, { PureComponent } from 'react';
+
 export default class DivView extends PureComponent {
   static displayName = 'Div';
+
   static version = '0.0.0';
+
   render() {
     return <div {...this.props} />;
   }
diff --git a/packages/react-renderer/demo/config/components/Image.jsx b/packages/react-renderer/demo/config/components/Image.jsx
index ba2541dce..bbf788f34 100644
--- a/packages/react-renderer/demo/config/components/Image.jsx
+++ b/packages/react-renderer/demo/config/components/Image.jsx
@@ -1,10 +1,14 @@
 import React, { PureComponent } from 'react';
+
 export default class ImageView extends PureComponent {
   static displayName = 'Image';
+
   static version = '0.0.0';
+
   static defaultProps = {
     src: '//img.alicdn.com/tfs/TB1knm4bqNj0u4jSZFyXXXgMVXa-240-240.png_100x100.jpg',
   };
+
   render() {
     return <img {...this.props} />;
   }
diff --git a/packages/react-renderer/demo/config/components/Text.jsx b/packages/react-renderer/demo/config/components/Text.jsx
index 5e9ad47bc..6862977f6 100644
--- a/packages/react-renderer/demo/config/components/Text.jsx
+++ b/packages/react-renderer/demo/config/components/Text.jsx
@@ -1,11 +1,15 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
+
 export default class TextView extends PureComponent {
   static displayName = 'Text';
+
   static version = '0.0.0';
+
   static propTypes = {
     text: PropTypes.string,
   };
+
   render() {
     const { text, ...restProps } = this.props;
     let textNode = text;
diff --git a/packages/react-renderer/demo/config/constants.js b/packages/react-renderer/demo/config/constants.js
index 63c51ae7c..a8ea91c6c 100644
--- a/packages/react-renderer/demo/config/constants.js
+++ b/packages/react-renderer/demo/config/constants.js
@@ -1,3 +1,3 @@
 export default {
-  name: 'renderer-demo'
+  name: 'renderer-demo',
 };
diff --git a/packages/react-renderer/demo/config/utils.js b/packages/react-renderer/demo/config/utils.js
index ca179e9d2..2e95f7660 100644
--- a/packages/react-renderer/demo/config/utils.js
+++ b/packages/react-renderer/demo/config/utils.js
@@ -4,7 +4,7 @@ import moment from 'moment';
 export default {
   Message,
   moment,
-  test: function(msg) {
+  test(msg) {
     this.Message.notice(msg);
-  }
+  },
 };
diff --git a/packages/react-renderer/demo/schemas/dataSource.js b/packages/react-renderer/demo/schemas/dataSource.js
index 65f609aa1..35c2117f1 100644
--- a/packages/react-renderer/demo/schemas/dataSource.js
+++ b/packages/react-renderer/demo/schemas/dataSource.js
@@ -1,37 +1,37 @@
 export default {
-  "componentName": "Page",
-  "fileName": "dataSource",
-  "props": {},
-  "children": [{
-    "componentName": "Div",
-    "props": {},
-    "children": [{
-      "componentName": "Text",
-      "props": {
-        "text": "{{this.item.title}}"
-      }
-    }, {
-      "componentName": "Switch",
-      "props": {
-        "checkedChildren": "开",
-        "unCheckedChildren": "关",
-        "checked": "{{this.item.done}}"
-      }
-    }],
-    "loop": "{{this.dataSourceMap.todos.data}}"
-  }],
-  "dataSource": {
-    "list": [{
-      "id": "todos",
-      "isInit": true,
-      "type": "jsonp",
-      "options": {
-        "method": "GET",
-        "uri": "https://mocks.alibaba-inc.com/mock/D8iUX7zB/todo_getAll"
+  componentName: 'Page',
+  fileName: 'dataSource',
+  props: {},
+  children: [{
+    componentName: 'Div',
+    props: {},
+    children: [{
+      componentName: 'Text',
+      props: {
+        text: '{{this.item.title}}',
       },
-      "dataHandler": function dataHandler(data) {
+    }, {
+      componentName: 'Switch',
+      props: {
+        checkedChildren: '开',
+        unCheckedChildren: '关',
+        checked: '{{this.item.done}}',
+      },
+    }],
+    loop: '{{this.dataSourceMap.todos.data}}',
+  }],
+  dataSource: {
+    list: [{
+      id: 'todos',
+      isInit: true,
+      type: 'jsonp',
+      options: {
+        method: 'GET',
+        uri: 'https://mocks.alibaba-inc.com/mock/D8iUX7zB/todo_getAll',
+      },
+      dataHandler: function dataHandler(data) {
         return data.data;
-      }
-    }]
-  }
-}
\ No newline at end of file
+      },
+    }],
+  },
+};
diff --git a/packages/react-renderer/demo/schemas/i18n.js b/packages/react-renderer/demo/schemas/i18n.js
index 6e70aa098..fb41b917b 100644
--- a/packages/react-renderer/demo/schemas/i18n.js
+++ b/packages/react-renderer/demo/schemas/i18n.js
@@ -1,20 +1,20 @@
 export default {
-  "componentName": "Page",
-  "fileName": "i18n",
-  "props": {},
-  "children": [{
-    "componentName": "Div",
-    "props": {},
-    "children": [{
-      "componentName": "Text",
-      "props": {
-        "text": "{{this.i18n('hello')}}"
-      }
+  componentName: 'Page',
+  fileName: 'i18n',
+  props: {},
+  children: [{
+    componentName: 'Div',
+    props: {},
+    children: [{
+      componentName: 'Text',
+      props: {
+        text: "{{this.i18n('hello')}}",
+      },
     }, {
-      "componentName": "Text",
-      "props": {
-        "text": "{{this.i18n('china')}}"
-      }
-    }]
-  }]
-}
\ No newline at end of file
+      componentName: 'Text',
+      props: {
+        text: "{{this.i18n('china')}}",
+      },
+    }],
+  }],
+};
diff --git a/packages/react-renderer/package.json b/packages/react-renderer/package.json
index aad269a1c..c59a124ea 100644
--- a/packages/react-renderer/package.json
+++ b/packages/react-renderer/package.json
@@ -53,5 +53,5 @@
   "publishConfig": {
     "registry": "http://registry.npm.alibaba-inc.com"
   },
-  "homepage": "https://unpkg.alibaba-inc.com/@ali/lowcode-react-renderer@1.0.7-0/build/index.html"
+  "homepage": "https://unpkg.alibaba-inc.com/@ali/lowcode-react-renderer@1.0.8-0/build/index.html"
 }
diff --git a/packages/react-renderer/src/components/VisualDom.tsx b/packages/react-renderer/src/components/VisualDom.tsx
index 7a900c0e5..aee8d45cc 100644
--- a/packages/react-renderer/src/components/VisualDom.tsx
+++ b/packages/react-renderer/src/components/VisualDom.tsx
@@ -1,14 +1,18 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import './VisualDom.scss';
+
 export default class VisualDom extends PureComponent {
   static displayName = 'VisualDom';
+
   static propTypes = {
     children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]),
   };
+
   static defaultProps = {
     children: null,
   };
+
   render() {
     const { children, cell, title, label, text, __componentName } = this.props;
     let mainContent = children;
diff --git a/packages/react-renderer/src/context/appContext.ts b/packages/react-renderer/src/context/appContext.ts
index b7fbccbdb..266cd6bec 100644
--- a/packages/react-renderer/src/context/appContext.ts
+++ b/packages/react-renderer/src/context/appContext.ts
@@ -1,3 +1,5 @@
 import { createContext } from 'react';
-const context = (window.__appContext = createContext({}));
+
+const context = createContext({});
+window.__appContext = context;
 export default context;
diff --git a/packages/react-renderer/src/engine/index.tsx b/packages/react-renderer/src/engine/index.tsx
index 27ab9254d..d7f8b3fcf 100644
--- a/packages/react-renderer/src/engine/index.tsx
+++ b/packages/react-renderer/src/engine/index.tsx
@@ -31,15 +31,19 @@ class FaultComponent extends PureComponent {
     // FIXME: errorlog
     console.error('render error', this.props);
     const { _componentName: componentName } = this.props;
-    return <Div 
-    style={{
-      backgroundColor: '#DE2710',
-      padding: '15px',
-      fontSize: '18px',
-      textAlign: 'center',
-      color: 'white',
-    }}
-    >组件 {componentName} 渲染错误，请打开控制台排查</Div>;;
+    return (
+      <Div
+        style={{
+          backgroundColor: '#DE2710',
+          padding: '15px',
+          fontSize: '18px',
+          textAlign: 'center',
+          color: 'white',
+        }}
+      >
+        组件 {componentName} 渲染错误，请打开控制台排查
+      </Div>
+    );
   }
 }
 
@@ -47,16 +51,20 @@ class NotFoundComponent extends PureComponent {
   render() {
     console.error('component not found:', this.props);
     const { _componentName: componentName } = this.props;
-    return <Div 
-      {...this.props}
-      style={{
-        backgroundColor: '#3E91C9',
-        padding: '15px',
-        fontSize: '18px',
-        textAlign: 'center',
-        color: 'white',
-      }}
-      >组件 {componentName} 无视图，请打开控制台排查</Div>;
+    return (
+      <Div
+        {...this.props}
+        style={{
+          backgroundColor: '#3E91C9',
+          padding: '15px',
+          fontSize: '18px',
+          textAlign: 'center',
+          color: 'white',
+        }}
+      >
+        组件 {componentName} 无视图，请打开控制台排查
+      </Div>
+    );
   }
 }
 
@@ -64,6 +72,7 @@ function isReactClass(obj) {
   return obj && obj.prototype && (obj.prototype.isReactComponent || obj.prototype instanceof Component);
 }
 
+// eslint-disable-next-line react/no-redundant-should-component-update
 export default class Engine extends PureComponent {
   static dislayName = 'engine';
 
@@ -129,18 +138,18 @@ export default class Engine extends PureComponent {
     }
   };
 
-  patchDidCatch(Component) {
-    if (!isReactClass(Component)) {
+  patchDidCatch(SetComponent) {
+    if (!isReactClass(SetComponent)) {
       return;
     }
-    if (Component.patchedCatch) {
+    if (SetComponent.patchedCatch) {
       return;
     }
-    Component.patchedCatch = true;
-    Component.getDerivedStateFromError = (error) => ({ engineRenderError: true, error });
+    SetComponent.patchedCatch = true;
+    SetComponent.getDerivedStateFromError = (error) => ({ engineRenderError: true, error });
     const engine = this;
-    const originRender = Component.prototype.render;
-    Component.prototype.render = function() {
+    const originRender = SetComponent.prototype.render;
+    SetComponent.prototype.render = function () {
       if (this.state && this.state.engineRenderError) {
         this.state.engineRenderError = false;
         return engine.createElement(engine.getFaultComponent(), {
@@ -150,8 +159,8 @@ export default class Engine extends PureComponent {
       }
       return originRender.call(this);
     };
-    const originShouldComponentUpdate = Component.prototype.shouldComponentUpdate;
-    Component.prototype.shouldComponentUpdate = function(nextProps, nextState) {
+    const originShouldComponentUpdate = SetComponent.prototype.shouldComponentUpdate;
+    SetComponent.prototype.shouldComponentUpdate = function (nextProps, nextState) {
       if (nextState && nextState.engineRenderError) {
         return true;
       }
@@ -159,10 +168,10 @@ export default class Engine extends PureComponent {
     };
   }
 
-  createElement(Component, props, children) {
+  createElement(SetComponent, props, children) {
     // TODO: enable in runtime mode?
-    this.patchDidCatch(Component);
-    return (this.props.customCreateElement || reactCreateElement)(Component, props, children);
+    this.patchDidCatch(SetComponent);
+    return (this.props.customCreateElement || reactCreateElement)(SetComponent, props, children);
   }
 
   getNotFoundComponent() {
@@ -175,8 +184,8 @@ export default class Engine extends PureComponent {
 
   render() {
     const {
- schema, designMode, appHelper, components, customCreateElement
-} = this.props;
+      schema, designMode, appHelper, components,
+    } = this.props;
     if (isEmpty(schema)) {
       return null;
     }
@@ -189,7 +198,6 @@ export default class Engine extends PureComponent {
     const allComponents = { ...ENGINE_COMPS, ...components };
     let Comp = allComponents[componentName] || ENGINE_COMPS[`${componentName}Engine`];
     if (Comp && Comp.prototype) {
-      const proto = Comp.prototype;
       if (!(Comp.prototype instanceof BaseEngine)) {
         Comp = ENGINE_COMPS[`${componentName}Engine`];
       }
diff --git a/packages/react-renderer/src/index.tsx b/packages/react-renderer/src/index.tsx
index d2fcd1a55..a2b2a8b0e 100644
--- a/packages/react-renderer/src/index.tsx
+++ b/packages/react-renderer/src/index.tsx
@@ -30,23 +30,27 @@ class FaultComponent extends PureComponent {
   render() {
     // FIXME: errorlog
     console.error('render error', this.props);
-    return <Div style={{
-      width:'100%',
-      height:'50px',
-      lineHeight: '50px',
-      textAlign: 'center',
-      fontSize: '15px',
-      color: '#ff0000',
-      border: '2px solid #ff0000'
-    }}>组件渲染异常，请查看控制台日志</Div>;
-
+    return (
+      <Div style={{
+        width: '100%',
+        height: '50px',
+        lineHeight: '50px',
+        textAlign: 'center',
+        fontSize: '15px',
+        color: '#ff0000',
+        border: '2px solid #ff0000',
+      }}
+      >
+        组件渲染异常，请查看控制台日志
+      </Div>
+    );
   }
 }
 
 class NotFoundComponent extends PureComponent {
   render() {
     console.error('component not found', this.props);
-  return <Div {...this.props} >{this.props.children || 'Component Not Found'}</Div>;
+    return <Div {...this.props} >{this.props.children || 'Component Not Found'}</Div>;
   }
 }
 
@@ -56,6 +60,7 @@ function isReactClass(obj) {
 
 export default class Renderer extends Component {
   static dislayName = 'renderer';
+
   static propTypes = {
     appHelper: PropTypes.object,
     components: PropTypes.object,
@@ -66,6 +71,7 @@ export default class Renderer extends Component {
     onCompGetCtx: PropTypes.func,
     customCreateElement: PropTypes.func,
   };
+
   static defaultProps = {
     appHelper: null,
     components: {},
@@ -117,20 +123,20 @@ export default class Renderer extends Component {
     }
   };
 
-  patchDidCatch(Component) {
-    if (!isReactClass(Component)) {
+  patchDidCatch(SetComponent) {
+    if (!isReactClass(SetComponent)) {
       return;
     }
-    if (Component.patchedCatch) {
+    if (SetComponent.patchedCatch) {
       return;
     }
-    Component.patchedCatch = true;
-    Component.getDerivedStateFromError = (error) => {
+    SetComponent.patchedCatch = true;
+    SetComponent.getDerivedStateFromError = (error) => {
       return { engineRenderError: true, error };
     };
     const engine = this;
-    const originRender = Component.prototype.render;
-    Component.prototype.render = function () {
+    const originRender = SetComponent.prototype.render;
+    SetComponent.prototype.render = function () {
       if (this.state && this.state.engineRenderError) {
         this.state.engineRenderError = false;
         return engine.createElement(engine.getFaultComponent(), {
@@ -140,8 +146,8 @@ export default class Renderer extends Component {
       }
       return originRender.call(this);
     };
-    const originShouldComponentUpdate = Component.prototype.shouldComponentUpdate;
-    Component.prototype.shouldComponentUpdate = function (nextProps, nextState) {
+    const originShouldComponentUpdate = SetComponent.prototype.shouldComponentUpdate;
+    SetComponent.prototype.shouldComponentUpdate = function (nextProps, nextState) {
       if (nextState && nextState.engineRenderError) {
         return true;
       }
@@ -149,20 +155,22 @@ export default class Renderer extends Component {
     };
   }
 
-  createElement(Component, props, children) {
+  createElement(SetComponent, props, children) {
     // TODO: enable in runtime mode?
-    this.patchDidCatch(Component);
-    return (this.props.customCreateElement || reactCreateElement)(Component, props, children);
+    this.patchDidCatch(SetComponent);
+    return (this.props.customCreateElement || reactCreateElement)(SetComponent, props, children);
   }
+
   getNotFoundComponent() {
     return this.props.notFoundComponent || NotFoundComponent;
   }
+
   getFaultComponent() {
     return this.props.faultComponent || FaultComponent;
   }
 
   render() {
-    const { schema, designMode, appHelper, components, customCreateElement } = this.props;
+    const { schema, designMode, appHelper, components } = this.props;
     if (isEmpty(schema)) {
       return null;
     }
@@ -175,7 +183,6 @@ export default class Renderer extends Component {
     const allComponents = { ...ENGINE_COMPS, ...components };
     let Comp = allComponents[componentName] || ENGINE_COMPS[`${componentName}Engine`];
     if (Comp && Comp.prototype) {
-      const proto = Comp.prototype;
       if (!(Comp.prototype instanceof BaseEngine)) {
         Comp = ENGINE_COMPS[`${componentName}Engine`];
       }
diff --git a/packages/react-renderer/src/renderer/addon.tsx b/packages/react-renderer/src/renderer/addon.tsx
index 90e908641..8e2448dd6 100644
--- a/packages/react-renderer/src/renderer/addon.tsx
+++ b/packages/react-renderer/src/renderer/addon.tsx
@@ -10,17 +10,19 @@ const debug = Debug('renderer:addon');
 
 export default class AddonRenderer extends BaseRenderer {
   static dislayName = 'addon-renderer';
+
   static propTypes = {
     config: PropTypes.object,
     __schema: PropTypes.object,
   };
+
   static defaultProps = {
     config: {},
     __schema: {},
   };
 
   static getDerivedStateFromProps(props, state) {
-    debug(`comp.getDerivedStateFromProps`);
+    debug('comp.getDerivedStateFromProps');
     const func = props.__schema.lifeCycles && props.__schema.lifeCycles.getDerivedStateFromProps;
     if (func) {
       return func(props, state);
@@ -55,14 +57,17 @@ export default class AddonRenderer extends BaseRenderer {
     super.getSnapshotBeforeUpdate(...arguments);
     debug(`addon.getSnapshotBeforeUpdate - ${this.props.__schema.fileName}`);
   }
+
   async componentDidMount() {
     super.componentDidMount(...arguments);
     debug(`addon.componentDidMount - ${this.props.__schema.fileName}`);
   }
+
   async componentDidUpdate() {
     super.componentDidUpdate(...arguments);
     debug(`addon.componentDidUpdate - ${this.props.__schema.fileName}`);
   }
+
   async componentWillUnmount() {
     super.componentWillUnmount(...arguments);
     // 注销插件
@@ -72,7 +77,8 @@ export default class AddonRenderer extends BaseRenderer {
     }
     debug(`addon.componentWillUnmount - ${this.props.__schema.fileName}`);
   }
-  async componentDidCatch(e) {
+
+  async componentDidCatch() {
     super.componentDidCatch(...arguments);
     debug(`addon.componentDidCatch - ${this.props.__schema.fileName}`);
   }
diff --git a/packages/react-renderer/src/renderer/base.tsx b/packages/react-renderer/src/renderer/base.tsx
index 2e17720ac..ea685d9d8 100644
--- a/packages/react-renderer/src/renderer/base.tsx
+++ b/packages/react-renderer/src/renderer/base.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable no-proto */
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import Debug from 'debug';
@@ -82,29 +83,29 @@ export default class BaseRender extends PureComponent {
   }
 
   reloadDataSource = () => new Promise((resolve, reject) => {
-      debug('reload data source');
-      if (!this.__dataHelper) {
+    debug('reload data source');
+    if (!this.__dataHelper) {
+      this.__showPlaceholder = false;
+      return resolve();
+    }
+    this.__dataHelper
+      .getInitData()
+      .then((res) => {
         this.__showPlaceholder = false;
-        return resolve();
-      }
-      this.__dataHelper
-        .getInitData()
-        .then((res) => {
+        if (isEmpty(res)) {
+          this.forceUpdate();
+          return resolve();
+        }
+        this.setState(res, resolve);
+      })
+      .catch((err) => {
+        if (this.__showPlaceholder) {
           this.__showPlaceholder = false;
-          if (isEmpty(res)) {
-            this.forceUpdate();
-            return resolve();
-          }
-          this.setState(res, resolve);
-        })
-        .catch((err) => {
-          if (this.__showPlaceholder) {
-            this.__showPlaceholder = false;
-            this.forceUpdate();
-          }
-          reject(err);
-        });
-    });
+          this.forceUpdate();
+        }
+        reject(err);
+      });
+  });
 
   __setLifeCycleMethods = (method, args) => {
     const lifeCycleMethods = getValue(this.props.__schema, 'lifeCycles', {});
@@ -245,7 +246,7 @@ export default class BaseRender extends PureComponent {
       }
       if (Array.isArray(schema)) {
         if (schema.length === 1) return this.__createVirtualDom(schema[0], self, parentInfo);
-        return schema.map((item, idx) => this.__createVirtualDom(item, self, parentInfo, item && item.__ctx && item.__ctx.lunaKey ? '' : idx),);
+        return schema.map((item, idy) => this.__createVirtualDom(item, self, parentInfo, item && item.__ctx && item.__ctx.lunaKey ? '' : idy));
       }
       // FIXME
       const _children = this.getSchemaChildren(schema);
@@ -324,13 +325,13 @@ export default class BaseRender extends PureComponent {
       const componentInfo = {};
       const props =
         this.__parseProps(schema.props, self, '', {
-        schema,
-        Comp,
-        componentInfo: {
-          ...componentInfo,
-          props: transformArrayToMap(componentInfo.props, 'name'),
-        },
-      }) || {};
+          schema,
+          Comp,
+          componentInfo: {
+            ...componentInfo,
+            props: transformArrayToMap(componentInfo.props, 'name'),
+          },
+        }) || {};
       // 对于可以获取到ref的组件做特殊处理
       if (acceptsRef(Comp)) {
         otherProps.ref = (ref) => {
@@ -453,10 +454,10 @@ export default class BaseRender extends PureComponent {
       if (isEmpty(params)) {
         return checkProps(this.__createVirtualDom(data, self, { schema, Comp }));
       }
-      return checkProps(function() {
+      return checkProps(function () {
         const args = {};
         if (Array.isArray(params) && params.length) {
-          params.map((item, idx) => {
+          params.forEach((item, idx) => {
             if (typeof item === 'string') {
               args[item] = arguments[idx];
             } else if (item && typeof item === 'object') {
diff --git a/packages/react-renderer/src/renderer/block.tsx b/packages/react-renderer/src/renderer/block.tsx
index 9fabb3f21..a248f1201 100644
--- a/packages/react-renderer/src/renderer/block.tsx
+++ b/packages/react-renderer/src/renderer/block.tsx
@@ -12,15 +12,17 @@ const debug = Debug('renderer:block');
 
 export default class BlockRenderer extends BaseRenderer {
   static dislayName = 'block-renderer';
+
   static propTypes = {
     __schema: PropTypes.object,
   };
+
   static defaultProps = {
     __schema: {},
   };
 
   static getDerivedStateFromProps(props, state) {
-    debug(`block.getDerivedStateFromProps`);
+    debug('block.getDerivedStateFromProps');
     const func = props.__schema.lifeCycles && props.__schema.lifeCycles.getDerivedStateFromProps;
     if (func) {
       return func(props, state);
@@ -42,18 +44,22 @@ export default class BlockRenderer extends BaseRenderer {
     super.getSnapshotBeforeUpdate(...arguments);
     debug(`block.getSnapshotBeforeUpdate - ${this.props.__schema.fileName}`);
   }
+
   async componentDidMount() {
     super.componentDidMount(...arguments);
     debug(`block.componentDidMount - ${this.props.__schema.fileName}`);
   }
+
   async componentDidUpdate() {
     super.componentDidUpdate(...arguments);
     debug(`block.componentDidUpdate - ${this.props.__schema.fileName}`);
   }
+
   async componentWillUnmount() {
     super.componentWillUnmount(...arguments);
     debug(`block.componentWillUnmount - ${this.props.__schema.fileName}`);
   }
+
   async componentDidCatch() {
     await super.componentDidCatch(...arguments);
     debug(`block.componentDidCatch - ${this.props.__schema.fileName}`);
@@ -96,7 +102,7 @@ export default class BlockRenderer extends BaseRenderer {
         </AppContext.Provider>
       );
     }
-    
+
     const renderContent = () => (
       <AppContext.Provider
         value={{
diff --git a/packages/react-renderer/src/renderer/component.tsx b/packages/react-renderer/src/renderer/component.tsx
index 2172b6c45..001f1eb01 100644
--- a/packages/react-renderer/src/renderer/component.tsx
+++ b/packages/react-renderer/src/renderer/component.tsx
@@ -12,15 +12,17 @@ const debug = Debug('renderer:comp');
 
 export default class CompRenderer extends BaseRenderer {
   static dislayName = 'comp-renderer';
+
   static propTypes = {
     __schema: PropTypes.object,
   };
+
   static defaultProps = {
     __schema: {},
   };
 
   static getDerivedStateFromProps(props, state) {
-    debug(`comp.getDerivedStateFromProps`);
+    debug('comp.getDerivedStateFromProps');
     const func = props.__schema.lifeCycles && props.__schema.lifeCycles.getDerivedStateFromProps;
     if (func) {
       return func(props, state);
@@ -44,19 +46,23 @@ export default class CompRenderer extends BaseRenderer {
     super.getSnapshotBeforeUpdate(...arguments);
     debug(`comp.getSnapshotBeforeUpdate - ${this.props.__schema.fileName}`);
   }
+
   async componentDidMount() {
     super.componentDidMount(...arguments);
     debug(`comp.componentDidMount - ${this.props.__schema.fileName}`);
   }
+
   async componentDidUpdate() {
     super.componentDidUpdate(...arguments);
     debug(`comp.componentDidUpdate - ${this.props.__schema.fileName}`);
   }
+
   async componentWillUnmount() {
     super.componentWillUnmount(...arguments);
     debug(`comp.componentWillUnmount - ${this.props.__schema.fileName}`);
   }
-  async componentDidCatch(e) {
+
+  async componentDidCatch() {
     super.componentDidCatch(...arguments);
     debug(`comp.componentDidCatch - ${this.props.__schema.fileName}`);
   }
diff --git a/packages/react-renderer/src/renderer/page.tsx b/packages/react-renderer/src/renderer/page.tsx
index 9c796ba02..f42767642 100644
--- a/packages/react-renderer/src/renderer/page.tsx
+++ b/packages/react-renderer/src/renderer/page.tsx
@@ -78,7 +78,7 @@ export default class PageRenderer extends BaseRenderer {
     this.state = this.__parseData(__schema.state || {});
     this.__bindCustomMethods(this.props);
     this.__initDataSource(this.props);
-    
+
     // this.__setLifeCycleMethods('constructor', arguments);
 
     this.__generateCtx({
@@ -87,8 +87,8 @@ export default class PageRenderer extends BaseRenderer {
     this.__render();
 
     const props = this.__parseData(__schema.props);
-    const { id, className, style, autoLoading, defaultHeight = 300, loading
-} = props;
+    const { id, className, style, autoLoading, defaultHeight = 300, loading,
+    } = props;
 
     const { Page } = __components;
     if (Page) {
diff --git a/packages/react-renderer/src/renderer/temp.tsx b/packages/react-renderer/src/renderer/temp.tsx
index 9aca53edf..016f90159 100644
--- a/packages/react-renderer/src/renderer/temp.tsx
+++ b/packages/react-renderer/src/renderer/temp.tsx
@@ -9,10 +9,12 @@ const debug = Debug('renderer:temp');
 
 export default class TempRenderer extends BaseRenderer {
   static dislayName = 'temp-renderer';
+
   static propTypes = {
     __ctx: PropTypes.object,
     __schema: PropTypes.object,
   };
+
   static defaultProps = {
     __ctx: {},
     __schema: {},
@@ -28,7 +30,7 @@ export default class TempRenderer extends BaseRenderer {
   componentDidMount() {
     const ctx = this.props.__ctx;
     if (!ctx) return;
-    const setState = ctx.setState;
+    const { setState } = ctx;
     this.cacheSetState = setState;
     ctx.setState = (...args) => {
       setState.call(ctx, ...args);
@@ -36,9 +38,11 @@ export default class TempRenderer extends BaseRenderer {
     };
     debug(`temp.componentDidMount - ${this.props.__schema.fileName}`);
   }
-  componentDidUpdate(prevProps, prevState, snapshot) {
+
+  componentDidUpdate() {
     debug(`temp.componentDidUpdate - ${this.props.__schema.fileName}`);
   }
+
   componentWillUnmount() {
     const ctx = this.props.__ctx;
     if (!ctx || !this.cacheSetState) return;
@@ -46,6 +50,7 @@ export default class TempRenderer extends BaseRenderer {
     delete this.cacheSetState;
     debug(`temp.componentWillUnmount - ${this.props.__schema.fileName}`);
   }
+
   componentDidCatch(e) {
     console.warn(e);
     debug(`temp.componentDidCatch - ${this.props.__schema.fileName}`);
diff --git a/packages/react-renderer/src/utils/dataHelper.ts b/packages/react-renderer/src/utils/dataHelper.ts
index e620cbb52..dca90e215 100644
--- a/packages/react-renderer/src/utils/dataHelper.ts
+++ b/packages/react-renderer/src/utils/dataHelper.ts
@@ -1,13 +1,12 @@
 import { transformArrayToMap, isJSFunction, transformStringToFunction, clone } from './index';
 import { jsonp, mtop, request, get, post, bzb } from './request';
-import Debug from 'debug';
+
 const DS_STATUS = {
   INIT: 'init',
   LOADING: 'loading',
   LOADED: 'loaded',
   ERROR: 'error',
 };
-const debug = Debug('utils:dataHelper');
 export default class DataHelper {
   constructor(comp, config = {}, appHelper, parser) {
     this.host = comp;
@@ -68,7 +67,7 @@ export default class DataHelper {
   }
 
   updateDataSourceMap(id, data, error) {
-    this.dataSourceMap[id].error = error ? error : undefined;
+    this.dataSourceMap[id].error = error || undefined;
     this.dataSourceMap[id].data = data;
     this.dataSourceMap[id].status = error ? DS_STATUS.ERROR : DS_STATUS.LOADED;
   }
@@ -82,7 +81,7 @@ export default class DataHelper {
       return false;
     });
     return this.asyncDataHandler(initSyncData).then((res) => {
-      let dataHandler = this.config.dataHandler;
+      let { dataHandler } = this.config;
       if (isJSFunction(dataHandler)) {
         dataHandler = transformStringToFunction(dataHandler.value);
       }
@@ -91,7 +90,6 @@ export default class DataHelper {
         return dataHandler.call(this.host, res);
       } catch (e) {
         console.error('请求数据处理函数运行出错', e);
-        return;
       }
     });
   }
@@ -118,9 +116,9 @@ export default class DataHelper {
             Array.isArray(options.params) || Array.isArray(params)
               ? params || options.params
               : {
-                  ...options.params,
-                  ...params,
-                },
+                ...options.params,
+                ...params,
+              },
           headers: {
             ...options.headers,
             ...headers,
@@ -158,7 +156,7 @@ export default class DataHelper {
       const afterRequest = this.appHelper && this.appHelper.utils && this.appHelper.utils.afterRequest;
       const csrfInput = document.getElementById('_csrf_token');
       const _tb_token_ = csrfInput && csrfInput.value;
-      asyncDataList.map((req) => {
+      asyncDataList.forEach((req) => {
         const { id, type, options } = req;
         if (!id || !type) return;
         if (type === 'doServer') {
@@ -266,12 +264,12 @@ export default class DataHelper {
     try {
       return dataHandler.call(this.host, data, error);
     } catch (e) {
-      console.error('[' + id + ']单个请求数据处理函数运行出错', e);
-      return;
+      console.error(`[${ id }]单个请求数据处理函数运行出错`, e);
     }
   }
 
   fetchOne(type, options) {
+    // eslint-disable-next-line prefer-const
     let { uri, method = 'GET', headers, params, ...otherProps } = options;
     otherProps = otherProps || {};
     switch (type) {
diff --git a/packages/react-renderer/src/utils/index.ts b/packages/react-renderer/src/utils/index.ts
index 229ca8b91..38497b836 100644
--- a/packages/react-renderer/src/utils/index.ts
+++ b/packages/react-renderer/src/utils/index.ts
@@ -1,17 +1,12 @@
+/* eslint-disable no-new-func */
 import Debug from 'debug';
 import _keymaster from 'keymaster';
-export const keymaster = _keymaster;
 import { forEach as _forEach, shallowEqual as _shallowEqual } from '@ali/b3-one/lib/obj';
 import { serialize as serializeParams } from '@ali/b3-one/lib/url';
-export const forEach = _forEach;
-export const shallowEqual = _shallowEqual;
-//moment对象配置
+// moment对象配置
 import _moment from 'moment';
 import 'moment/locale/zh-cn';
-export const moment = _moment;
-moment.locale('zh-cn');
 import pkg from '../../package.json';
-window.sdkVersion = pkg.version;
 
 import _pick from 'lodash/pick';
 import _deepEqual from 'lodash/isEqualWith';
@@ -20,24 +15,32 @@ import _isEmpty from 'lodash/isEmpty';
 import _throttle from 'lodash/throttle';
 import _debounce from 'lodash/debounce';
 
+import _serialize from 'serialize-javascript';
+import * as _jsonuri from 'jsonuri';
+
+import IntlMessageFormat from 'intl-messageformat';
+
+export const keymaster = _keymaster;
+export const forEach = _forEach;
+export const shallowEqual = _shallowEqual;
+export const moment = _moment;
+moment.locale('zh-cn');
+window.sdkVersion = pkg.version;
+
 export const pick = _pick;
 export const deepEqual = _deepEqual;
 export const clone = _clone;
 export const isEmpty = _isEmpty;
 export const throttle = _throttle;
 export const debounce = _debounce;
-
-import _serialize from 'serialize-javascript';
 export const serialize = _serialize;
-import * as _jsonuri from 'jsonuri';
 export const jsonuri = _jsonuri;
 export { get, post, jsonp, mtop, request } from './request';
 
-import IntlMessageFormat from 'intl-messageformat';
-
 const ReactIs = require('react-is');
 const ReactPropTypesSecret = require('prop-types/lib/ReactPropTypesSecret');
 const factoryWithTypeCheckers = require('prop-types/factoryWithTypeCheckers');
+
 const PropTypes2 = factoryWithTypeCheckers(ReactIs.isElement, true);
 
 const EXPRESSION_TYPE = {
@@ -46,8 +49,8 @@ const EXPRESSION_TYPE = {
   JSSLOT: 'JSSlot',
 };
 const EXPRESSION_REG = /^\{\{(\{.*\}|.*?)\}\}$/;
-const hasSymbol = typeof Symbol === 'function' && Symbol['for'];
-const REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol['for']('react.forward_ref') : 0xead0;
+const hasSymbol = typeof Symbol === 'function' && Symbol.for;
+const REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
 const debug = Debug('utils:index');
 
 const ENV = {
@@ -85,8 +88,8 @@ export function inSameDomain() {
 
 export function getFileCssName(fileName) {
   if (!fileName) return;
-  let name = fileName.replace(/([A-Z])/g, '-$1').toLowerCase();
-  return ('luna-' + name)
+  const name = fileName.replace(/([A-Z])/g, '-$1').toLowerCase();
+  return (`luna-${ name}`)
     .split('-')
     .filter((p) => !!p)
     .join('-');
@@ -99,7 +102,7 @@ export function isJSFunction(obj) {
   return obj && typeof obj === 'object' && EXPRESSION_TYPE.JSFUNCTION === obj.type;
 }
 export function isJSExpression(obj) {
-  //兼容两种写法，有js构造表达式的情况
+  // 兼容两种写法，有js构造表达式的情况
   const isJSExpressionObj =
     obj && typeof obj === 'object' && EXPRESSION_TYPE.JSEXPRESSION === obj.type && typeof obj.value === 'string';
   const isJSExpressionStr = typeof obj === 'string' && EXPRESSION_REG.test(obj.trim());
@@ -131,7 +134,7 @@ export function getValue(obj, path, defaultValue) {
 
 export function parseObj(schemaStr) {
   if (typeof schemaStr !== 'string') return schemaStr;
-  //默认调用顶层窗口的parseObj,保障new Function的window对象是顶层的window对象
+  // 默认调用顶层窗口的parseObj,保障new Function的window对象是顶层的window对象
   try {
     if (inSameDomain() && window.parent.__newFunc) {
       return window.parent.__newFunc(`"use strict"; return ${schemaStr}`)();
@@ -157,7 +160,8 @@ export function fillObj(receiver = {}, ...suppliers) {
 
 // 中划线转驼峰
 export function toHump(name) {
-  return name.replace(/\-(\w)/g, function(all, letter) {
+  // eslint-disable-next-line no-useless-escape
+  return name.replace(/\-(\w)/g, (all, letter) => {
     return letter.toUpperCase();
   });
 }
@@ -168,7 +172,7 @@ export function toLine(name) {
 
 // 获取当前环境
 export function getEnv() {
-  const userAgent = navigator.userAgent;
+  const { userAgent } = navigator;
   const isVscode = /Electron\//.test(userAgent);
   if (isVscode) return ENV.VSCODE;
   const isTheia = window.is_theia === true;
@@ -260,7 +264,7 @@ export function setClipboardData(str) {
       textArea.focus();
       textArea.select();
       try {
-        let successful = document.execCommand('copy');
+        const successful = document.execCommand('copy');
         if (successful) {
           document.body.removeChild(textArea);
           resolve();
@@ -311,8 +315,7 @@ export function moveArrayItem(arr, sourceIdx, distIdx, direction) {
     sourceIdx >= arr.length ||
     distIdx < 0 ||
     distIdx >= arr.length
-  )
-    return arr;
+  ) return arr;
   const item = arr[sourceIdx];
   if (direction === 'after') {
     arr.splice(distIdx + 1, 0, item);
@@ -447,22 +450,23 @@ export function addCssTag(id, content) {
 
 // 注册快捷
 export function registShortCuts(config, appHelper) {
-  const keyboardFilter = (keymaster.filter = (event) => {
-    let eTarget = event.target || event.srcElement;
-    let tagName = eTarget.tagName;
-    let isInput = !!(tagName == 'INPUT' || tagName == 'SELECT' || tagName == 'TEXTAREA');
-    let isContenteditable = !!eTarget.getAttribute('contenteditable');
+  const keyboardFilter = (event) => {
+    const eTarget = event.target || event.srcElement;
+    const { tagName } = eTarget;
+    const isInput = !!(tagName == 'INPUT' || tagName == 'SELECT' || tagName == 'TEXTAREA');
+    const isContenteditable = !!eTarget.getAttribute('contenteditable');
     if (isInput || isContenteditable) {
-      if (event.metaKey === true && [70, 83].includes(event.keyCode)) event.preventDefault(); //禁止触发chrome原生的页面保存或查找
+      if (event.metaKey === true && [70, 83].includes(event.keyCode)) event.preventDefault(); // 禁止触发chrome原生的页面保存或查找
       return false;
     } else {
       return true;
     }
-  });
+  };
+  keymaster.filter = keyboardFilter;
 
   const ideMessage = appHelper.utils && appHelper.utils.ideMessage;
 
-  //复制
+  // 复制
   if (!document.copyListener) {
     document.copyListener = (e) => {
       if (!keyboardFilter(e) || appHelper.isCopying) return;
@@ -489,16 +493,16 @@ export function registShortCuts(config, appHelper) {
     }
   }
 
-  //粘贴
+  // 粘贴
   if (!document.pasteListener) {
     const doPaste = (e, text) => {
       if (!keyboardFilter(e) || appHelper.isPasting) return;
-      const schemaHelper = appHelper.schemaHelper;
+      const { schemaHelper } = appHelper;
       let targetKey = appHelper.activeKey;
       let direction = 'after';
       const topKey = schemaHelper.schema && schemaHelper.schema.__ctx && schemaHelper.schema.__ctx.lunaKey;
       if (!targetKey || topKey === targetKey) {
-        const schemaHelper = appHelper.schemaHelper;
+        const { schemaHelper } = appHelper;
         const topKey = schemaHelper.schema && schemaHelper.schema.__ctx && schemaHelper.schema.__ctx.lunaKey;
         if (!topKey) return;
         targetKey = topKey;
@@ -529,7 +533,7 @@ export function registShortCuts(config, appHelper) {
     document.addEventListener('paste', document.pasteListener);
     if (window.parent.vscode) {
       keymaster('command+v', (e) => {
-        const sendIDEMessage = window.parent.sendIDEMessage;
+        const { sendIDEMessage } = window.parent;
         sendIDEMessage &&
           sendIDEMessage({
             action: 'readClipboard',
@@ -593,13 +597,13 @@ export function parseData(schema, self) {
   return schema;
 }
 
-/*全匹配{{开头,}}结尾的变量表达式，或者对象类型JSExpression，且均不支持省略this */
+/* 全匹配{{开头,}}结尾的变量表达式，或者对象类型JSExpression，且均不支持省略this */
 export function parseExpression(str, self) {
   try {
     const contextArr = ['"use strict";', 'var __self = arguments[0];'];
     contextArr.push('return ');
     let tarStr;
-    //向前兼容，支持标准协议新格式
+    // 向前兼容，支持标准协议新格式
     if (typeof str === 'string') {
       const regRes = str.trim().match(EXPRESSION_REG);
       tarStr = regRes[1];
@@ -608,7 +612,7 @@ export function parseExpression(str, self) {
     }
     tarStr = tarStr.replace(/this(\W|$)/g, (a, b) => `__self${b}`);
     tarStr = contextArr.join('\n') + tarStr;
-    //默认调用顶层窗口的parseObj,保障new Function的window对象是顶层的window对象
+    // 默认调用顶层窗口的parseObj,保障new Function的window对象是顶层的window对象
     if (inSameDomain() && window.parent.__newFunc) {
       return window.parent.__newFunc(tarStr)(self);
     }
diff --git a/packages/react-renderer/src/utils/request.ts b/packages/react-renderer/src/utils/request.ts
index 41968612c..6b2ae46a3 100644
--- a/packages/react-renderer/src/utils/request.ts
+++ b/packages/react-renderer/src/utils/request.ts
@@ -2,9 +2,8 @@ import 'whatwg-fetch';
 import fetchMtop from '@ali/lib-mtop';
 import fetchJsonp from 'fetch-jsonp';
 import bzbRequest from '@ali/bzb-request';
-import Debug from 'debug';
 import { serialize, buildUrl, parseUrl } from '@ali/b3-one/lib/url';
-const debug = Debug('utils:request');
+
 export function get(dataAPI, params = {}, headers = {}, otherProps = {}) {
   headers = {
     Accept: 'application/json',
diff --git a/packages/react-simulator-renderer/.eslintrc.js b/packages/react-simulator-renderer/.eslintrc.js
new file mode 100644
index 000000000..78b88f421
--- /dev/null
+++ b/packages/react-simulator-renderer/.eslintrc.js
@@ -0,0 +1,15 @@
+module.exports = {
+  extends: '../../.eslintrc.js',
+  rules: {
+    'react/no-multi-comp': 1,
+    '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,
+    'array-callback-return': 1,
+  }
+}
\ No newline at end of file
diff --git a/packages/react-simulator-renderer/src/builtin-components/builtin-components.ts b/packages/react-simulator-renderer/src/builtin-components/builtin-components.ts
index bf09bf75c..01cdb57db 100644
--- a/packages/react-simulator-renderer/src/builtin-components/builtin-components.ts
+++ b/packages/react-simulator-renderer/src/builtin-components/builtin-components.ts
@@ -152,6 +152,7 @@ const supportedEvents = [
   },
 ];
 
+// eslint-disable-next-line func-call-spacing
 const builtinComponents = new Map<string, (props: any) => ReactElement>();
 function getBlockElement(tag: string): (props: any) => ReactElement {
   if (builtinComponents.has(tag)) {
diff --git a/packages/react-simulator-renderer/src/builtin-components/leaf.tsx b/packages/react-simulator-renderer/src/builtin-components/leaf.tsx
index a199ddfe4..69590fb71 100644
--- a/packages/react-simulator-renderer/src/builtin-components/leaf.tsx
+++ b/packages/react-simulator-renderer/src/builtin-components/leaf.tsx
@@ -2,6 +2,7 @@ import { Component } from 'react';
 
 class Leaf extends Component {
   static displayName = 'Leaf';
+
   static componentMetadata = {
     componentName: 'Leaf',
     configure: {
@@ -11,7 +12,7 @@ class Leaf extends Component {
       }],
       // events/className/style/general/directives
       supports: false,
-    }
+    },
   };
 
   render() {
diff --git a/packages/react-simulator-renderer/src/builtin-components/slot.tsx b/packages/react-simulator-renderer/src/builtin-components/slot.tsx
index 3cba5184b..164304cb7 100644
--- a/packages/react-simulator-renderer/src/builtin-components/slot.tsx
+++ b/packages/react-simulator-renderer/src/builtin-components/slot.tsx
@@ -2,6 +2,7 @@ import { Component } from 'react';
 
 class Slot extends Component {
   static displayName = 'Slot';
+
   static componentMetadata = {
     componentName: 'Slot',
     configure: {
diff --git a/packages/react-simulator-renderer/src/renderer-view.tsx b/packages/react-simulator-renderer/src/renderer-view.tsx
index 04326932a..8d7599ef7 100644
--- a/packages/react-simulator-renderer/src/renderer-view.tsx
+++ b/packages/react-simulator-renderer/src/renderer-view.tsx
@@ -19,7 +19,9 @@ const originCloneElement = window.React.cloneElement;
         } else {
           try {
             cRef.current = x;
-          } catch (e) {}
+          } catch (e) {
+            console.error(e);
+          }
         }
       }
       if (dRef) {
@@ -28,7 +30,9 @@ const originCloneElement = window.React.cloneElement;
         } else {
           try {
             dRef.current = x;
-          } catch (e) {}
+          } catch (e) {
+            console.error(e);
+          }
         }
       }
     };
@@ -72,9 +76,10 @@ class Layout extends Component<{ renderer: SimulatorRenderer }> {
   shouldComponentUpdate() {
     return false;
   }
+
   render() {
     const { renderer, children } = this.props;
-    const layout = renderer.layout;
+    const { layout } = renderer;
 
     if (layout) {
       const { Component, props } = layout;
@@ -90,6 +95,7 @@ class Renderer extends Component<{ renderer: SimulatorRenderer }> {
   shouldComponentUpdate() {
     return false;
   }
+
   render() {
     const { renderer } = this.props;
     const { device, designMode } = renderer;
@@ -122,7 +128,7 @@ class Renderer extends Component<{ renderer: SimulatorRenderer }> {
               </div>
             );
           }
-          if(viewProps._componentName === 'a') {
+          if (viewProps._componentName === 'a') {
             delete viewProps.href;
           }
           // FIXME: 渲染仍有问题
@@ -155,9 +161,9 @@ class Renderer extends Component<{ renderer: SimulatorRenderer }> {
         onCompGetRef={(schema: any, ref: ReactInstance | null) => {
           renderer.mountInstance(schema.id, ref);
         }}
-        //onCompGetCtx={(schema: any, ctx: object) => {
+        // onCompGetCtx={(schema: any, ctx: object) => {
         // renderer.mountContext(schema.id, ctx);
-        //}}
+        // }}
       />
     );
   }
diff --git a/packages/react-simulator-renderer/src/renderer.ts b/packages/react-simulator-renderer/src/renderer.ts
index 14eca8be7..fface745a 100644
--- a/packages/react-simulator-renderer/src/renderer.ts
+++ b/packages/react-simulator-renderer/src/renderer.ts
@@ -1,12 +1,9 @@
-import React, { createElement, ReactInstance, ComponentType, ReactElement, FunctionComponent } from 'react';
+import React, { createElement, ReactInstance } from 'react';
 import { render as reactRender } from 'react-dom';
 import { host } from './host';
 import SimulatorRendererView from './renderer-view';
 import { computed, obx } from '@recore/obx';
-import { Asset } from '@ali/lowcode-utils';
-import { getClientRects } from './utils/get-client-rects';
-import { reactFindDOMNodes, FIBER_KEY } from './utils/react-find-dom-nodes';
-import {
+import { Asset,
   isElement,
   cursor,
   setNativeSelection,
@@ -14,6 +11,9 @@ import {
   getSubComponent,
   AssetLoader,
 } from '@ali/lowcode-utils';
+import { getClientRects } from './utils/get-client-rects';
+import { reactFindDOMNodes, FIBER_KEY } from './utils/react-find-dom-nodes';
+
 import { RootSchema, ComponentSchema, TransformStage, NodeSchema } from '@ali/lowcode-types';
 // import { isESModule, isElement, acceptsRef, wrapReactClass, cursor, setNativeSelection } from '@ali/lowcode-utils';
 // import { RootSchema, NpmInfo, ComponentSchema, TransformStage, NodeSchema } from '@ali/lowcode-types';
@@ -26,6 +26,7 @@ const loader = new AssetLoader();
 
 export class SimulatorRenderer implements BuiltinSimulatorRenderer {
   readonly isSimulatorRenderer = true;
+
   private dispose?: () => void;
 
   constructor() {
@@ -62,7 +63,7 @@ export class SimulatorRenderer implements BuiltinSimulatorRenderer {
         this.buildComponents();
       }
     });
-    host.injectionConsumer.consume((data) => {
+    host.injectionConsumer.consume(() => {
       // sync utils, i18n, contants,... config
       this._appContext = {
         utils: {},
@@ -79,45 +80,61 @@ export class SimulatorRenderer implements BuiltinSimulatorRenderer {
   }
 
   @obx.ref private _schema?: RootSchema;
+
   @computed get schema(): any {
     return this._schema;
   }
+
   private _libraryMap: { [key: string]: string } = {};
+
   private buildComponents() {
     this._components = {
       ...builtinComponents,
       ...buildComponents(this._libraryMap, this._componentsMap),
     };
   }
+
   @obx.ref private _components: any = {};
+
   @computed get components(): object {
     // 根据 device 选择不同组件，进行响应式
     // 更好的做法是，根据 device 选择加载不同的组件资源，甚至是 simulatorUrl
     return this._components;
   }
+
   // context from: utils、constants、history、location、match
   @obx.ref private _appContext = {};
+
   @computed get context(): any {
     return this._appContext;
   }
+
   @obx.ref private _designMode = 'design';
+
   @computed get designMode(): any {
     return this._designMode;
   }
+
   @obx.ref private _device = 'default';
+
   @computed get device() {
     return this._device;
   }
+
   @obx.ref private _componentsMap = {};
+
   @computed get componentsMap(): any {
     return this._componentsMap;
   }
+
   @computed get suspended(): any {
     return false;
   }
+
   @computed get scope(): any {
     return null;
   }
+
   /**
    * 加载资源
    */
@@ -126,6 +143,7 @@ export class SimulatorRenderer implements BuiltinSimulatorRenderer {
   }
 
   private instancesMap = new Map<string, ReactInstance[]>();
+
   private unmountIntance(id: string, instance: ReactInstance) {
     const instances = this.instancesMap.get(id);
     if (instances) {
@@ -136,8 +154,9 @@ export class SimulatorRenderer implements BuiltinSimulatorRenderer {
       }
     }
   }
+
   mountInstance(id: string, instance: ReactInstance | null) {
-    const instancesMap = this.instancesMap;
+    const { instancesMap } = this;
     if (instance == null) {
       let instances = this.instancesMap.get(id);
       if (instances) {
@@ -167,7 +186,7 @@ export class SimulatorRenderer implements BuiltinSimulatorRenderer {
         origUnmount = origUnmount.origUnmount;
       }
       // hack! delete instance from map
-      const newUnmount = function(this: any) {
+      const newUnmount = function (this: any) {
         unmountIntance(id, instance);
         origUnmount && origUnmount.call(this);
       };
@@ -196,6 +215,7 @@ export class SimulatorRenderer implements BuiltinSimulatorRenderer {
   }
 
   private ctxMap = new Map<string, object>();
+
   mountContext(id: string, ctx: object) {
     this.ctxMap.set(id, ctx);
   }
@@ -217,8 +237,6 @@ export class SimulatorRenderer implements BuiltinSimulatorRenderer {
       subs.unshift(sub);
       componentName = paths.join('.');
     }
-
-    return null;
   }
 
   getComponentInstances(id: string): ReactInstance[] | null {
@@ -269,7 +287,7 @@ export class SimulatorRenderer implements BuiltinSimulatorRenderer {
     };
 
     const renderer = this;
-    const componentsMap = renderer.componentsMap;
+    const { componentsMap } = renderer;
 
     class Ele extends React.Component<{ schema: any; propsMap: any }> {
       private isModal: boolean;
@@ -279,7 +297,6 @@ export class SimulatorRenderer implements BuiltinSimulatorRenderer {
         const componentMeta = host.document.getComponentMeta(props.schema.componentName);
         if (componentMeta?.prototype?.isModal()) {
           this.isModal = true;
-          return;
         }
       }
 
@@ -310,7 +327,7 @@ export class SimulatorRenderer implements BuiltinSimulatorRenderer {
       }
 
       render() {
-        const componentName = _schema.componentName;
+        const { componentName } = _schema;
         if (componentName === 'Component') {
           let children = [];
           const propsMap = this.props || {};
@@ -342,17 +359,21 @@ export class SimulatorRenderer implements BuiltinSimulatorRenderer {
   setNativeSelection(enableFlag: boolean) {
     setNativeSelection(enableFlag);
   }
+
   setDraggingState(state: boolean) {
     cursor.setDragging(state);
   }
+
   setCopyState(state: boolean) {
     cursor.setCopy(state);
   }
+
   clearState() {
     cursor.release();
   }
 
   private _running = false;
+
   run() {
     if (this._running) {
       return;
@@ -409,7 +430,7 @@ function getClosestNodeInstance(from: ReactInstance, specId?: string): NodeInsta
       const nodeId = el[SYMBOL_VNID];
       if (!specId || specId === nodeId) {
         return {
-          nodeId: nodeId,
+          nodeId,
           instance: el,
         };
       }
@@ -429,8 +450,8 @@ function getNodeInstance(fiberNode: any, specId?: string): NodeInstance<ReactIns
     const nodeId = instance[SYMBOL_VNID];
     if (!specId || specId === nodeId) {
       return {
-        nodeId: nodeId,
-        instance: instance,
+        nodeId,
+        instance,
       };
     }
   }
diff --git a/packages/runtime/src/core/container.ts b/packages/runtime/src/core/container.ts
index f5652e117..df290613f 100644
--- a/packages/runtime/src/core/container.ts
+++ b/packages/runtime/src/core/container.ts
@@ -12,9 +12,13 @@ export interface IErrorBoundaryConfig {
 
 export default class Container {
   private renderer: any = null;
+
   private layouts: { [key: string]: { content: any; props: any } } = {};
+
   private loading: any = null;
+
   private errorBoundary: IErrorBoundaryConfig = { fallbackUI: () => '', afterCatch: () => {} };
+
   private providers: { [key: string]: Provider; } = {};
 
   registerRenderer(renderer: any): any {
diff --git a/packages/runtime/src/core/provider.ts b/packages/runtime/src/core/provider.ts
index 5268797ab..a65dd5eb3 100644
--- a/packages/runtime/src/core/provider.ts
+++ b/packages/runtime/src/core/provider.ts
@@ -56,7 +56,7 @@ export interface DataSourceItem {
   type: string;
   options: {
     uri: string;
-    params: object;
+    params: Record<string, unknown>;
     method: string;
     shouldFetch?: string;
     willFetch?: string;
@@ -103,17 +103,29 @@ type Locale = 'zh-CN' | 'en-US';
 
 export default class Provider {
   emitter: EventEmitter = new EventEmitter();
+
   components: IComponents = {};
+
   utils: IUtils = {};
+
   constants: IConstants = {};
+
   routes: IRouterConfig | null = null;
+
   layout: ILayoutConfig | null = null;
+
   componentsMap: IComponentMap[] = [];
+
   history: HistoryMode = 'hash';
+
   containerId = '';
+
   i18n: I18n | null = null;
+
   homePage = '';
+
   lazyElementsMap: { [key: string]: any } = {};
+
   isSectionalRender = false;
 
   constructor() {
@@ -121,6 +133,7 @@ export default class Provider {
   }
 
   async(): Promise<IAppConfig> {
+    // eslint-disable-next-line no-async-promise-executor
     return new Promise(async (resolve, reject) => {
       try {
         const appData: IAppData = await this.getAppData();
@@ -216,11 +229,11 @@ export default class Provider {
     throw new Error('Method called "getAppData" not implemented.');
   }
 
-  getPageData(pageId?: string): any {
+  getPageData(): any {
     throw new Error('Method called "getPageData" not implemented.');
   }
 
-  getLazyComponent(pageId: string, props: any): any {
+  getLazyComponent(): any {
     throw new Error('Method called "getLazyComponent" not implemented.');
   }
 
@@ -229,7 +242,7 @@ export default class Provider {
     throw new Error('Method called "createApp" not implemented.');
   }
 
-  runApp(App: any, config: IAppConfig) {
+  runApp() {
     throw new Error('Method called "runApp" not implemented.');
   }
 
diff --git a/packages/runtime/src/core/runApp.ts b/packages/runtime/src/core/runApp.ts
index 6c6cc2318..0241334fd 100644
--- a/packages/runtime/src/core/runApp.ts
+++ b/packages/runtime/src/core/runApp.ts
@@ -37,15 +37,15 @@ export default function runApp() {
       const App = provider.createApp();
       provider.runApp(App, config);
     }).catch((err: Error) => {
-        console.error(err.message);
-        const { fallbackUI, afterCatch } = app.getErrorBoundary() || {};
-        if (typeof afterCatch === 'function') {
-          afterCatch(err.message, err.stack);
-        }
-        if (!fallbackUI) {
-          return;
-        }
-        provider.runApp(fallbackUI, {});
+      console.error(err.message);
+      const { fallbackUI, afterCatch } = app.getErrorBoundary() || {};
+      if (typeof afterCatch === 'function') {
+        afterCatch(err.message, err.stack);
+      }
+      if (!fallbackUI) {
+        return;
+      }
+      provider.runApp(fallbackUI, {});
     });
   });
 }
diff --git a/packages/types/src/editor.ts b/packages/types/src/editor.ts
index 2b5efd989..ded6c790c 100644
--- a/packages/types/src/editor.ts
+++ b/packages/types/src/editor.ts
@@ -1,18 +1,18 @@
 import { EventEmitter } from 'events';
-import { ReactNode, ReactElement, RefObject, ComponentType } from 'react';
+import { ReactNode, ComponentType } from 'react';
 import { NpmInfo } from './npm';
 import { RegisterOptions } from 'power-di';
 
-export type KeyType = Function | Symbol | string;
-export type ClassType = Function | (new (...args: any[]) => any);
+export type KeyType = new (...args: any[]) => any | symbol | string;
+export type ClassType = new (...args: any[]) => any;
 export interface GetOptions {
   forceNew?: boolean;
   sourceCls?: ClassType;
 }
 export type GetReturnType<T, ClsType> = T extends undefined
   ? ClsType extends {
-      prototype: infer R;
-    }
+    prototype: infer R;
+  }
     ? R
     : any
   : T;
@@ -48,7 +48,7 @@ export interface EditorConfig {
 
 export interface SkeletonConfig {
   config: NpmInfo;
-  props?: object;
+  props?: Record<string, unknown>;
   handler?: (config: EditorConfig) => EditorConfig;
 }
 
@@ -78,13 +78,13 @@ export interface PluginConfig {
     marked?: boolean;
     align?: 'left' | 'right' | 'top' | 'bottom';
     onClick?: () => void;
-    dialogProps?: object;
-    balloonProps?: object;
-    panelProps?: object;
-    linkProps?: object;
+    dialogProps?: Record<string, unknown>;
+    balloonProps?: Record<string, unknown>;
+    panelProps?: Record<string, unknown>;
+    linkProps?: Record<string, unknown>;
   };
   config?: NpmInfo;
-  pluginProps?: object;
+  pluginProps?: Record<string, unknown>;
 }
 
 export type HooksConfig = HookConfig[];
@@ -110,7 +110,7 @@ export interface UtilConfig {
   content: NpmInfo | ((...args: []) => any);
 }
 
-export type ConstantsConfig = object;
+export type ConstantsConfig = Record<string, unknown>;
 
 export interface LifeCyclesConfig {
   init?: (editor: IEditor) => any;
diff --git a/packages/types/src/metadata.ts b/packages/types/src/metadata.ts
index d5a3c59bc..d43495fe9 100644
--- a/packages/types/src/metadata.ts
+++ b/packages/types/src/metadata.ts
@@ -71,13 +71,13 @@ export interface Experimental {
   getResizingHandlers?: (
     currentNode: any,
   ) =>
-    | Array<{
-        type: 'N' | 'W' | 'S' | 'E' | 'NW' | 'NE' | 'SE' | 'SW';
-        content?: ReactElement;
-        propTarget?: string;
-        appearOn?: 'mouse-enter' | 'mouse-hover' | 'selected' | 'always';
-      }>
-    | ReactElement[];
+  | Array<{
+    type: 'N' | 'W' | 'S' | 'E' | 'NW' | 'NE' | 'SE' | 'SW';
+    content?: ReactElement;
+    propTarget?: string;
+    appearOn?: 'mouse-enter' | 'mouse-hover' | 'selected' | 'always';
+  }>
+  | ReactElement[];
   // hover时 控制柄高亮
   // mousedown 时请求独占
   // dragstart 请求 通用 resizing 控制
diff --git a/packages/types/src/schema.ts b/packages/types/src/schema.ts
index b645c3e7d..9d5a01257 100644
--- a/packages/types/src/schema.ts
+++ b/packages/types/src/schema.ts
@@ -40,7 +40,7 @@ export type DOMText = string;
 export interface ContainerSchema extends NodeSchema {
   componentName: string; // 'Block' | 'Page' | 'Component';
   fileName: string;
-  meta?: object;
+  meta?: Record<string, unknown>;
   state?: {
     [key: string]: CompositeValue;
   };
@@ -92,4 +92,4 @@ export function isNodeSchema(data: any): data is NodeSchema {
 
 export function isProjectSchema(data: any): data is ProjectSchema {
   return data && data.componentsTree;
-}
\ No newline at end of file
+}
diff --git a/packages/types/src/setter-config.ts b/packages/types/src/setter-config.ts
index 479efd78a..aa8695e5b 100644
--- a/packages/types/src/setter-config.ts
+++ b/packages/types/src/setter-config.ts
@@ -12,7 +12,7 @@ function isReactComponent(obj: any): obj is ComponentType<any> {
 
 export type CustomView = ReactElement | ComponentType<any>;
 
-export type DynamicProps = (target: SettingTarget) => object;
+export type DynamicProps = (target: SettingTarget) => Record<string, unknown>;
 export type DynamicSetter = (target: SettingTarget) => string | SetterConfig | CustomView;
 
 export interface SetterConfig {
@@ -23,7 +23,7 @@ export interface SetterConfig {
   /**
    * the props pass to Setter Component
    */
-  props?: object | DynamicProps;
+  props?: Record<string, unknown> | DynamicProps;
   children?: any;
   isRequired?: boolean;
   initialValue?: any | ((target: SettingTarget) => any);
diff --git a/packages/types/src/title.ts b/packages/types/src/title.ts
index 7a260ebeb..bdb641503 100644
--- a/packages/types/src/title.ts
+++ b/packages/types/src/title.ts
@@ -13,7 +13,7 @@ export interface TitleConfig {
 
 export type TitleContent = string | I18nData | ReactElement | TitleConfig;
 
-function isPlainObject(value: any): value is object {
+function isPlainObject(value: any): value is Record<string, unknown> {
   if (typeof value !== 'object') {
     return false;
   }
diff --git a/packages/types/src/utils.ts b/packages/types/src/utils.ts
index f4a925f3b..751317f84 100644
--- a/packages/types/src/utils.ts
+++ b/packages/types/src/utils.ts
@@ -2,12 +2,12 @@ import { NpmInfo } from './npm';
 
 export type UtilsMap = Array<
 | {
-    name: string;
-    type: 'npm';
-    content: NpmInfo;
-  }
+  name: string;
+  type: 'npm';
+  content: NpmInfo;
+}
 | {
-    name: string;
-    type: '';
-  }
+  name: string;
+  type: '';
+}
 >;
diff --git a/packages/types/src/value-type.ts b/packages/types/src/value-type.ts
index a294ed082..14eea7ad4 100644
--- a/packages/types/src/value-type.ts
+++ b/packages/types/src/value-type.ts
@@ -73,8 +73,6 @@ export function isJSFunction(data: any): data is JSFunction {
 }
 
 
-
-
 export function isJSSlot(data: any): data is JSSlot {
   return data && data.type === 'JSSlot';
 }
diff --git a/packages/utils/src/asset.ts b/packages/utils/src/asset.ts
index f6f842160..6534372cd 100644
--- a/packages/utils/src/asset.ts
+++ b/packages/utils/src/asset.ts
@@ -80,7 +80,7 @@ urls: [
   "view.js *",
   "view1.js mobile|pc",
   "view2.js <device selector>"
-]*/
+] */
 export function assetItem(type: AssetType, content?: string | null, level?: AssetLevel, id?: string): AssetItem | null {
   if (!content) {
     return null;
@@ -95,10 +95,20 @@ export function assetItem(type: AssetType, content?: string | null, level?: Asse
 
 export class StylePoint {
   private lastContent: string | undefined;
+
   private lastUrl: string | undefined;
+
   private placeholder: Element | Text;
 
-  constructor(readonly level: number, readonly id?: string) {
+  readonly level: number;
+
+  readonly id: string;
+
+  constructor(level: number, id?: string) {
+    this.level = level;
+    if (id) {
+      this.id = id;
+    }
     let placeholder: any;
     if (id) {
       placeholder = document.head.querySelector(`style[data-id="${id}"]`);
@@ -237,6 +247,7 @@ export class AssetLoader {
   }
 
   private stylePoints = new Map<string, StylePoint>();
+
   private loadStyle(content: string | undefined | null, level: AssetLevel, isUrl?: boolean, id?: string) {
     if (!content) {
       return;
diff --git a/packages/utils/src/build-components.ts b/packages/utils/src/build-components.ts
index 7dfeed3bc..434ba94c8 100644
--- a/packages/utils/src/build-components.ts
+++ b/packages/utils/src/build-components.ts
@@ -7,11 +7,11 @@ interface LibraryMap {
   [key: string]: string;
 }
 
-function accessLibrary(library: string | object) {
+function accessLibrary(library: string | Record<string, unknown>) {
   if (typeof library !== 'string') {
     return library;
   }
-  
+
   return (window as any)[library] || generateHtmlComp(library);
 }
 
@@ -90,4 +90,4 @@ export function buildComponents(libraryMap: LibraryMap, componentsMap: { [compon
     }
   });
   return components;
-}
\ No newline at end of file
+}
diff --git a/packages/utils/src/clone-deep.ts b/packages/utils/src/clone-deep.ts
index 94719418a..99114634b 100644
--- a/packages/utils/src/clone-deep.ts
+++ b/packages/utils/src/clone-deep.ts
@@ -11,6 +11,7 @@ export function cloneDeep(src: any): any {
   } else if (type === 'object' && isPlainObject(src)) {
     data = {};
     for (const key in src) {
+      // eslint-disable-next-line no-prototype-builtins
       if (src.hasOwnProperty(key)) {
         data[key] = cloneDeep(src[key]);
       }
diff --git a/packages/utils/src/create-content.ts b/packages/utils/src/create-content.ts
index 62e85b30d..211c26f16 100644
--- a/packages/utils/src/create-content.ts
+++ b/packages/utils/src/create-content.ts
@@ -1,7 +1,7 @@
 import { ReactNode, ComponentType, isValidElement, cloneElement, createElement } from 'react';
 import { isReactComponent } from './is-react';
 
-export function createContent(content: ReactNode | ComponentType<any>, props?: object): ReactNode {
+export function createContent(content: ReactNode | ComponentType<any>, props?: Record<string, unknown>): ReactNode {
   if (isValidElement(content)) {
     return props ? cloneElement(content, props) : content;
   }
diff --git a/packages/utils/src/create-icon.tsx b/packages/utils/src/create-icon.tsx
index 9a3a7c74d..a69a042ae 100644
--- a/packages/utils/src/create-icon.tsx
+++ b/packages/utils/src/create-icon.tsx
@@ -5,7 +5,7 @@ import { isReactComponent } from './is-react';
 
 const URL_RE = /^(https?:)\/\//i;
 
-export function createIcon(icon?: IconType | null, props?: object): ReactNode {
+export function createIcon(icon?: IconType | null, props?: Record<string, unknown>): ReactNode {
   if (!icon) {
     return null;
   }
@@ -16,10 +16,10 @@ export function createIcon(icon?: IconType | null, props?: object): ReactNode {
     return <Icon type={icon} {...props} />;
   }
   if (isValidElement(icon)) {
-    return cloneElement(icon, {...props});
+    return cloneElement(icon, { ...props });
   }
   if (isReactComponent(icon)) {
-    return createElement(icon, {...props});
+    return createElement(icon, { ...props });
   }
 
   return <Icon {...icon} {...props} />;
diff --git a/packages/utils/src/cursor.ts b/packages/utils/src/cursor.ts
index 111fa12ea..988c6ad03 100644
--- a/packages/utils/src/cursor.ts
+++ b/packages/utils/src/cursor.ts
@@ -1,4 +1,5 @@
 import './cursor.less';
+
 export class Cursor {
   private states = new Set<string>();
 
@@ -9,6 +10,7 @@ export class Cursor {
       this.removeState('dragging');
     }
   }
+
   setXResizing(flag: boolean) {
     if (flag) {
       this.addState('x-resizing');
@@ -16,6 +18,7 @@ export class Cursor {
       this.removeState('x-resizing');
     }
   }
+
   setYResizing(flag: boolean) {
     if (flag) {
       this.addState('y-resizing');
diff --git a/packages/utils/src/env.ts b/packages/utils/src/env.ts
index 4770bd46f..b9a7b4696 100644
--- a/packages/utils/src/env.ts
+++ b/packages/utils/src/env.ts
@@ -1,3 +1,3 @@
 export function isInSimulator() {
   return Boolean((window as any).__is_simulator_env__);
-}
\ No newline at end of file
+}
diff --git a/packages/utils/src/get-prototype-of.ts b/packages/utils/src/get-prototype-of.ts
index b64eebf63..924c01bcd 100644
--- a/packages/utils/src/get-prototype-of.ts
+++ b/packages/utils/src/get-prototype-of.ts
@@ -3,5 +3,6 @@ export function getPrototypeOf(target: any) {
     return Object.getPrototypeOf(target);
   }
 
+  // eslint-disable-next-line no-proto
   return target.__proto__;
 }
diff --git a/packages/utils/src/is-object.ts b/packages/utils/src/is-object.ts
index 1db32995e..4693388e4 100644
--- a/packages/utils/src/is-object.ts
+++ b/packages/utils/src/is-object.ts
@@ -1,3 +1,3 @@
-export function isObject(value: any): value is object {
+export function isObject(value: any): value is Record<string, unknown> {
   return value !== null && typeof value === 'object';
 }
diff --git a/packages/utils/src/is-react.ts b/packages/utils/src/is-react.ts
index fdaed5f45..3b929edea 100644
--- a/packages/utils/src/is-react.ts
+++ b/packages/utils/src/is-react.ts
@@ -1,6 +1,7 @@
 import { ComponentClass, Component, FunctionComponent, ComponentType } from 'react';
-const hasSymbol = typeof Symbol === 'function' && Symbol['for'];
-const REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol['for']('react.forward_ref') : 0xead0;
+
+const hasSymbol = typeof Symbol === 'function' && Symbol.for;
+const REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
 
 export function isReactClass(obj: any): obj is ComponentClass<any> {
   return obj && obj.prototype && (obj.prototype.isReactComponent || obj.prototype instanceof Component);
diff --git a/packages/utils/src/set-prototype-of.ts b/packages/utils/src/set-prototype-of.ts
index 7f242ac6a..5759f88c5 100644
--- a/packages/utils/src/set-prototype-of.ts
+++ b/packages/utils/src/set-prototype-of.ts
@@ -3,6 +3,7 @@ export function setPrototypeOf(target: any, proto: any) {
   if (typeof Object.setPrototypeOf !== 'undefined') {
     Object.setPrototypeOf(target, proto); // tslint:disable-line
   } else {
+    // eslint-disable-next-line no-proto
     target.__proto__ = proto;
   }
 }
diff --git a/packages/utils/src/svg-icon.tsx b/packages/utils/src/svg-icon.tsx
index f389606a8..f75724b06 100644
--- a/packages/utils/src/svg-icon.tsx
+++ b/packages/utils/src/svg-icon.tsx
@@ -13,7 +13,7 @@ export interface IconProps {
   fill?: string;
   size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | number;
   children?: ReactNode;
-  style?: object;
+  style?: Record<string, unknown>;
 }
 
 export function SVGIcon({
@@ -26,6 +26,7 @@ export function SVGIcon({
 }: IconProps & {
   viewBox: string;
 }) {
+  // eslint-disable-next-line no-prototype-builtins
   if (SizePresets.hasOwnProperty(size)) {
     size = SizePresets[size];
   }
diff --git a/scripts/addowner.js b/scripts/addowner.js
index 2d70e8567..fff647b47 100755
--- a/scripts/addowner.js
+++ b/scripts/addowner.js
@@ -4,7 +4,8 @@ const path = require('path');
 const process = require('process');
 const { execSync } = require('child_process');
 
-let [ owner, pkg ] = process.argv.slice(2);
+// eslint-disable-next-line prefer-const
+let [owner, pkg] = process.argv.slice(2);
 
 const packages_dir = path.join(__dirname, '..', 'packages');
 function getPackageNames() {
@@ -19,7 +20,7 @@ function getPackageNames() {
     if (fs.existsSync(packageJsonFile)) {
       const json = require(packageJsonFile);
       if (!json.private && json.name) {
-        packageNames.push(json.name)
+        packageNames.push(json.name);
       }
     }
   });
@@ -29,14 +30,14 @@ function getPackageNames() {
 const owners_file = path.join(__dirname, './owners.json');
 const owners = require(owners_file);
 function addPackageOwners(packageName) {
-  owners.forEach(owner => addOwner(packageName, owner));
+  owners.forEach(setOwner => addOwner(packageName, setOwner));
 }
 
-function addOwner(packageName, owner) {
-  console.info(`addowner "${owner}" for "${packageName}"`);
+function addOwner(packageName, setOwner) {
+  console.info(`addowner "${setOwner}" for "${packageName}"`);
   try {
-    execSync(`tnpm owner add ${owner} ${packageName}`, {
-      encoding: 'utf-8'
+    execSync(`tnpm owner add ${setOwner} ${packageName}`, {
+      encoding: 'utf-8',
     });
     console.info('OK');
   } catch (e) {
diff --git a/templates/src/index.js b/templates/src/index.js
index fb029417c..9517d2edf 100644
--- a/templates/src/index.js
+++ b/templates/src/index.js
@@ -1,3 +1,3 @@
-"use strict";
+'use strict';
 //
-//# sourceMappingURL=index.js.map
\ No newline at end of file
+// # sourceMappingURL=index.js.map
diff --git a/xima.config.js b/xima.config.js
new file mode 100644
index 000000000..84185467c
--- /dev/null
+++ b/xima.config.js
@@ -0,0 +1,3 @@
+module.exports = {
+  eslintType: 'typescript/react',
+};